:root{color:#f5f7fb;font-synthesis:none;background:#080b13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#182442 0,#080b13 38%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.logo{background:linear-gradient(145deg,#8c75ff,#5265ff);border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:grid;box-shadow:0 9px 24px #655bff44}.viewer-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c101cdd;border-bottom:1px solid #202a3d;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand>strong{font-size:18px}.brand>span{color:#748097;margin-left:3px;font-size:11px}.live-badge{color:#8c97aa;background:#161d2c;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;font-weight:800;display:flex}.live-badge span{background:#68748a;border-radius:50%;width:7px;height:7px}.live-badge.active{color:#8ef0b8;background:#153523}.live-badge.active span{background:#3adb81;box-shadow:0 0 10px #3adb81}.player-wrap{width:min(1440px,100% - 42px);margin:34px auto 50px}.title{justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.title h1{margin:0;font-size:clamp(20px,3vw,28px)}.title p{color:#8995aa;margin:6px 0 0}.title small{color:#a9b1c1;white-space:nowrap;background:#151c2a;border:1px solid #263149;border-radius:8px;padding:8px 10px}.player{aspect-ratio:16/9;background:#020306;border:1px solid #293349;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 28px 90px #0009}.player video{object-fit:contain;width:100%;height:100%;display:block}.player-state{color:#aab3c3;background:#070a11;place-content:center;justify-items:center;gap:13px;display:grid;position:absolute;inset:0}.player-state p{color:#6f7b91;margin:-3px 0 0}.spinner{border:3px solid #28334a;border-top-color:#806eff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ended-icon{color:#5f6b7f;font-size:28px}.play-audio{color:#fff;background:#675aff;border:0;border-radius:11px;padding:12px 18px;font-weight:800;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #675aff66}.play-audio.audio-on{color:#b8f4d0;box-shadow:none;background:#163927e8;padding:9px 12px;bottom:18px;left:auto;right:18px;transform:none}.error-text{color:#ff8c99}.not-found,.admin-login{text-align:center;place-content:center;justify-items:center;min-height:100vh;display:grid}.not-found h1{margin:18px 0 4px}.not-found p{color:#8490a6}.admin-card{text-align:left;background:#101623;border:1px solid #263149;border-radius:20px;gap:16px;width:min(400px,100vw - 38px);padding:36px;display:grid;box-shadow:0 30px 80px #0008}.admin-card>.logo{margin:auto}.admin-card h1,.admin-card p{text-align:center;margin:0}.admin-card p{color:#7e899e;margin:-11px 0 7px}.admin-card label{color:#9da8ba;gap:7px;font-size:12px;font-weight:700;display:grid}input,select{color:#f4f6fa;background:#090e18;border:1px solid #2a354b;border-radius:10px;outline:none;padding:12px}input:focus,select:focus{border-color:#7163ff}.admin-card button,.create-user button{color:#fff;background:#6559f5;border:0;border-radius:10px;padding:12px;font-weight:800}.admin-error{color:#ff9ca6;background:#ff526216;border:1px solid #ff52623d;border-radius:9px;padding:10px 12px;font-size:13px}.admin-shell{background:#090d16;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.admin-shell>aside{background:#0d121e;border-right:1px solid #202a3d;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:10px;padding:0 8px 26px;display:flex}nav{gap:7px;display:grid}nav button,.logout{color:#8e99ad;text-align:left;background:0 0;border:0;border-radius:9px;padding:11px 12px}nav button.active{color:#fff;background:#1c2540}.logout{margin-top:auto}.admin-content{padding:34px;overflow:auto}.admin-content>header{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.admin-content header span{color:#7568ff;text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:800}.admin-content h1{margin:3px 0 0;font-size:28px}.refresh{color:#c6cbe1;background:#182037;border:1px solid #303b57;border-radius:9px;padding:9px 12px}.create-user{grid-template-columns:1fr 1.2fr 1.2fr 120px auto;gap:10px;margin-bottom:20px;display:grid}.table{background:#101622;border:1px solid #263149;border-radius:13px;overflow:hidden}.tr{color:#9da8ba;border-top:1px solid #202a3d;grid-template-columns:1.3fr 1fr .6fr .7fr .7fr;align-items:center;gap:14px;min-height:58px;padding:10px 16px;font-size:13px;display:grid}.tr.users{grid-template-columns:1.1fr .8fr .5fr .6fr 1.6fr}.tr.streams{grid-template-columns:1.5fr .8fr .6fr .7fr .7fr}.tr:first-child{border-top:0}.tr.th{color:#647086;text-transform:uppercase;background:#0c111c;min-height:42px;font-size:11px;font-weight:800}.tr strong{color:#eef0f5;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tr button{color:#c8cdf7;background:#1d2742;border:1px solid #344061;border-radius:8px;justify-self:start;padding:7px 9px;font-size:11px}.tr button:disabled{opacity:.35;cursor:default}.row-actions{gap:6px;display:flex}.row-actions button.remove{color:#ffb1b9;background:#391923;border-color:#652432}.online{color:#65d99a}.offline{color:#7c879b}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.admin-shell>aside{flex-direction:row;align-items:center;gap:10px;height:auto;position:static}nav{display:flex}.logout{margin:0 0 0 auto}.create-user{grid-template-columns:1fr 1fr}.table{overflow-x:auto}.tr{min-width:740px}}