.automation-dashboard{font-family:var(--font-inter,sans-serif);flex-direction:column;gap:48px;max-width:1200px;margin:0 auto;padding:40px 24px;display:flex}.automation-dashboard-hero{background:linear-gradient(135deg,#f8faff 0%,#f0f5ff 50%,#f8faff 100%) 0 0/200% 200%;border:1px solid #eef2ff;border-radius:24px;justify-content:space-between;align-items:center;gap:40px;padding:40px;animation:10s infinite bgGradientShift;display:flex;box-shadow:0 4px 40px #6366f10d}@keyframes bgGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-content{flex:1;max-width:500px}.hero-tag{text-transform:uppercase;color:#6366f1;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:16px;font-size:.75rem;font-weight:700;display:inline-flex}.hero-content h1{color:#111827;letter-spacing:-.02em;background:linear-gradient(135deg,#111827 0%,#4f46e5 50%,#111827 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:3.5rem;font-weight:800;line-height:1.1;animation:8s infinite textGradientShift}@keyframes textGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-content p{color:#4b5563;margin:0 0 32px;font-size:1.125rem}.hero-actions{gap:16px;margin-left:-120px;display:flex}.hero-actions .btn{border-radius:9999px;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-actions .btn.primary{color:#fff;background:#6366f1;box-shadow:0 4px 12px #6366f14d}.hero-actions .btn.primary:hover{background:#4f46e5;transform:translateY(-1px)}.hero-actions .btn.secondary{color:#111827;background:#fff;border:1px solid #e5e7eb}.hero-actions .btn.secondary:hover{background:#f9fafb}.hero-graphic{flex:1.5;justify-content:flex-end;display:flex}.hero-graphic img{width:100%;max-width:700px;height:auto;animation:6s ease-in-out infinite floatImage}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.automation-dashboard-actions-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.action-card{cursor:pointer;text-align:left;appearance:none;opacity:1;border-radius:12px;outline:none;flex-direction:row;align-items:center;gap:16px;height:80px;margin:0;padding:20px;font-family:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008;color:#111827!important;background-color:#fff!important;border:1px solid #f3f4f6!important}.action-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f}.action-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.action-card.new-workflow .action-icon{color:#8b5cf6;background:#f3e8ff}.action-card.explore .action-icon{color:#3b82f6;background:#eff6ff}.action-card.shelf .action-icon{color:#f97316;background:#fff7ed}.action-card.import .action-icon{color:#8b5cf6;background:#f3e8ff}.action-card.my-workflow .action-icon{color:#10b981;background:#f0fdf4}.action-text{flex:1}.action-text strong{color:#111827;margin-bottom:4px;font-size:.9375rem;font-weight:700;display:block}.action-text p{color:#9ca3af;margin:0;font-size:.8125rem}.action-arrow{color:#d1d5db;opacity:1;transition:all .3s}.action-card:hover .action-arrow{color:#9ca3af;transform:translate(4px)}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-header h2{color:#111827;align-items:center;gap:8px;margin:0;font-size:1.125rem;font-weight:700;display:flex}.view-all{color:#6366f1;font-size:.875rem;font-weight:600;text-decoration:none}.view-all:hover{text-decoration:underline}.automation-template-cards{scrollbar-width:none;gap:20px;padding-bottom:16px;display:flex;overflow-x:auto}.automation-template-cards.full-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid;overflow-x:visible}.automation-template-cards::-webkit-scrollbar{display:none}.template-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #f3f4f6;border-radius:24px;flex-direction:column;min-width:240px;padding:0;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000008}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f}.template-graphic{justify-content:center;align-items:center;width:100%;height:140px;display:flex}.template-graphic img{object-fit:cover;width:100%;height:100%}.template-card.bg-prepare-pdf-submission .template-graphic{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.template-card.bg-merge-number-compress-pdf .template-graphic{background:linear-gradient(135deg,#ffedd5,#fed7aa)}.template-card.bg-images-one-pdf .template-graphic{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.template-card.bg-sign-compress-document .template-graphic{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.template-card.bg-clean-csv-data .template-graphic{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.template-card.bg-phone-scans-shelf .template-graphic{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.template-card.bg-process-new-shelf-files .template-graphic{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.template-content{padding:20px}.template-content strong{color:#111827;margin-bottom:6px;font-size:.9375rem;font-weight:700;display:block}.template-content p{color:#6b7280;margin:0 0 16px;font-size:.8125rem;line-height:1.4}.template-meta{color:#4b5563;background:#f3f4f6;border-radius:9999px;align-items:center;gap:8px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.meta-dot{color:#9ca3af}.dashboard-bottom-grid{grid-template-columns:2fr 1fr;gap:40px;display:grid}.workflows-section{background:#fff;border:1px solid #f3f4f6;border-radius:24px;padding:24px;box-shadow:0 4px 20px #00000008}.automation-workflow-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.automation-workflow-heading h2{align-items:center;gap:8px;margin:0;font-size:1.125rem;font-weight:700;display:flex}.automation-workflow-heading h2 span{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:2px 8px;font-size:.75rem}.automation-dashboard-controls{align-items:center;gap:16px;display:flex}.filter-group{background:#f9fafb;border-radius:999px;gap:8px;padding:4px;display:flex}.filter-group button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:.8125rem;font-weight:600}.filter-group button.is-active{color:#6366f1;background:#fff;box-shadow:0 1px 3px #0000001a}.automation-workflow-columns{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6;grid-template-columns:2.5fr 1.5fr 1fr 1.5fr .75fr .75fr;padding:12px 16px;font-size:.75rem;font-weight:600;display:grid}.automation-workflow-row{border-bottom:1px solid #f9fafb;grid-template-columns:2.5fr 1.5fr 1fr 1.5fr .75fr .75fr;align-items:center;padding:16px;font-size:.875rem;display:grid}.automation-workflow-row:last-of-type{border-bottom:none}.automation-workflow-name{align-items:center;gap:12px;display:flex}.workflow-icon{color:#6366f1;background:#ede9fe;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.automation-workflow-name strong{color:#111827;font-weight:600;display:block}.trigger-tag{color:#4b5563;background:#f3f4f6;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:.65rem;display:inline-block}.automation-workflow-row span[data-label] strong{color:#111827;font-weight:600}.automation-workflow-row span[data-label] small{color:#6b7280;margin-top:2px;font-size:.75rem;display:block}.automation-state{align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px}.automation-state.is-active .status-dot{background:#10b981}.automation-state.is-active{color:#10b981}.automation-state.is-draft .status-dot{background:#9ca3af}.automation-state.is-paused .status-dot{background:#f59e0b}.automation-workflow-row-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-icon{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon:hover{background:#e5e7eb}.btn-icon.play-btn{color:#6366f1;background:#ede9fe}.btn-icon.play-btn:hover{background:#ddd6fe}.view-all-container{border-top:1px solid #f3f4f6;justify-content:center;margin-top:24px;padding-top:16px;display:flex}.runs-section{background:#fff;border:1px solid #f3f4f6;border-radius:24px;padding:24px;box-shadow:0 4px 20px #00000008}.automation-run-list{flex-direction:column;gap:16px;display:flex}.run-list-item{color:inherit;border-bottom:1px solid #f9fafb;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding-bottom:16px;text-decoration:none;display:grid}.run-list-item:last-child{border-bottom:none;padding-bottom:0}.run-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.run-icon.is-completed{color:#10b981;background:#dcfce7}.run-icon.is-failed{color:#ef4444;background:#fee2e2}.run-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.run-header strong{color:#111827;font-size:.875rem;font-weight:600}.run-trigger-tag{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.65rem}.run-status-text{font-size:.75rem;font-weight:600}.run-status-text.is-completed{color:#10b981}.run-status-text.is-failed{color:#ef4444}.run-time{text-align:right;font-size:.875rem}.run-time strong{color:#111827;font-weight:600}.run-time small{color:#6b7280;margin-top:2px;font-size:.75rem;display:block}@media (max-width:1024px){.dashboard-bottom-grid{grid-template-columns:1fr}.automation-dashboard-actions-grid{grid-template-columns:repeat(2,1fr)}.automation-dashboard-hero{flex-direction:column}}@media (max-width:768px){.automation-dashboard-actions-grid{grid-template-columns:1fr}.automation-workflow-columns,.automation-workflow-row{grid-template-columns:1fr;gap:8px}.automation-workflow-columns{display:none}}.run-text-btn{border-radius:8px;width:auto;padding:0 16px;font-size:13px;font-weight:600}
