@charset "UTF-8";:root{--canvas: #F4F5F7;--surface: #FFFFFF;--surface-2: #FAFAFB;--ink: #18181B;--secondary: #71717A;--muted: #A1A1AA;--border: rgba(228,228,231,.7);--border-hover: rgba(161,161,170,.4);--shadow: 0 1px 3px rgba(0,0,0,.04), 0 8px 24px -4px rgba(0,0,0,.05);--shadow-hover: 0 2px 8px rgba(0,0,0,.06), 0 12px 32px -4px rgba(0,0,0,.08);--accent: #10B981;--accent-soft: rgba(16,185,129,.08);--accent-border: rgba(16,185,129,.25);--blue: #3B82F6;--blue-soft: rgba(59,130,246,.08);--blue-border: rgba(59,130,246,.25);--warning: #D97706;--warning-soft: rgba(245,158,11,.08);--error: #DC2626;--error-soft: rgba(239,68,68,.08);--error-border: rgba(220,38,38,.25);--st-green: #16A34A;--st-green-bg: #F0FDF4;--st-blue: #2563EB;--st-blue-bg: #EFF6FF;--st-yellow: #CA8A04;--st-yellow-bg: #FEFCE8;--st-red: #DC2626;--st-red-bg: #FEF2F2;--st-gray: #6B7280;--st-gray-bg: #F9FAFB;--st-light: #9CA3AF;--st-light-bg: #FAFAFA;--radius: 16px;--radius-sm: 10px;--ease: cubic-bezier(.23, 1, .32, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--grid-line: rgba(0,0,0,.025);--mesh-1: rgba(16,185,129,.1);--mesh-2: rgba(59,130,246,.07);--mesh-3: rgba(245,158,11,.05);--grain-opacity: .035;--grain-blend: multiply}:root[data-theme=dark]{--canvas: #0A0C10;--surface: #14181F;--surface-2: #1A1F28;--ink: #E7EAEE;--secondary: #9AA1AC;--muted: #616876;--border: rgba(255,255,255,.07);--border-hover: rgba(255,255,255,.18);--shadow: 0 1px 3px rgba(0,0,0,.5), 0 14px 40px -10px rgba(0,0,0,.7);--shadow-hover: 0 2px 8px rgba(0,0,0,.6), 0 18px 48px -10px rgba(0,0,0,.8);--accent: #34D399;--accent-soft: rgba(52,211,153,.12);--accent-border: rgba(52,211,153,.3);--blue: #60A5FA;--blue-soft: rgba(96,165,250,.12);--blue-border: rgba(96,165,250,.3);--warning: #FBBF24;--warning-soft: rgba(251,191,36,.12);--error: #F87171;--error-soft: rgba(248,113,113,.12);--error-border: rgba(248,113,113,.3);--st-green: #34D399;--st-green-bg: rgba(52,211,153,.1);--st-blue: #60A5FA;--st-blue-bg: rgba(96,165,250,.1);--st-yellow: #FBBF24;--st-yellow-bg: rgba(251,191,36,.1);--st-red: #F87171;--st-red-bg: rgba(248,113,113,.1);--st-gray: #9CA3AF;--st-gray-bg: rgba(156,163,175,.08);--st-light: #6B7280;--st-light-bg: rgba(107,114,128,.08);--grid-line: rgba(255,255,255,.03);--mesh-1: rgba(52,211,153,.1);--mesh-2: rgba(96,165,250,.08);--mesh-3: rgba(124,58,237,.07);--grain-opacity: .05;--grain-blend: overlay}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hanken Grotesk,system-ui,sans-serif;background:var(--canvas);color:var(--ink);min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .4s var(--ease),color .4s var(--ease);position:relative}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(1100px 620px at 88% -8%,var(--mesh-1),transparent 55%),radial-gradient(900px 520px at -6% 12%,var(--mesh-2),transparent 50%),radial-gradient(700px 700px at 50% 120%,var(--mesh-3),transparent 60%);opacity:1;transition:background .6s var(--ease)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:var(--grain-blend)}h1,h2,h3,.display{font-family:Bricolage Grotesque,system-ui,sans-serif;font-optical-sizing:auto}::selection{background:var(--accent-soft);color:var(--ink)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.reveal{animation:fadeUp .6s var(--ease) backwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:14px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.green,.status-dot.completed{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.status-dot.blue,.status-dot.started,.status-dot.processing{background:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);animation:pulse 2s infinite var(--ease)}.status-dot.red,.status-dot.error{background:var(--error);box-shadow:0 0 0 3px var(--error-soft)}.status-dot.gray,.status-dot.pending{background:var(--muted);opacity:.4}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink);font-family:Outfit,sans-serif;font-size:.8125rem;font-weight:500;cursor:pointer;transition:transform .16s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);box-shadow:var(--shadow);white-space:nowrap}.btn:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.97);box-shadow:none}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{background:#27272a}.btn:disabled{opacity:.3;pointer-events:none}input,select{font-family:Outfit,sans-serif;font-size:.8125rem;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;outline:none;transition:border-color .15s var(--ease)}input:focus,select:focus{border-color:var(--accent)}input::placeholder,select::placeholder{color:var(--muted)}.mono{font-family:JetBrains Mono,monospace;font-size:.6875rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}