html{color-scheme:light dark}:root{--primary-color: #0d1b3c;--primary-contrast: #ffffff;--accent-color: #1e88e5;--accent-cyan: #22d3ee;--surface: #ffffff;--surface-2: #f4f6fb;--surface-3: #eaeef7;--text-primary: #12203a;--text-secondary: #5a6b8c;--border: #dce3f0;--sidebar-bg: #0d1b3c;--sidebar-text: #c7d2e8;--sidebar-active: #1b2d55;--topbar-bg: #ffffff;--radius: 12px;--shadow-1: 0 1px 3px rgba(16, 32, 66, .12);--shadow-2: 0 6px 20px rgba(16, 32, 66, .14);--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px}body.dark-theme{--surface: #12161f;--surface-2: #0f131b;--surface-3: #1a1f2b;--text-primary: #e6ebf5;--text-secondary: #9aa7c0;--border: #232a38;--sidebar-bg: #0a0e17;--sidebar-text: #aab6d0;--sidebar-active: #141a28;--topbar-bg: #12161f;--accent-color: var(--accent-cyan)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--surface-2);color:var(--text-primary)}.flex{display:flex}.col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.flex-1{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--gap-lg)}.btn-primary{background:var(--primary-color);color:var(--primary-contrast);border:none;border-radius:var(--radius);padding:10px 18px;font-weight:600;cursor:pointer}.btn-primary:hover{filter:brightness(1.1)}.topbar-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}