:root{--bg: #f6f5f1;--bg-elev: #ffffff;--fg: #1c1c1e;--fg-muted: #6b6b70;--accent: #b3261e;--accent-fg: #ffffff;--border: #e3e1da;--danger: #b3261e;--warn: #c08a3e;--ok: #2f6f4d;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.06);--sidebar-w: 240px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg: #18181b;--bg-elev: #232327;--fg: #f4f4f5;--fg-muted: #a1a1aa;--accent: #ef5350;--accent-fg: #1c0a0a;--border: #2c2c33;--danger: #f87171;--warn: #e0a85c;--ok: #5cb88a;--shadow: 0 1px 3px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;background:var(--accent);color:var(--accent-fg);border:none;border-radius:var(--radius);padding:.5rem .9rem}button.secondary{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border)}input,select,textarea{font:inherit;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem;width:100%}.layout{display:flex;height:100%}.sidebar{width:var(--sidebar-w);background:var(--bg-elev);border-right:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-brand{padding:0 .5rem 1rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.sidebar a{display:block;padding:.5rem .75rem;border-radius:var(--radius);color:var(--fg)}.sidebar a.active{background:var(--accent);color:var(--accent-fg)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.main{flex:1;padding:1.5rem 2rem;overflow-y:auto}.muted{color:var(--fg-muted)}.error{color:var(--danger);margin-top:.75rem;font-size:.9rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--fg)}label.inline{flex-direction:row;align-items:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}table th,table td{vertical-align:middle}@media (max-width: 720px){.grid-2{grid-template-columns:1fr}}.settings-tab{padding:.55rem 1rem;border-radius:var(--radius) var(--radius) 0 0;color:var(--fg-muted);border-bottom:2px solid transparent;font-size:.9rem}.settings-tab:hover{color:var(--fg);text-decoration:none}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.login-page{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg)}.login-card{width:min(380px,90vw);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow)}.login-card label{font-size:.85rem;color:var(--fg-muted);margin-top:.5rem}.login-card button{margin-top:1rem}@media (max-width: 720px){.layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.sidebar-footer{display:none}.main{padding:1rem}}