:root{color-scheme:dark;--bg:#0b0d11;--panel:#151820;--line:#2a2e38;--gold:#d7ad55;--muted:#9ca3af;--bad:#e06c75}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f4f5;font:15px system-ui,Segoe UI,sans-serif}header{min-height:64px;display:flex;align-items:center;gap:28px;padding:12px 28px;border-bottom:1px solid var(--line);background:#101218}.brand{font-size:20px;font-weight:700;color:white;text-decoration:none;white-space:nowrap}.brand span{color:var(--gold)}nav{display:flex;gap:18px;flex:1;flex-wrap:wrap}nav a,.link{color:#d4d4d8;text-decoration:none;background:none;border:0;cursor:pointer}main{max-width:1280px;margin:28px auto;padding:0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}.metric{font-size:30px;color:var(--gold);font-weight:700}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line)}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:var(--gold)}input,select,button{padding:9px 12px;border-radius:6px;border:1px solid var(--line);background:#0f1117;color:white}button.primary{background:var(--gold);color:#17120a;font-weight:700}.actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:var(--muted)}.error{color:var(--bad)}.login{max-width:420px;margin:10vh auto}.login label{display:block;margin:14px 0 5px}.login input{width:100%}.login button{width:100%;margin-top:18px}h1{font-size:26px}a{color:#e6c77e}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}table{display:block;overflow:auto}}
