:root{
 --blue:#3ba8ff;--blue2:#146bff;--violet:#8b5cf6;--mag:#d946ef;
 --text:#f8fbff;--muted:#97a2b3;--line:rgba(130,180,255,.18);
 --glass:rgba(3,8,22,.74);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#02040a;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
a{color:inherit}.space-bg{position:fixed;inset:0;z-index:-2;background:#02040a url('sky-cosmic.png') center/cover no-repeat}
.space-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,3,10,.33),rgba(1,3,10,.82));backdrop-filter:blur(1px)}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px}
.auth-card{width:min(480px,94vw);padding:28px;border:1px solid var(--line);background:rgba(2,7,20,.78);backdrop-filter:blur(16px);box-shadow:0 25px 90px rgba(0,0,0,.58),0 0 70px rgba(44,101,255,.12);text-align:center}
.brand-image{width:100%;height:185px;object-fit:cover;object-position:center;border:1px solid rgba(110,160,255,.12);margin-bottom:20px;filter:saturate(.95) contrast(1.04)}
.kicker{margin:0;color:#77c4ff;font-size:10px;letter-spacing:.28em}.auth-card h1{font-weight:500;font-size:28px;margin:12px 0 8px}.muted{color:var(--muted);font-size:13px;line-height:1.6}
form{text-align:left;margin-top:24px}label{display:block;color:#a7b0bf;font-size:10px;letter-spacing:.08em;margin:14px 0}
input{display:block;width:100%;margin-top:7px;padding:13px 14px;color:white;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12);outline:none}
input:focus{border-color:#4dadff;box-shadow:0 0 0 2px rgba(61,158,255,.08)}
button{font:inherit}button[type=submit]{width:100%;padding:13px 14px;border:1px solid rgba(119,190,255,.25);background:linear-gradient(90deg,#147fff,#615bff 60%,#8c4fe6);color:white;font-size:11px;font-weight:800;letter-spacing:.08em;cursor:pointer}
button[type=submit]:hover{filter:brightness(1.08)}
.back-link{display:inline-block;margin-top:21px;text-decoration:none;color:#747f90;font-size:11px}
.msg{padding:11px 12px;margin-top:16px;font-size:12px;border:1px solid rgba(255,255,255,.12)}.msg.error{background:rgba(105,19,35,.30);color:#ffc0cc}.msg.ok{background:rgba(17,92,74,.28);color:#bcebd8}

.player-page{min-height:100vh}.player-top{width:min(1120px,94vw);margin:auto;padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em;color:#9fb2ca}
.player-top>div{display:flex;align-items:center;gap:9px}.signal-dot{width:7px;height:7px;border-radius:50%;background:#4baeff;box-shadow:0 0 15px #4baeff}.user-actions{gap:16px!important}.user-actions a{text-decoration:none;color:#76bfff}
.player-wrap{width:min(1050px,94vw);margin:30px auto 0}.player-card{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);background:rgba(2,7,20,.72);backdrop-filter:blur(14px);box-shadow:0 28px 90px rgba(0,0,0,.55)}
.brand-hero{min-height:520px;overflow:hidden}.brand-hero img{width:100%;height:100%;object-fit:cover}
.player-content{padding:54px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:9px;letter-spacing:.30em;color:#7194b6;margin:0 0 14px}.player-content h1{font-size:clamp(30px,4vw,50px);font-weight:500;margin:0 0 7px}.player-content>p#artist{margin:0;color:#9ba7b8;font-size:15px}
.controls{display:flex;align-items:center;gap:25px;margin-top:35px}.play-btn{width:66px;height:66px;border-radius:50%;border:1px solid rgba(93,179,255,.36);background:linear-gradient(135deg,#1589ff,#5e5cff 58%,#9149df);color:white;font-size:21px;cursor:pointer;box-shadow:0 0 30px rgba(52,118,255,.18)}
.vol{display:flex;align-items:center;gap:10px}.vol span{font-size:9px;color:#6d7888;letter-spacing:.15em}.vol input{width:165px;margin:0;padding:0;accent-color:#5baeff}.state{font-size:11px;color:#748194;margin-top:15px}.private-note{text-align:center;color:#687487;font-size:11px;margin:22px 0 45px}

.admin-page{min-height:100vh}.admin-top{width:min(1180px,94vw);margin:auto;padding:24px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-top strong{display:block;letter-spacing:.18em;font-size:15px}.admin-top span{display:block;margin-top:5px;color:#689bcc;font-size:9px;letter-spacing:.20em}.admin-top nav{display:flex;gap:18px}.admin-top nav a{text-decoration:none;color:#8fc8ff;font-size:10px;letter-spacing:.12em}
.admin-wrap{width:min(1180px,94vw);margin:28px auto 55px}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:rgba(2,7,20,.66);backdrop-filter:blur(12px)}
.admin-summary div{padding:24px;text-align:center}.admin-summary div+div{border-left:1px solid var(--line)}.admin-summary b{display:block;font-size:34px;font-weight:500}.admin-summary span{font-size:9px;color:#7fbfff;letter-spacing:.14em}
.admin-grid{display:grid;grid-template-columns:340px 1fr;gap:18px;margin-top:18px}.admin-card{border:1px solid var(--line);background:rgba(2,7,20,.72);backdrop-filter:blur(12px);padding:24px}.admin-card h2{font-size:20px;font-weight:500;margin:0 0 8px}.users-card{min-width:0}
.user-list{display:grid;gap:10px;margin-top:18px}.user-row{border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.24);padding:15px;display:grid;grid-template-columns:1fr auto;gap:16px}.user-main strong{display:block}.user-main span{display:inline-block;margin-top:6px;color:#76c0ff;font-size:9px;letter-spacing:.12em}.user-main small{display:block;margin-top:7px;color:#707b8c;font-size:10px}
.user-actions-grid{display:grid;gap:7px;min-width:220px}.user-actions-grid form{margin:0}.mini{padding:8px 10px!important;font-size:9px!important}.reset-form{display:grid;grid-template-columns:1fr auto;gap:7px}.reset-form input{margin:0;padding:8px 9px;font-size:10px}.danger{background:rgba(106,18,44,.45)!important;border-color:rgba(255,94,134,.24)!important}
@media(max-width:850px){.player-card{grid-template-columns:1fr}.brand-hero{min-height:300px;height:45vw}.player-content{padding:30px}.admin-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr}.user-actions-grid{min-width:0}}
@media(max-width:600px){.brand-image{height:135px}.player-top{align-items:flex-start;gap:12px}.user-actions{flex-direction:column;align-items:flex-end!important;gap:5px!important}.admin-summary{grid-template-columns:1fr}.admin-summary div+div{border-left:0;border-top:1px solid var(--line)}}