:root{--bg:#090c13;--panel:#131824;--panel2:#171e2c;--line:#273041;--txt:#f6f8ff;--muted:#8795ad;--red:#fb3e5e;--cyan:#38d9f4;--purple:#a17bff;--green:#46e5ad}*{box-sizing:border-box}body{margin:0;color:var(--txt);font-family:Manrope,'Segoe UI',Arial,sans-serif;background:var(--bg);font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#293347;border-radius:10px}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.18;z-index:-1}.ambient-one{width:500px;height:500px;top:-250px;right:-100px;background:#ec2b53}.ambient-two{width:450px;height:450px;top:350px;left:40%;background:#107de6;opacity:.07}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:250px;flex:0 0 250px;height:100vh;background:#0e121d;border-right:1px solid #20283a;padding:28px 16px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:3px 10px 42px}.brand-symbol{display:grid;place-items:center;width:51px;height:51px;border-radius:13px;background:linear-gradient(145deg,#e93757,#68122d);font-size:23px;font-style:italic;font-weight:900;letter-spacing:-3px;box-shadow:0 0 24px #ed34543d}.brand-symbol span{color:white;font-size:12px;margin-left:-9px;margin-top:-18px}.brand strong{font-size:15px;letter-spacing:.6px}.brand small{display:block;color:#8494aa;letter-spacing:2px;font-size:9px;margin-top:5px}.side-caption{font-size:10px;font-weight:800;letter-spacing:2px;color:#69788e;padding:15px 14px 9px}.nav{display:flex;flex-direction:column;gap:5px}.nav a{padding:13px 16px;color:#9eabc0;font-weight:600;border-radius:12px;transition:.2s;display:flex;gap:14px;align-items:center}.nav a span{font-size:20px;width:23px;text-align:center}.nav a:hover{background:#1b2230;color:white}.nav a.active{background:linear-gradient(90deg,#451b2d,#241b2d);color:white;box-shadow:inset 3px 0 var(--red)}.nav a.active span{color:#fc526b}.sidebar-bottom{margin-top:auto;background:#171d2a;border:1px solid #283446;border-radius:13px;padding:14px;display:flex;gap:10px;align-items:center}.connection-dot{width:9px;height:9px;border-radius:50%;background:#29e7a5;box-shadow:0 0 10px #29e7a5}.sidebar-bottom strong{display:block;font-size:10px;letter-spacing:1px}.sidebar-bottom small{display:block;font-size:10px;color:#75859a;margin-top:4px}.workspace{min-width:0;flex:1}.topbar{height:82px;border-bottom:1px solid #232b3c;background:#0c101adc;display:flex;align-items:center;justify-content:space-between;padding:0 45px;position:sticky;top:0;z-index:4;backdrop-filter:blur(15px)}.breadcrumb{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#7988a0}.breadcrumb span{padding:0 12px;color:#38465a}.breadcrumb strong{color:#d3dae7}.top-actions{display:flex;align-items:center;gap:20px}.live-pill{border:1px solid #23524b;background:#12352f;color:#55f1b8;padding:8px 13px;border-radius:30px;display:inline-flex;gap:9px;align-items:center;font-size:10px;font-weight:800;letter-spacing:1px;white-space:nowrap}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#49f1b1;box-shadow:0 0 0 4px #49f1b124;animation:pulse 2s infinite}.clock{color:#8e9bb0;font-size:12px;font-weight:700}.mobile-brand{display:none}.mobile-nav{display:none}.content{max-width:1530px;margin:0 auto;padding:40px 48px 70px;min-height:calc(100vh - 148px)}footer{padding:25px 48px;color:#5d6a83;font-size:11px;border-top:1px solid #1e2636}footer span{padding:0 8px}.hero{min-height:330px;border:1px solid #3f263b;border-radius:22px;padding:38px 42px;background:radial-gradient(ellipse at 85% 50%,#6a173c70,transparent 45%),linear-gradient(113deg,#181b2c,#1f162b 70%,#161a2a);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 75px,#ffffff06 77px 78px);pointer-events:none}.eyebrow,.overline{font-size:10px;color:#fb7b90;letter-spacing:2.7px;font-weight:800}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:9px;box-shadow:0 0 8px var(--red)}.hero h1,.page-heading h1{font-size:clamp(32px,3.7vw,54px);line-height:1.16;letter-spacing:-2.2px;margin:17px 0 17px;font-weight:800}.hero h1 span,.page-heading h1 span{background:linear-gradient(90deg,#ff596e,#e691c9);color:transparent;background-clip:text}.hero p,.page-heading p{max-width:560px;color:#a5b0c1;line-height:1.8;margin:0 0 22px}.btn{border:1px solid #364055;border-radius:11px;padding:12px 19px;color:white;background:#1c2534;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:12px;transition:.2s}.btn:hover{filter:brightness(1.22);transform:translateY(-1px)}.btn.primary{background:linear-gradient(100deg,#ef375c,#b52655);border-color:#ff6a81;box-shadow:0 10px 30px #ed345422}.btn.ghost{background:transparent;border:1px solid #384153;margin-left:8px}.btn.danger{background:#552039;border-color:#a84563}.btn.mini{padding:8px 12px;font-size:11px}.btn.wide{width:100%;margin-top:20px}.hero-art{position:relative;width:290px;height:250px;display:grid;place-items:center;flex-shrink:0}.ring{position:absolute;border:2px solid #eb4a7560;border-radius:50%;width:240px;height:240px;box-shadow:0 0 40px #e73a5260,inset 0 0 40px #e73a5250}.ring2{width:310px;height:170px;transform:rotate(-26deg);border-color:#3cb9eb52;box-shadow:0 0 18px #39cbf54a}.hero-logo{font-style:italic;font-weight:900;font-size:120px;letter-spacing:-20px;color:white;text-shadow:0 4px 0 #931a35,0 12px 30px #ef234d;transform:skewX(-9deg);padding-right:22px}.hero-label{position:absolute;bottom:8px;letter-spacing:6px;font-size:15px;font-weight:900;color:#ff6e8a}.section-head,.page-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:44px 0 22px}.section-head h2{font-size:27px;letter-spacing:-1px;margin:8px 0 0}.page-heading{margin-top:7px;margin-bottom:28px}.page-heading h1{margin-top:14px}.page-heading p{margin-bottom:0}.live-updated{color:#8394a8;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{min-width:0;position:relative;border:1px solid #293248;border-radius:17px;padding:25px 24px;background:linear-gradient(145deg,#171d2c,#131824);display:flex;flex-direction:column;min-height:175px;transition:.2s}.metric:hover,.panel:hover{border-color:#3c475e}.metric-icon{font-size:21px;margin-bottom:16px}.metric-icon.cyan{color:var(--cyan)}.metric-icon.red{color:var(--red)}.metric-icon.purple{color:var(--purple)}.metric-icon.green{color:var(--green)}.metric-name{color:#b6c1d3;font-size:12px;font-weight:650}.metric strong{font-size:34px;font-weight:800;margin-top:6px;letter-spacing:-1.5px}.metric small{color:#74849b;font-size:10px;margin-top:6px}.metric-grid.compact .metric{min-height:125px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.panel{border:1px solid #293248;border-radius:18px;background:linear-gradient(165deg,#161d2b,#121722);padding:26px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px;gap:12px}.panel-title h3{font-size:19px;letter-spacing:-.5px;margin:8px 0 0}.overline{color:#8193ac;font-size:10px;letter-spacing:2px}.text-link{font-size:11px;color:#42d7f2;font-weight:800;white-space:nowrap}.now-playing{display:flex;align-items:center;gap:24px}.album-cover{width:116px;height:116px;flex-shrink:0;background:radial-gradient(circle at 25% 25%,#fc496b,#432544 55%,#102745);border:1px solid #7d4966;border-radius:15px;display:grid;place-items:center;overflow:hidden;box-shadow:0 14px 40px #fa3f5f1e}.album-cover span{font-size:64px;color:#f7d4e0;text-shadow:0 5px 20px #f5577b}.album-cover img{width:100%;height:100%;object-fit:cover}.album-cover.large{width:100%;height:260px;max-width:360px;margin:0 auto 28px}.album-cover.large span{font-size:105px}.playing-info{min-width:0}.state-line{display:flex;align-items:center;gap:9px;color:#55e6a8;letter-spacing:1.8px;font-size:10px;font-weight:800}.playing-info h2{font-size:24px;line-height:1.3;overflow-wrap:anywhere;margin:12px 0}.playing-info p,.music-feature p{color:#8899af;font-size:12px;margin:9px 0}.playing-info b,.music-feature strong{color:#e3edfa}.visualizer{height:49px;display:flex;gap:5px;align-items:end;margin-top:29px;padding-top:8px;border-top:1px solid #293449;overflow:hidden}.visualizer i{width:7px;height:24px;border-radius:6px 6px 1px 1px;background:linear-gradient(#34e5f2,#1873a9);animation:wave 1.3s ease-in-out infinite alternate}.visualizer i:nth-child(3n){height:33px;animation-delay:.4s}.visualizer i:nth-child(4n){height:12px;animation-delay:.8s}.visualizer i:nth-child(5n){height:38px;animation-delay:.2s}@keyframes wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes pulse{50%{box-shadow:0 0 0 8px #49f1b100}}.room-list,.history-list,.event-stack{display:flex;flex-direction:column;gap:12px}.room-line,.history-item,.event-row{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:12px;background:#1c2332;border:1px solid #293246}.room-line>span,.history-icon,.event-row>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#1c4552;color:#48dbf8;font-size:18px;flex-shrink:0}.room-line div,.history-item div,.event-row div{min-width:0;flex:1}.room-line strong,.history-item strong,.event-row strong{display:block;font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-line small,.history-item small,.event-row small{display:block;color:#8594aa;margin-top:5px;font-size:10px}.room-line b{font-size:12px;color:#49e6b0}.history-icon{background:#47314a;color:#f66c94}.empty{color:#7d8ba0;padding:22px;font-size:12px;line-height:1.8}.voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.room-card{border:1px solid #303d52;background:linear-gradient(155deg,#182232,#101722);border-radius:17px;padding:23px;min-width:0}.room-heading{display:flex;justify-content:space-between;gap:12px}.room-heading h3{margin:7px 0 4px;font-size:17px}.room-heading small{color:#75869c}.room-count{padding:6px 11px;color:#40e4b2;background:#143c37;border-radius:30px;font-weight:800}.users{display:grid;gap:10px;margin-top:20px}.user-line{display:flex;align-items:center;gap:11px;padding:9px 10px;background:#1c2534;border-radius:10px}.user-avatar{display:grid;place-items:center;width:32px;height:32px;background:linear-gradient(130deg,#742946,#34497e);border-radius:9px;font-weight:800}.user-line strong{font-size:12px;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}.user-line small{color:#39d5ef;font-size:11px}.music-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}.music-feature{text-align:center}.music-feature .state-line{justify-content:center;margin:10px 0 18px}.music-feature h2{font-size:28px;line-height:1.3;overflow-wrap:anywhere}.volume-line{display:flex;align-items:center;justify-content:center;gap:14px;color:#91a2ba;font-size:11px;margin:25px 0}.volume-track{height:6px;width:95px;background:#2b374b;border-radius:10px;overflow:hidden}.volume-track i{display:block;background:#38d9f4;width:50%;height:100%}.hint{color:#7d8fa9;font-size:11px;line-height:1.8;margin-top:18px}.queue-list{display:flex;flex-direction:column;gap:9px}.queue-track{background:#1b2533;border:1px solid #2b3a50;border-radius:11px;padding:14px;display:flex;align-items:center;gap:12px}.queue-track span{color:#4ad7f3;font-weight:800}.queue-track strong{font-size:12px;min-width:0;overflow-wrap:anywhere}.music-bottom{margin-top:20px}.rank-row{display:flex;align-items:center;border-bottom:1px solid #2a3546;padding:13px 0;gap:15px}.rank-row:last-child{border:0}.rank-num{color:#52d7f0;font-weight:800;width:26px}.rank-row strong{flex:1;font-size:12px}.rank-row>span:last-child{color:#a5b3c8;font-size:12px}.bars{height:205px;display:flex;align-items:end;gap:8px;padding-top:20px}.barcol{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.barcol i{display:block;width:100%;max-width:29px;min-height:3px;background:linear-gradient(#40e3f4,#1477ba);border-radius:5px 5px 0 0}.bars[data-color="red"] .barcol i{background:linear-gradient(#fe587a,#a12855)}.barcol small{font-size:9px;color:#7a8ba3;white-space:nowrap}.barcol b{color:#b8c5d7;font-size:9px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.poll-card h3,.event-card h3{font-size:20px;line-height:1.4}.poll-meta{display:flex;justify-content:space-between;color:#7788a0}.pill{border:1px solid #4e4658;padding:6px 10px;border-radius:30px;color:#9faac0;font-size:11px;font-weight:800}.pill.open{color:#3fe5aa;border-color:#275e4f;background:#153b32}.poll-options{display:grid;gap:10px}.option{border-radius:10px;border:1px solid #374055;padding:13px;color:#a0b2c9}.option span{margin-left:8px}.event-date{font-weight:800;color:#43d6f2;margin:15px 0}.event-card p{color:#9aa7bb;line-height:1.8;white-space:pre-wrap}.auth-wrap{display:grid;place-items:center;min-height:65vh}.auth-panel{max-width:460px;width:100%;padding:45px}.auth-panel h1{font-size:35px}.auth-panel h1 span{color:#fd4e71}.auth-panel p{color:#95a4bb;line-height:1.8}.auth-emblem{font-size:56px;margin-top:10px;color:#fd5476}.auth-panel small{display:block;color:#708099;margin-top:20px;line-height:1.8}form label{display:block;color:#acbace;font-size:12px;font-weight:700;margin:17px 0 8px}form input:not([type=hidden]),form textarea{display:block;width:100%;padding:14px 15px;border:1px solid #344258;border-radius:10px;background:#101723;color:#f5f8ff;outline:none;transition:.2s;resize:vertical}form input:focus,form textarea:focus{border-color:#4bcce3;box-shadow:0 0 0 3px #35bce720}.admin-grid{margin-top:0}.admin-row{border-bottom:1px solid #2c3647;padding:13px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.admin-row strong{display:block;font-size:12px}.admin-row small{display:block;color:#76869d;margin-top:5px}.flash{border:1px solid #3c765d;border-radius:11px;color:#5ff2ae;background:#13382d;padding:13px 17px;margin-bottom:18px}.flash.error{color:#ff9cb0;border-color:#764152;background:#3c2030}.counter{font-size:12px;color:#3dd9ee}.muted{color:var(--muted)}@media(max-width:1250px){.sidebar{width:215px;flex-basis:215px}.content{padding:30px 28px 60px}.topbar{padding:0 28px}.hero-art{width:220px}.hero-logo{font-size:85px}}@media(max-width:900px){.sidebar{width:78px;flex-basis:78px;padding:20px 8px}.brand{padding:0 4px 35px}.brand>div:last-child,.side-caption,.nav a{font-size:0}.nav a{justify-content:center;padding:11px}.nav a span{font-size:22px}.sidebar-bottom{padding:10px;justify-content:center}.sidebar-bottom div:last-child{display:none}.hero-art{display:none}.hero{min-height:280px}.metric-grid,.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.music-layout{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.mobile-brand{display:block;font-weight:900;font-size:16px}.mobile-brand b{color:var(--red)}.breadcrumb{display:none}.topbar{height:66px;padding:0 16px}.clock{display:none}.content{padding:22px 14px 50px}.hero{padding:29px 23px;min-height:305px}.hero h1{font-size:35px}.hero p{font-size:12px}.hero .btn{padding:11px;font-size:10px}.hero .btn.ghost{margin-left:4px}.metric-grid{gap:10px}.metric{padding:18px;min-height:146px}.metric strong{font-size:28px}.section-head{align-items:start;flex-direction:column}.dashboard-grid,.voice-grid,.card-grid{grid-template-columns:1fr;gap:14px}.panel{padding:20px}.now-playing{gap:12px}.album-cover{width:90px;height:90px}.playing-info h2{font-size:16px}.page-heading{align-items:start}.page-heading h1{font-size:34px}.page-heading p{font-size:12px}.top-actions{gap:8px}.live-pill{padding:7px;font-size:9px}footer{padding:20px;font-size:9px}}

@media(max-width:600px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;align-items:center;justify-content:space-around;background:#101623f5;border-top:1px solid #303a4e;backdrop-filter:blur(12px);padding:9px 3px max(9px,env(safe-area-inset-bottom))}.mobile-nav a{min-width:0;text-align:center;font-size:19px;color:#aeb9c9;display:flex;flex-direction:column;gap:3px}.mobile-nav a small{font-size:8px}.content{padding-bottom:105px}footer{padding-bottom:88px}}