html,body{height:100%;margin:0;overflow:hidden;background:#0b0b0d}.dashboard{height:100%;padding:20px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;color:#e5e7eb}.layout{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:hidden}.queue-panel{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#141418,#0e0e12);border-radius:18px;overflow:hidden}.now-playing{padding:18px;border-bottom:1px solid rgba(255,255,255,.06)}.label{font-size:11px;opacity:.6;text-transform:uppercase;letter-spacing:.08em}.track{display:flex;justify-content:space-between;gap:12px;margin-top:6px}.track .title{font-size:16px;font-weight:600}.track .time{font-size:12px;opacity:.6}.progress{height:6px;background:#0a0a0d;border-radius:999px;overflow:hidden;margin-top:12px}.progress-bar{height:100%;background:linear-gradient(90deg,#7c3aed,#6366f1);transition:width .3s ease}.queue-scroll{flex:1;overflow-y:auto;padding:16px;min-height:0}.queue-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.queue-item .duration{opacity:.6}.stats-panel{height:100%;display:grid;grid-template-rows:auto auto 1fr;gap:20px;overflow:hidden}.panel{background:linear-gradient(180deg,#141418,#0e0e12);border-radius:18px;padding:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}.stat{background:#1a1a20;border-radius:14px;padding:14px;text-align:center}.stat span{font-size:12px;opacity:.6}.stat strong{display:block;margin-top:6px;font-size:24px;font-weight:700}.podium-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:14px;margin-top:12px}.podium-user{background:#1a1a20;border-radius:16px;padding:14px;text-align:center}.podium-user img{width:56px;height:56px;border-radius:14px;margin-bottom:8px}.podium-user .rank{font-size:12px;opacity:.6}.podium-user .name{font-weight:600}.podium-user .points{font-size:12px;opacity:.6}.rank-1{transform:translateY(-16px);background:linear-gradient(180deg,#2a2438,#181522);box-shadow:0 0 0 1px #3aed9c59,0 10px 20px #7c3aed59}.rank-2{transform:translateY(-8px)}.rank-3{opacity:.85}.users{display:flex;flex-direction:column;overflow:hidden}.users-scroll{flex:1;overflow-y:auto;margin-top:10px;min-height:0}.user-row{display:grid;grid-template-columns:36px 32px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.user-row img{width:28px;height:28px;border-radius:8px}.user-row .rank{opacity:.5;font-size:12px}.user-row .points{font-size:13px;opacity:.6}.empty{text-align:center;padding:16px;opacity:.5}