:root{color-scheme:dark;--bg:#0b0d10;--panel:#14181d;--panel2:#1b2027;--text:#eef2f6;--muted:#9aa6b2;--line:#2a3139;--accent:#73a7ff;--danger:#ff7a7a;--ok:#6fd3a8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}
.top{height:64px;display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid var(--line);background:#101319}
.top .brand{font-weight:750;margin-right:auto}
.top a,nav a{color:var(--text);text-decoration:none}
.primary-nav{display:flex;align-items:center;gap:8px;padding:10px 24px;border-bottom:1px solid var(--line);background:#0f1216}
.primary-nav a{padding:9px 13px;border-radius:9px}
.primary-nav a:hover,.primary-nav a:focus,.primary-nav a.active{background:var(--panel2)}
.primary-nav .nav-settings{margin-left:auto}
.settings-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:9px 24px;border-bottom:1px solid var(--line);background:var(--panel)}
.settings-nav a{padding:8px 12px;border:1px solid transparent;border-radius:9px;color:var(--muted)}
.settings-nav a:hover,.settings-nav a:focus{color:var(--text);background:var(--panel2)}
.settings-nav a.active{color:var(--text);border-color:var(--line);background:var(--panel2)}.container{max-width:1200px;margin:0 auto;padding:26px 20px 60px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.stat{font-size:32px;font-weight:800}.btn{display:inline-block;background:var(--accent);color:#08101b;border:0;border-radius:10px;padding:10px 14px;font-weight:750;text-decoration:none;cursor:pointer}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;color:var(--muted);margin-bottom:6px;font-size:13px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:#0f1318;color:var(--text)}.field textarea{min-height:110px}.span2{grid-column:1/-1}.actions{display:flex;gap:10px;margin-top:16px}.notice{padding:12px 14px;border:1px solid #315e4a;background:#11251c;border-radius:10px;margin-bottom:18px}.error{padding:12px 14px;border:1px solid #633;background:#271315;border-radius:10px;margin-bottom:18px}.login{max-width:440px;margin:10vh auto}.login h1{margin-top:0}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--panel2);font-size:12px}.split{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:800px){.grid,.form-grid,.split{grid-template-columns:1fr}.span2{grid-column:auto}.top{padding:0 14px}.top>div{display:none}nav{padding:8px 12px;flex-wrap:wrap}.container{padding:20px 14px}.hero{align-items:flex-start;flex-direction:column}table{font-size:13px}th,td{padding:10px 8px}}
.empty-state{background:var(--panel);border:1px dashed var(--line);border-radius:14px;padding:28px;text-align:center}.empty-state h3{margin:0 0 6px}.error ul{margin:8px 0 0;padding-left:20px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.page-title{margin:0}.card h2:first-child,.card h3:first-child{margin-top:0}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meta-item{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.meta-item .label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:3px}@media(max-width:800px){.meta-grid{grid-template-columns:1fr}}
@media(max-width:600px){.top{height:58px;gap:12px;padding:0 10px}.top .brand{font-size:14px}.top>a:last-child{font-size:13px}.primary-nav{display:grid;grid-template-columns:repeat(5,auto);gap:2px;padding:6px 8px}.primary-nav a{padding:8px 4px;text-align:center;font-size:12.5px}.primary-nav .nav-settings{margin-left:0}.settings-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}.settings-nav a{padding:9px 6px;text-align:center;white-space:normal}}
@media(max-width:360px){.primary-nav a{font-size:11.5px}.primary-nav{padding-left:4px;padding-right:4px}}