/* ALL MEDIA STORE — Admin (Minimal v1) */
:root{ --bg:#0b0f14; --panel:#0f1621; --muted:#93a4b8; --text:#e6edf3; --border:#233043; --accent:#5eead4; --danger:#fb7185; --warn:#fbbf24; }
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: linear-gradient(180deg, var(--bg), #06090d);
  color:var(--text);
}
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
.wrap{ max-width:1100px; margin:0 auto; padding:18px; }
.topbar{
  position:sticky; top:0; backdrop-filter: blur(10px);
  background: rgba(11,15,20,.75); border-bottom:1px solid var(--border);
}
.nav{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:12px 18px;
}
.brand{ font-weight:700; letter-spacing:.2px; }
.brand small{ display:block; color:var(--muted); font-weight:500; margin-top:2px; font-size:12px; }
.navlinks{ display:flex; gap:10px; flex-wrap:wrap; }
.navlinks a{ padding:8px 10px; border-radius:10px; border:1px solid transparent; color:var(--text); }
.navlinks a.active, .navlinks a:hover{ border-color: var(--border); background: rgba(94,234,212,.06); text-decoration:none; }
.card{
  background: rgba(15,22,33,.9); border:1px solid var(--border);
  border-radius:16px; padding:16px; box-shadow: 0 10px 24px rgba(0,0,0,.25);
}
.grid{ display:grid; grid-template-columns: 1fr; gap:14px; }
@media(min-width: 900px){ .grid.cols-2{ grid-template-columns: 1fr 1fr; } }
.h1{ font-size:22px; margin:0 0 6px; }
.muted{ color: var(--muted); }
hr{ border:none; border-top:1px solid var(--border); margin:14px 0; }
.tablewrap{ width:100%; overflow:auto; border-radius:14px; border:1px solid var(--border); }
table{ width:100%; border-collapse:collapse; min-width: 780px; background: rgba(7,10,14,.35); }
th,td{ padding:10px 10px; border-bottom:1px solid var(--border); vertical-align:top; }
th{ text-align:left; font-size:12px; letter-spacing:.3px; text-transform:uppercase; color:var(--muted); background: rgba(15,22,33,.7); position:sticky; top:0; }
tr:hover td{ background: rgba(94,234,212,.03); }
.badge{ display:inline-block; padding:3px 8px; border-radius:999px; border:1px solid var(--border); font-size:12px; color:var(--muted); }
.badge.ok{ color:#a7f3d0; border-color: rgba(167,243,208,.3); background: rgba(167,243,208,.06); }
.badge.warn{ color:#fde68a; border-color: rgba(253,230,138,.3); background: rgba(253,230,138,.06); }
.badge.danger{ color:#fecdd3; border-color: rgba(254,205,211,.3); background: rgba(254,205,211,.06); }
.row{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.row > * { flex: 0 0 auto; }
input, select, textarea{
  width:100%; padding:10px 12px; border-radius:12px; border:1px solid var(--border);
  background: rgba(7,10,14,.55); color: var(--text); outline: none;
}
textarea{ min-height: 120px; resize: vertical; }
label{ display:block; font-size:12px; color:var(--muted); margin:10px 0 6px; }
.btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 12px; border-radius:12px; border:1px solid var(--border);
  background: rgba(94,234,212,.10); color: var(--text); cursor:pointer;
}
.btn:hover{ background: rgba(94,234,212,.16); }
.btn.primary{ border-color: rgba(94,234,212,.45); }
.btn.danger{ background: rgba(251,113,133,.10); border-color: rgba(251,113,133,.35); }
.btn.danger:hover{ background: rgba(251,113,133,.16); }
.btn.ghost{ background: transparent; }
.flash{ padding:10px 12px; border-radius:14px; border:1px solid var(--border); margin-bottom:12px; }
.flash.ok{ border-color: rgba(94,234,212,.35); background: rgba(94,234,212,.06); }
.flash.err{ border-color: rgba(251,113,133,.35); background: rgba(251,113,133,.06); }
.kpi{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
@media(min-width: 900px){ .kpi{ grid-template-columns: repeat(4, minmax(0,1fr)); } }
.kpi .box{ border:1px solid var(--border); border-radius:16px; padding:12px; background: rgba(7,10,14,.25); }
.kpi .num{ font-size:20px; font-weight:700; }
.footer{ color: var(--muted); font-size:12px; padding:18px; text-align:center; }
code.inline{ padding:2px 6px; border-radius:8px; background: rgba(7,10,14,.55); border:1px solid var(--border); }