/* assets/admin.css */
:root { --bg:#0f1115; --card:#151922; --text:#e6e8ee; --muted:#a3acbd; --line:#232a38; --accent:#6aa6ff; --danger:#ff6a6a; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; background:var(--bg); color:var(--text); }
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
.topbar{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--line); background:rgba(21,25,34,.85); position:sticky; top:0; backdrop-filter: blur(10px); }
.brand a{ font-weight:700; letter-spacing:.3px; }
.nav{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.nav .sep{ width:1px; height:18px; background:var(--line); margin:0 4px; }
.nav .btn{ padding:7px 10px; border:1px solid var(--line); border-radius:10px; background:var(--card); }
.container{ max-width:1100px; margin:18px auto; padding:0 14px 24px; }
.card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:14px; }
.grid{ display:grid; grid-template-columns: 1fr; gap:12px; }
@media(min-width: 900px){ .grid.cols-2{ grid-template-columns: 1fr 1fr; } }
h1,h2{ margin:0 0 12px; }
label{ display:block; font-size:14px; color:var(--muted); margin:0 0 6px; }
input[type=text], input[type=password], input[type=email], textarea, select {
  width:100%; padding:10px 12px; border-radius:12px; border:1px solid var(--line);
  background:#0c0f15; color:var(--text); outline:none;
}
textarea{ min-height: 220px; resize: vertical; }
.row{ display:flex; gap:10px; flex-wrap:wrap; }
.row > *{ flex:1 1 220px; }
.actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:10px; }
button, .button{
  border:1px solid var(--line); background:var(--accent); color:#07101d;
  padding:10px 12px; border-radius:12px; cursor:pointer; font-weight:700;
}
button.secondary, .button.secondary{ background:transparent; color:var(--text); }
button.danger, .button.danger{ background:var(--danger); color:#1b0707; }
table{ width:100%; border-collapse:collapse; }
th,td{ padding:10px 8px; border-bottom:1px solid var(--line); vertical-align:top; }
th{ text-align:left; color:var(--muted); font-size:13px; }
.badge{ display:inline-block; padding:3px 8px; border-radius:999px; border:1px solid var(--line); color:var(--muted); font-size:12px; }
.notice{ padding:10px 12px; border-radius:12px; border:1px solid var(--line); background:#101523; }
.notice.ok{ border-color: rgba(106,166,255,.45); }
.notice.err{ border-color: rgba(255,106,106,.45); }
.small{ color:var(--muted); font-size:13px; }
.footer{ text-align:center; padding:18px 10px; color:var(--muted); border-top:1px solid var(--line); }


.thumb{ width:56px; height:40px; object-fit:cover; border-radius:10px; border:1px solid var(--line); display:block; }