@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--navy:#f5f7fa;--navy-mid:#fff;--navy-light:#e8ecf1;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-glow:#2563eb1f;--amber:#d97706;--green:#059669;--red:#dc2626;--coral:#ea580c;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border:#00000014;--border-hover:#00000024;--surface:#00000008;--surface-hover:#0000000f;--card:#fff;--radius:10px;--radius-sm:6px;--radius-lg:16px;--shadow:0 1px 3px #00000014, 0 4px 16px #0000000a;--shadow-lg:0 4px 24px #0000001a;--font:"Sora", system-ui, sans-serif;--mono:"IBM Plex Mono", monospace;--sidebar-w:240px;--header-h:60px;--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);background:var(--navy);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none}input,select,textarea{font-family:var(--font);background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);outline:none;width:100%;padding:8px 12px;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:2px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.badge{font-size:11px;font-weight:500;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.badge-blue{color:#1d4ed8;background:#2563eb14;border:1px solid #2563eb33}.badge-green{color:#047857;background:#05966914;border:1px solid #05966933}.badge-amber{color:#b45309;background:#d9770614;border:1px solid #d9770633}.badge-red{color:#b91c1c;background:#dc262614;border:1px solid #dc262633}.badge-gray{color:var(--text-secondary);border:1px solid var(--border);background:#0000000a}.badge-coral{color:#c2410c;background:#ea580c14;border:1px solid #ea580c33}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:.3s forwards fadeInUp}.stagger-1{opacity:0;animation-delay:50ms}.stagger-2{opacity:0;animation-delay:.1s}.stagger-3{opacity:0;animation-delay:.15s}.stagger-4{opacity:0;animation-delay:.2s}.stagger-5{opacity:0;animation-delay:.25s}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-hover) 50%, var(--surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}