@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-on-primary:#fff;--color-background:#f8fafc;--color-background-subtle:#f1f5f9;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-border:#e2e8f0;--color-border-subtle:#cbd5e1;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-dim:#94a3b8;--color-accent:#2563eb;--status-emerald-bg:#ecfdf5;--status-emerald-text:#047857;--status-emerald-border:#a7f3d0;--status-blue-bg:#eff6ff;--status-blue-text:#1d4ed8;--status-blue-border:#bfdbfe;--status-amber-bg:#fffbe6;--status-amber-text:#b45309;--status-amber-border:#fef08a;--status-rose-bg:#fef2f2;--status-rose-text:#b91c1c;--status-rose-border:#fecaca;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:9999px;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-elevated:0 10px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--motion-fast:.12s ease-in-out;--motion-base:.22s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-background-subtle);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.asana-card{background:var(--color-surface);border-radius:var(--radius-md);transition:transform var(--motion-base), box-shadow var(--motion-base), border-color var(--motion-base);border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000008,0 1px 2px #00000005}.asana-card:hover{border-color:#cbd5e1;box-shadow:0 10px 25px -5px #2563eb0f,0 8px 10px -6px #00000005}.asana-display{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--color-text);font-size:30px;font-weight:400;line-height:1.2}.asana-heading{font-family:var(--font-sans);color:var(--color-text);font-size:24px;font-weight:500;line-height:1.2}.asana-body{font-family:var(--font-sans);color:var(--color-text);font-size:16px;font-weight:400;line-height:1.5}.asana-body-muted{color:var(--color-text-muted);font-size:14px;line-height:1.5}.btn{font-family:var(--font-sans);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--motion-base);white-space:nowrap;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:var(--color-on-primary);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background-color:#212529;border-color:#212529}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:#cbd5e1}.btn-danger{background-color:var(--status-rose-bg);color:var(--status-rose-text);border-color:var(--status-rose-border)}.btn-danger:hover:not(:disabled){background-color:#fee2e2;border-color:#fca5a5}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:var(--radius-xl);letter-spacing:.01em;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-emerald{background-color:var(--status-emerald-bg);color:var(--status-emerald-text);border:1px solid var(--status-emerald-border)}.badge-neutral{background-color:var(--status-neutral-bg);color:var(--status-neutral-text);border:1px solid var(--status-neutral-border)}.badge-purple{background-color:var(--status-purple-bg);color:var(--status-purple-text);border:1px solid var(--status-purple-border)}.badge-amber{background-color:var(--status-amber-bg);color:var(--status-amber-text);border:1px solid var(--status-amber-border)}.badge-rose{background-color:var(--status-rose-bg);color:var(--status-rose-text);border:1px solid var(--status-rose-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--motion-base) forwards}.spinner{animation:1s linear infinite spin}.app-container{max-width:1200px;margin:0 auto;padding:20px 24px 60px}.main-grid{flex-direction:column;gap:20px;width:100%;margin-top:16px;display:flex}.main-grid>div{width:100%;min-width:0}.upload-grid-empty{justify-content:center;width:100%;margin:10px auto 0;display:flex}