:root{--bg: #f4f5f7;--bg-elevated: #ffffff;--surface: #ffffff;--surface-muted: #eceef2;--border: #e2e6ec;--text: #1a1f26;--text-secondary: #4a5568;--text-muted: #8a94a6;--accent: #c9a227;--accent-hover: #b8921f;--accent-contrast: #1a1f26;--error: #d64545;--sidebar: #1a2420;--sidebar-text: #e8eaed;--sidebar-muted: #9aa3b2;--sidebar-border: #2a3530;--sidebar-active: #243530}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.layout{display:flex;min-height:100vh}aside{width:240px;background:var(--sidebar);padding:1.5rem 1rem;border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:1rem}.brand{font-weight:700;letter-spacing:.04em;color:var(--sidebar-text);font-size:1.05rem}nav{display:flex;flex-direction:column;gap:.25rem;flex:1}nav a{color:var(--sidebar-muted);text-decoration:none;padding:.55rem .75rem;border-radius:8px;font-size:.9rem;transition:background .15s,color .15s}nav a.active,nav a:hover{background:var(--sidebar-active);color:#fff}main{flex:1;padding:2rem;background:var(--bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 1px 2px #1a1f260a}h1{font-size:1.5rem;margin:0 0 1rem;color:var(--text);font-weight:600}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border)}th{color:var(--text-secondary);font-weight:600}input,button{font:inherit}input{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);margin-bottom:.75rem}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c9a2272e}button{padding:.65rem 1.1rem;border-radius:8px;border:none;background:var(--accent);color:var(--accent-contrast);font-weight:600;cursor:pointer;transition:background .15s}button:hover{background:var(--accent-hover)}button.ghost{background:transparent;border:1px solid var(--sidebar-border);color:var(--sidebar-muted)}button.ghost:hover{background:var(--sidebar-active);color:#fff}.row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.muted{color:var(--text-muted);font-size:.85rem}.error{color:var(--error);font-size:.85rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(160deg,#f4f5f7,#eceef2,#e8eaef)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #1a1f2614}.login-card h1{margin-bottom:.35rem}.login-card .brand-mark{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:700;font-size:1.25rem;color:var(--text)}.login-card .brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.login-card label{display:block;margin-bottom:.35rem}.login-card button{width:100%;margin-top:.5rem}