@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Roboto+Mono:wght@400;700&display=swap";
:root{--primary:#0f172a;--primary-hover:#1e293b;--accent:#3b82f6;--accent-hover:#2563eb;--background:#f8fafc;--surface:#fff;--surface-border:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b;--text-inverse:#fff;--sidebar-bg:#0f172a;--sidebar-fg:#fff;--sidebar-muted:#ffffff80;--sidebar-accent:#3b82f6;--radius-md:14px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d;--transition:all .4s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary:#020617;--primary-hover:#0f172a;--accent:#38bdf8;--accent-hover:#0ea5e9;--background:#020617;--surface:#0f172a;--surface-border:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-inverse:#020617;--sidebar-bg:#000;--sidebar-fg:#fff;--sidebar-muted:#94a3b8;--sidebar-accent:#38bdf8}[data-theme=emerald]{--primary:#064e3b;--primary-hover:#065f46;--accent:#10b981;--accent-hover:#059669;--background:#f0fdf4;--surface:#fff;--surface-border:#dcfce7;--text-main:#064e3b;--text-muted:#34d399;--sidebar-bg:#064e3b;--sidebar-fg:#fff;--sidebar-muted:#fff9;--sidebar-accent:#10b981}[data-theme=royal]{--primary:#2e1065;--primary-hover:#4c1d95;--accent:#a855f7;--accent-hover:#9333ea;--background:#faf5ff;--surface:#fff;--surface-border:#f3e8ff;--text-main:#2e1065;--text-muted:#c084fc;--sidebar-bg:#2e1065;--sidebar-fg:#fff;--sidebar-muted:#fff9;--sidebar-accent:#a855f7}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);height:100%;color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;transition:background-color .5s,color .5s,border-color .5s}.pos-mono{font-family:Roboto Mono,monospace}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition)}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b899}