:root{
  /* Clean GitHub-like dark palette */
  --bg:#0d1117;--surface:#0f141a;--card:#161b22;--muted:#8b949e;--border:#30363d;--text:#c9d1d9;
  --accent:#2f81f7;--danger:#da3633;--ok:#238636;--warning:#9e6a03;
}
body.admin{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto;margin:0;line-height:1.45}
.nav{position:sticky;top:0;z-index:5;display:flex;gap:10px;padding:12px 16px;background:rgba(22,27,34,.8);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.nav a{color:var(--text);text-decoration:none;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:transparent;transition:background .15s, transform .1s}
.nav a:hover{background:rgba(240,246,252,.06);transform:translateY(-1px)}
.wrap{padding:18px;max-width:1200px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.25)}
button,.btn{padding:9px 14px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer;transition:filter .12s, transform .1s}
button:hover,.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-danger{background:var(--danger)!important;border-color:var(--danger)!important}
.btn-ok{background:var(--ok)!important;border-color:var(--ok)!important}
input,select,textarea{background:#0f141a;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,129,247,.2)}
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.thumb{border-radius:10px;border:1px solid var(--border);background:#0b0f14}
.muted{color:var(--muted)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.title{font-weight:800;margin:0 0 8px 0;letter-spacing:.2px}
table{width:100%;border-collapse:separate;border-spacing:0}
th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left}
th{color:#c9d1d9;font-weight:700;background:rgba(240,246,252,.03)}
tr:hover td{background:rgba(240,246,252,.02)}

/* Toasts */
#toast-container{display:flex;flex-direction:column;gap:8px}
.toast{opacity:0;transform:translateY(-10px);transition:opacity .2s, transform .2s;color:#fff;background:rgba(0,0,0,.8);border:1px solid var(--border);border-radius:10px;padding:10px 14px;box-shadow:0 6px 24px rgba(0,0,0,.4)}
.toast.visible{opacity:1;transform:translateY(0)}
.toast.error{background:rgba(179,51,51,.9)}
.toast.ok{background:rgba(42,102,66,.9)}