*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg-2:#1a1d27;--bg-3:#242736;--border:#2e3347;--text:#e2e8f0;--text-muted:#8892a4;--accent:#3b82f6;--accent-hover:#2563eb;--danger:#ef4444;--success:#22c55e}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}nav.main-nav{background:var(--bg-2);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}nav.main-nav .brand{color:var(--accent);flex:1;font-size:1.1rem;font-weight:700}nav.main-nav .user-info{align-items:center;gap:.75rem;display:flex}nav.main-nav img.avatar{border-radius:50%;width:28px;height:28px}nav.main-nav a.logout{color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:.25rem .6rem;font-size:.8rem}nav.main-nav a.logout:hover{color:var(--text);border-color:var(--text-muted)}