.auth-modal[data-v-da122152]{width:100%;max-width:400px;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;position:relative}.close-btn[data-v-da122152]{position:absolute;top:16px;right:16px;background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer}.close-btn[data-v-da122152]:hover{color:#fff}h2[data-v-da122152]{font-size:24px;font-weight:700;color:#fff;margin:0 0 4px;text-align:center}p[data-v-da122152]{font-size:14px;color:#ffffff80;margin:0 0 24px;text-align:center}form[data-v-da122152]{display:flex;flex-direction:column;gap:16px}.field[data-v-da122152]{display:flex;flex-direction:column;gap:6px}.field label[data-v-da122152]{font-size:12px;color:#fff9}.field input[data-v-da122152]{padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;outline:none;transition:all .15s}.field input[data-v-da122152]::placeholder{color:#ffffff4d}.field input[data-v-da122152]:focus{border-color:#6366f1;background:#ffffff14}.error[data-v-da122152]{padding:10px 14px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:13px}.submit-btn[data-v-da122152]{padding:14px;background:#6366f1;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.submit-btn[data-v-da122152]:hover:not(:disabled){background:#4f46e5}.submit-btn[data-v-da122152]:disabled{opacity:.6;cursor:not-allowed}.spin[data-v-da122152]{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin-da122152 .6s linear infinite}@keyframes spin-da122152{to{transform:rotate(360deg)}}.toggle[data-v-da122152]{display:block;width:100%;margin-top:16px;background:none;border:none;color:#ffffff80;font-size:13px;cursor:pointer;transition:color .15s}.toggle[data-v-da122152]:hover{color:#6366f1}.admin-panel[data-v-a34b4a8f]{background:#1a1a2e;border-radius:12px;padding:20px;margin-top:20px}.admin-header h2[data-v-a34b4a8f]{margin:0 0 15px;color:#fff}.admin-tabs[data-v-a34b4a8f]{display:flex;gap:10px;border-bottom:1px solid #333;padding-bottom:10px}.admin-tabs button[data-v-a34b4a8f]{background:none;border:none;color:#888;padding:8px 16px;cursor:pointer;border-radius:6px;transition:all .2s}.admin-tabs button[data-v-a34b4a8f]:hover{color:#fff;background:#333}.admin-tabs button.active[data-v-a34b4a8f]{color:#fff;background:#6c5ce7}.stats-grid[data-v-a34b4a8f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.stat-card[data-v-a34b4a8f]{background:#252540;border-radius:10px;padding:20px;text-align:center}.stat-card.premium[data-v-a34b4a8f]{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.stat-card.revenue[data-v-a34b4a8f]{background:linear-gradient(135deg,#00b894,#55efc4)}.stat-value[data-v-a34b4a8f]{display:block;font-size:28px;font-weight:700;color:#fff}.stat-label[data-v-a34b4a8f]{display:block;font-size:12px;color:#aaa;margin-top:5px}.stat-card.premium .stat-label[data-v-a34b4a8f],.stat-card.revenue .stat-label[data-v-a34b4a8f]{color:#fffc}.search-bar[data-v-a34b4a8f]{display:flex;gap:10px;margin:20px 0}.search-bar input[data-v-a34b4a8f]{flex:1;padding:10px 15px;border:1px solid #333;border-radius:6px;background:#252540;color:#fff}.search-bar select[data-v-a34b4a8f]{padding:10px 15px;border:1px solid #333;border-radius:6px;background:#252540;color:#fff}.users-table[data-v-a34b4a8f],.payments-table[data-v-a34b4a8f]{width:100%;overflow-x:auto}table[data-v-a34b4a8f]{width:100%;border-collapse:collapse;margin-top:10px}th[data-v-a34b4a8f],td[data-v-a34b4a8f]{padding:12px;text-align:left;border-bottom:1px solid #333}th[data-v-a34b4a8f]{background:#252540;color:#888;font-weight:500;font-size:12px;text-transform:uppercase}td[data-v-a34b4a8f]{color:#fff}.badge[data-v-a34b4a8f]{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;text-transform:uppercase}.badge.free[data-v-a34b4a8f]{background:#636e72;color:#fff}.badge.premium[data-v-a34b4a8f]{background:#6c5ce7;color:#fff}.badge.completed[data-v-a34b4a8f]{background:#00b894;color:#fff}.badge.pending[data-v-a34b4a8f]{background:#fdcb6e;color:#000}.expires[data-v-a34b4a8f]{display:block;font-size:11px;color:#888}.actions[data-v-a34b4a8f]{display:flex;gap:5px}.btn-grant[data-v-a34b4a8f]{background:#00b894;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.btn-revoke[data-v-a34b4a8f]{background:#d63031;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.payments-header[data-v-a34b4a8f]{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.payments-header h3[data-v-a34b4a8f]{margin:0;color:#fff}.btn-add[data-v-a34b4a8f]{background:#6c5ce7;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.payment-form[data-v-a34b4a8f]{display:flex;gap:10px;margin-bottom:20px;padding:15px;background:#252540;border-radius:8px}.payment-form input[data-v-a34b4a8f]{flex:1;padding:10px;border:1px solid #333;border-radius:4px;background:#1a1a2e;color:#fff}.payment-form button[data-v-a34b4a8f]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.payment-form button[data-v-a34b4a8f]:first-of-type{background:#00b894;color:#fff}.btn-cancel[data-v-a34b4a8f]{background:#636e72;color:#fff}.settings-grid[data-v-a34b4a8f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-top:20px}.setting-item[data-v-a34b4a8f]{display:flex;flex-direction:column;gap:5px}.setting-item label[data-v-a34b4a8f]{color:#888;font-size:12px}.setting-item input[data-v-a34b4a8f]{padding:10px 15px;border:1px solid #333;border-radius:6px;background:#252540;color:#fff}input[type=checkbox][data-v-a34b4a8f]{width:18px;height:18px;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f172a,#1e1b4b);color:#fff;min-height:100vh}.app{min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:16px}.auth-required{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-box{background:#1e293be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;max-width:400px;width:100%;text-align:center}.logo-big{font-size:48px;margin-bottom:16px}.auth-box p{color:#fff9;margin-bottom:24px;font-size:14px}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.logo{font-size:20px;font-weight:700}.user-section{display:flex;align-items:center;gap:10px}.username{font-size:13px;color:#fffc}.badge{padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;background:#6464644d}.badge.premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000}.badge.dj{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.badge.admin{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-logout,.btn-login{padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:12px;background:#334155;color:#fff;transition:background .15s}.btn-logout:hover,.btn-login:hover{background:#475569}.btn-login{background:#6366f1}.btn-login:hover{background:#4f46e5}.main-grid{display:grid;grid-template-columns:1fr 380px;gap:16px}@media (max-width:900px){.main-grid{grid-template-columns:1fr}}.left-col,.right-col{display:flex;flex-direction:column;gap:12px}.card{background:#1e293bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head h3{font-size:14px;font-weight:600}.player-card{display:flex;flex-direction:column;gap:14px}.player-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.now-playing .label{font-size:10px;color:#ffffff80;letter-spacing:1px;margin-bottom:4px}.now-playing .track-name{font-size:18px;font-weight:600}.now-playing .track-meta{font-size:12px;color:#ffffff80;margin-top:2px}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.live-btn,.live-tog{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:none;cursor:pointer;font-size:12px;font-weight:600;background:#334155;color:#fff;transition:all .15s}.unmute-btn{padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:12px;font-weight:600;background:#ef4444;color:#fff;animation:pulse 1s infinite}.video-controls{display:flex;gap:6px;align-items:center}.video-ctrl-btn{padding:6px 10px;border-radius:8px;border:none;cursor:pointer;font-size:14px;background:#ffffff1a;color:#fff;transition:all .15s}.video-ctrl-btn:hover{background:#fff3}.live-btn:hover,.live-tog:hover{background:#475569}.live-btn.active,.live-tog.on{background:#dc2626}.live-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:#6464644d;font-size:11px}.live-indicator.active{background:#ef444433;color:#ef4444}.live-btn .dot,.live-tog .dot,.live-indicator .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.live-btn.active .dot,.live-tog.on .dot,.live-indicator.active .dot{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.listeners{font-size:13px;color:#fff9}.eq-section{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:stretch}@media (max-width:600px){.eq-section{grid-template-columns:1fr}}.equalizer{height:100px;border-radius:12px;background:linear-gradient(180deg,#6366f11a,#0006);padding:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:1px;overflow:hidden}.equalizer .bar{flex:1;min-width:2px;max-width:6px;min-height:4px;border-radius:2px;background:linear-gradient(180deg,#38bdf8,#818cf8,#c084fc);transition:height .05s ease-out}.equalizer.paused .bar{opacity:.25;height:4px!important}@-webkit-keyframes eq{0%{height:8%}to{height:95%}}@keyframes eq{0%{height:8%}to{height:95%}}.track-mini{border-radius:12px;background:#0006;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.track-mini .cover{width:50px;height:50px;border-radius:8px;background:linear-gradient(135deg,#6366f166,#d946ef66);display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}.track-mini .cover img{width:100%;height:100%;object-fit:cover}.track-mini .time{font-size:11px;color:#fff9;margin-top:8px}.progress-bar{margin-top:8px}.progress-track{height:8px;background:#ffffff1a;border-radius:4px;position:relative;cursor:pointer;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s linear}.progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;opacity:0;transition:opacity .15s}.progress-track:hover .progress-thumb{opacity:1}.progress-info{display:flex;justify-content:space-between;margin-top:8px;font-size:12px}.track-title{color:#fff;font-weight:500}.track-artist{color:#ffffff80}.transport{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.btns{display:flex;gap:6px}.btn{padding:10px 14px;border-radius:10px;background:#334155;border:none;color:#fff;cursor:pointer;font-size:13px;box-shadow:inset 0 1px #ffffff1a,0 4px 12px #0000004d;transition:all .1s}.btn:hover{background:#475569}.btn:active{transform:translateY(1px)}.btn.active{background:#6366f1}.btn.play{background:#10b981;min-width:100px}.btn.play:hover{background:#059669}.btn.play.playing{background:#f59e0b}.btn.play.offline{background:#64748b;cursor:not-allowed;opacity:.7}.btn.play.offline:hover{background:#64748b}.vol{display:flex;align-items:center;gap:8px;font-size:12px}.vol input{width:80px;cursor:pointer;accent-color:#6366f1}.quality-row{display:flex;align-items:center;gap:12px;padding:10px;background:#0003;border-radius:10px}.quality-row>span{font-size:12px;color:#fff9}.dj-quality-note{font-size:11px;color:#6366f1cc;margin-left:8px}.quality-btns{display:flex;gap:6px}.q-btn{position:relative;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s}.q-btn:hover{background:#ffffff1a}.q-btn.active{background:#6366f1;border-color:#6366f1}.q-btn.locked{opacity:.6}.q-btn .lock{position:absolute;top:-4px;right:-4px;font-size:10px}.fx-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fx-row.fx-viewer{grid-template-columns:repeat(auto-fit,minmax(60px,auto));justify-content:center}.fx{padding:10px;border-radius:10px;background:#334155;border:none;color:#fff;cursor:pointer;font-size:12px;transition:all .1s}.fx:hover{background:#475569}.fx.on{background:#a855f7;box-shadow:0 0 12px #a855f780}.fx-tag{padding:6px 12px;border-radius:8px;background:#a855f7;color:#fff;font-size:11px;font-weight:500}.dj-speaking-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;margin-bottom:8px;background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:1px solid rgba(251,191,36,.3);border-radius:10px;font-size:12px;font-weight:500;color:#fbbf24;animation:dj-speak-fade .3s}.dj-speaking-indicator .pulse-dot{width:8px;height:8px;border-radius:50%;background:#fbbf24;animation:dj-speak-pulse 1s infinite}@keyframes dj-speak-fade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes dj-speak-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.conn{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#fff6}.conn .dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d}.conn.ok .dot{background:#22c55e;box-shadow:0 0 8px #22c55e99}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:800px){.two-cols{grid-template-columns:1fr}}.list{max-height:200px;overflow-y:auto}.item{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff05;border-radius:8px;margin-bottom:4px;cursor:pointer;border:2px solid transparent;transition:all .15s}.item:hover{background:#ffffff0d}.item.sel{border-color:#6366f1;background:#6366f11a}.item.drag{opacity:.4}.item.drop{border-color:#6366f1}.item .info{flex:1;min-width:0}.item .t{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .m{font-size:10px;color:#fff6}.item .h{color:#ffffff4d;font-size:11px;cursor:grab}.item .n{width:20px;font-size:10px;color:#fff6;text-align:center}.item.processing,.item.pending{opacity:.6}.item.failed{border-color:#ef44444d}.item input[type=checkbox]{accent-color:#6366f1}.ico{padding:4px 8px;background:#ffffff1a;border:none;border-radius:6px;cursor:pointer;font-size:12px;opacity:.7;transition:opacity .15s}.ico:hover{opacity:1}.ico.del{color:#ef4444}.ico.add{color:#22c55e}.sm{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:11px;background:#6366f1;color:#fff}.sm.del{background:#ef444433;color:#ef4444}.sm.add{background:#22c55e33;color:#22c55e}.sm.upl{cursor:pointer}.sm.upl input{display:none}.acts{display:flex;gap:6px}.prog{padding:8px;background:#6366f11a;border-radius:8px;margin-bottom:10px;font-size:11px}.prog .bar{height:4px;background:#ffffff1a;border-radius:2px;margin-top:6px;overflow:hidden}.prog .bar div{height:100%;background:#6366f1;transition:width .3s}.spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:20px;color:#ffffff4d;font-size:12px}.dj-video{padding:12px}.cam{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;background:#000;overflow:hidden;margin-bottom:10px}.cam video{width:100%;height:100%;object-fit:cover}.cam .ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:13px}.cam .rec{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ef4444e6;border-radius:4px;font-size:10px;font-weight:600}.cam .rec .dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1s infinite}.mic{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px}.mic .lvl{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.mic .lvl div{height:100%;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444);transition:width .1s}.video-quality-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:13px;color:#ffffffe6}.video-quality-row select{padding:8px 12px;background:#4f46e5;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.video-quality-row select:hover{background:#6366f1}.video-quality-row select:disabled{opacity:.5;cursor:not-allowed;background:#334155}.duck-controls{margin-bottom:10px}.duck{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;color:#fff9}.duck input{flex:1;accent-color:#f59e0b}.mute-all-btn{width:100%;padding:10px;border:none;border-radius:8px;background:#fbbf2433;color:#fbbf24;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.mute-all-btn:hover{background:#fbbf244d}.mute-all-btn.active{background:#f59e0b;color:#000}.bc-row{display:flex;align-items:center;gap:12px}.chk{display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer}.chk input{accent-color:#22c55e}.err{margin-top:8px;padding:8px;background:#ef44441a;border-radius:6px;font-size:11px;color:#ef4444}.cnt{font-size:11px;color:#fff6}.now{display:flex;align-items:center;gap:10px;padding:10px;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2);border-radius:10px;margin-bottom:10px}.now .tag{color:#22c55e;font-size:14px}.now .info{flex:1;min-width:0}.now .t{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now .m{font-size:10px;color:#ffffff80}.queue{max-height:250px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:grid;place-items:center;z-index:100;padding:16px}.modal{width:100%;max-width:400px;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;position:relative}.modal .x{position:absolute;top:12px;right:12px;background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer}.modal h2{font-size:18px;margin-bottom:12px}.modal p{font-size:13px;color:#fff9;margin-bottom:16px}.modal .inp{width:100%;padding:10px;background:#334155;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;margin-bottom:12px}.modal .save,.modal .ok{width:100%;padding:10px;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px}.modal .save:disabled{opacity:.5;cursor:not-allowed}.modal .row{display:flex;gap:10px;margin-top:16px}.modal .cancel{flex:1;padding:10px;background:#334155;border:none;border-radius:8px;color:#fff;cursor:pointer}.modal .ok{flex:1}.auth-modal{text-align:center}.auth-logo{font-size:32px;margin-bottom:20px}.premium-modal{text-align:center}.premium-icon{font-size:48px;margin-bottom:12px}.premium-modal h2{color:#f59e0b}.premium-features{text-align:left;margin:20px 0;padding:16px;background:#f59e0b1a;border-radius:10px}.feature{padding:6px 0;font-size:13px;color:#fffc}.btn-premium{width:100%;padding:12px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#000;font-weight:600;cursor:pointer;font-size:14px;margin-bottom:10px}.btn-premium:hover{opacity:.9}.btn-later{width:100%;padding:10px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff9;cursor:pointer;font-size:13px}.debug-panel{position:fixed;bottom:60px;right:10px;width:500px;max-height:400px;overflow:auto;z-index:1000;font-size:11px;background:#000000e6}.debug-panel pre{white-space:pre-wrap;word-break:break-all;font-size:10px;max-height:200px;overflow:auto;background:#00000080;padding:8px;border-radius:4px}.debug-content div{margin:4px 0;padding:4px;background:#ffffff0d;border-radius:4px}.debug-toggle{position:fixed;bottom:10px;right:10px;width:40px;height:40px;border-radius:50%;background:#6366f1;border:none;color:#fff;font-size:18px;cursor:pointer;z-index:1001}