:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9eef7;background:#0a0d14;color-scheme:dark;--panel:#111722;--line:#243044;--muted:#8d9ab0;--accent:#7c5cff;--green:#42d392}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#1c1643 0,transparent 35%),#090c12;min-height:100vh}button,input,select{font:inherit}button{border:0;border-radius:9px;padding:.7rem 1rem;background:var(--accent);color:white;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.1)}.login{min-height:100vh;display:grid;place-items:center}.card{width:min(390px,90vw);padding:2.2rem;border:1px solid var(--line);background:rgba(17,23,34,.9);border-radius:20px;box-shadow:0 25px 80px #0008}.brand,.logo span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#ec4899);font-weight:900}.card h1{margin:1rem 0 .25rem}.card button{width:100%;margin-top:1rem}label{display:grid;gap:.45rem;color:#bdc8d9;font-size:.88rem;margin-top:1rem}input,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:.72rem;background:#0b1019;color:#fff;outline:none}input:focus,select:focus{border-color:var(--accent)}.muted{color:var(--muted)}.error{color:#ff7786;min-height:1.2rem}#shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:sticky;top:0;height:100vh;padding:1.4rem;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0c111a}.logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.logo span{width:36px;height:36px}nav{display:grid;gap:.4rem}nav button,nav a,.ghost{background:transparent;color:var(--muted);text-align:left;text-decoration:none;padding:.72rem;border-radius:8px}nav button.active,nav button:hover,nav a:hover{color:white;background:#171f2d}.ghost{border:1px solid var(--line)}aside>#logout{margin-top:auto}.content{padding:2rem 3vw}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}header h1{margin:.25rem 0;font-size:2rem}.eyebrow{margin:0;color:#9179ff;font-size:.72rem;font-weight:800;letter-spacing:.14em}.pill,.badge{padding:.35rem .65rem;border-radius:999px;background:#192234;color:#b8c5d8;font-size:.75rem}.pill{border:1px solid #334158}.stats{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:1rem}.stat,.panel{background:linear-gradient(145deg,#131a27,#0f151f);border:1px solid var(--line);border-radius:14px;padding:1.25rem}.stat strong{font-size:2rem;display:block;margin-top:.5rem}.toolbar{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;background:#101620}th,td{text-align:left;padding:.85rem;border-bottom:1px solid #202a3b;font-size:.86rem}th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border:0}.small{padding:.4rem .6rem;font-size:.75rem}.danger{color:#ff8491}.ok{color:var(--green)}.warn{color:#f7c85c}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.5rem}.check{display:flex;grid-auto-flow:column;justify-content:start;align-items:center}.check input{width:auto}dialog{width:min(650px,92vw);background:#111722;color:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem}dialog::backdrop{background:#000b}.playlist-item{display:grid;grid-template-columns:50px 1fr auto;align-items:center;padding:.8rem;border-bottom:1px solid var(--line)}.position{font-size:1.25rem;color:#7762d8}.empty{text-align:center;padding:4rem;color:var(--muted)}@media(max-width:800px){#shell{grid-template-columns:1fr}aside{position:static;height:auto}aside nav{grid-template-columns:repeat(3,1fr)}.content{padding:1rem}.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}