:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1e2746;--bg-input: #252d48;--bg-hover: #2a3358;--text-primary: #e8e8f0;--text-secondary: #a0a0b8;--text-muted: #6b6b80;--accent: #6c63ff;--accent-light: #8b83ff;--accent-dark: #5046e5;--accent-glow: rgba(108, 99, 255, .25);--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--info: #38bdf8;--border: #2a2a45;--border-light: #3a3a5c;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.4);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sidebar-width: 280px;--header-height: 60px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow:hidden}#root{height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:var(--accent-light);text-decoration:none}a:hover{text-decoration:underline}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translate(60px)}}@media(max-width:768px){.menu-toggle{display:flex!important}}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:flex!important}}.sidebar-list-item:hover{background:#6c63ff1a}.sidebar-list-item:hover .sidebar-delete-btn{opacity:1!important}@media(max-width:640px){table{font-size:.78rem}th,td{padding:8px 10px!important}}