:root{--bg-base: #07090f;--bg-surface: #0d1018;--bg-elevated: #131720;--bg-overlay: #1a2030;--border-subtle: rgba(255,255,255,.06);--border-medium: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--text-primary: #eef0f6;--text-secondary: #8892a4;--text-muted: #4a5568;--accent: #6366f1;--accent-soft: rgba(99,102,241,.15);--accent-glow: rgba(99,102,241,.35);--accent-light: #a5b4fc;--green: #10b981;--green-soft: rgba(16,185,129,.12);--yellow: #f59e0b;--yellow-soft: rgba(245,158,11,.12);--red: #ef4444;--red-soft: rgba(239,68,68,.12);--font-display: "Syne", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 224px;--topbar-h: 56px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.fade-up{animation:fadeUp .45s cubic-bezier(.22,.68,0,1.2) both}.fade-in{animation:fadeIn .3s ease both}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer}a{color:inherit;text-decoration:none}