:root{
  --blur: 16px;
  --glass-bg: rgba(255,255,255,.12);
  --glass-brd: rgba(255,255,255,.25);
  --primary: #7c5cff;
  --ok: #10b981;
  --warn:#f59e0b;
  --danger:#ef4444;
  --text:#eaeef6;
  --muted:#aab3c5;
  --card:#11182799;
  --bg: radial-gradient(1200px 600px at 20% -10%, #7C5CFF22 0%, transparent 60%), radial-gradient(1200px 600px at 120% 10%, #22D3EE22 0%, transparent 60%), #0b1220;
  --radius:16px;
}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.admin-wrap{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:18px;background:var(--glass-bg);backdrop-filter: blur(var(--blur));border-right:1px solid var(--glass-brd)}
.brand{font-weight:800;font-size:18px;margin-bottom:16px}
.menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;margin-bottom:6px;color:var(--text);opacity:.9;border:1px solid transparent}
.menu a:hover,.menu a.active{background:var(--card);border-color:var(--glass-brd)}
.content{padding:22px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.card{background:var(--card);backdrop-filter: blur(var(--blur));border:1px solid var(--glass-brd);border-radius:var(--radius);padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.grid{display:grid;gap:16px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.admin-wrap{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(2,1fr)}}
.btn{padding:10px 14px;border-radius:12px;border:1px solid var(--glass-brd);background:var(--glass-bg);color:var(--text);cursor:pointer}
.btn.primary{background:linear-gradient(180deg,#7c5cff,#6a58ff);border-color:transparent}
.btn.ok{background:linear-gradient(180deg,#10b981,#059669);border-color:transparent}
.btn.warn{background:linear-gradient(180deg,#f59e0b,#d97706);border-color:transparent}
.btn.danger{background:linear-gradient(180deg,#ef4444,#dc2626);border-color:transparent}
input[type="text"],input[type="password"],input[type="file"],textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--glass-brd);background:rgba(255,255,255,.06);color:var(--text)}
label{display:block;margin:8px 0 6px 2px;color:var(--muted)}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-top:1px solid var(--glass-brd)}
tr:hover{background:rgba(255,255,255,.05)}
.stat{display:flex;gap:12px;align-items:center}
.stat .num{font-size:28px;font-weight:800}
.drag{border:2px dashed var(--glass-brd);border-radius:14px;padding:20px;text-align:center;opacity:.9}
.badge{display:inline-block;border:1px solid var(--glass-brd);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--muted)}
.preview{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}
.preview img,.preview audio{width:100%;border-radius:10px}
.note{color:var(--muted);font-size:12px;margin-top:6px}
.small{font-size:12px;color:var(--muted)}