:root{color:#f4f7ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#0c0f16;--surface:#131821;--surface-2:#1b2332;--border:#263248;--muted:#7890b5;--text:#f4f7ff;--blue:#3478f6;--blue-dark:#142642;--green:#00d49a;--yellow:#ffbf24;--red:#ff5964;background:#0c0f16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}.app-page{background:radial-gradient(circle at 50% -20%, #111827 0, var(--bg) 44%);min-height:100vh}.app-header{border-bottom:1px solid var(--border);background:#111621;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:14px 22px;display:flex}.app-identity{align-items:center;gap:13px;display:flex}.app-identity>div{gap:3px;display:grid}.app-identity strong{font-size:1.08rem}.app-identity span:not(.icon-box){color:var(--muted);font-size:.82rem}.icon-box{color:#3c83ff;background:#12213a;border:1px solid #294a78;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:inline-grid}.icon-box.large{border-radius:20px;width:70px;height:70px}.icon-box.green{color:var(--green);background:#0b332f;border-color:#145248}.header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.btn{min-height:40px;color:var(--text);background:var(--surface-2);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 17px;font-weight:650;display:inline-flex}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.55;cursor:wait}.btn.primary{background:var(--blue);border-color:#4a87f7}.btn.ghost{color:var(--muted);border-color:var(--border);background:0 0}.btn.muted{color:var(--muted);background:#1a2333;border-color:#1a2333}.btn.danger{color:#ff7680;background:#311820;border-color:#67303a}.btn.warning{color:var(--yellow);background:#302814;border-color:#625022}.btn.edit{color:#4e91ff;background:#142a4d;border-color:#28528a}.btn.small{white-space:nowrap;border-radius:8px;min-height:34px;padding:6px 11px;font-size:.84rem}.page-content{margin:0 auto;padding:56px 26px 70px}.narrow-content{max-width:610px}.wide-content{max-width:1500px}.form-content{max-width:900px}.center-heading{text-align:center;margin-bottom:36px}.center-heading h1,.page-heading h1{margin-bottom:7px;font-size:1.75rem}.center-heading p,.page-heading p{color:var(--muted);margin-bottom:0}.page-heading{margin-bottom:32px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:17px;overflow:hidden}.admin-shortcuts{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.shortcut-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;min-height:202px;padding:25px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.shortcut-card:hover{border-color:#3c5f93;transform:translateY(-2px)}.shortcut-card strong{font-size:1.03rem}.shortcut-card p{color:var(--muted);margin:0;line-height:1.5}.audience-panel{padding:25px}.panel-title{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding-bottom:15px;display:flex}.panel-title>div{gap:3px;display:grid}.panel-title span{color:var(--muted);font-size:.84rem}.panel-total{text-align:right;color:var(--muted);padding:20px 0 13px;font-size:.88rem}.responsive-table{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;text-align:left;font-size:.78rem;font-weight:650}th,td{border-bottom:1px solid #222c3d;padding:14px 8px}tbody tr:last-child td{border-bottom:0}td{font-size:.92rem}td small{color:var(--muted);margin-top:4px;display:block}.number-green{color:var(--green);font-weight:700}.stream-state{align-items:center;gap:7px;display:inline-flex}.stream-state i,.top-status i{background:#7b8ba4;border-radius:99px;width:8px;height:8px}.stream-state.live{color:var(--green)}.stream-state.live i,.top-status.live i{background:var(--green);box-shadow:0 0 9px #00d49a88}.stream-state.waiting{color:#dce4f3}.stream-state.waiting i{background:var(--yellow)}.users-table table{min-width:1050px}.users-table th,.users-table td{padding:17px 18px}.dim{color:var(--muted)}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.status-pill{border-radius:99px;padding:6px 11px;font-size:.8rem;font-weight:700;display:inline-flex}.status-pill.active{color:#1ce7a7;background:#103326;border:1px solid #1c573f}.status-pill.blocked{color:#ff7079;background:#32191f;border:1px solid #643039}.empty-cell{color:var(--muted);text-align:center;padding:40px!important}.alert{border-radius:9px;margin-bottom:18px;padding:12px 15px}.alert.error{color:#ff9399;background:#35181f;border:1px solid #652b35}.settings-form{gap:25px;padding:28px;display:grid}fieldset{border:0;border-bottom:1px solid var(--border);gap:16px;margin:0;padding:0 0 25px;display:grid}fieldset:last-of-type{border-bottom:0}legend{color:#fff;padding:0 0 16px;font-size:1rem;font-weight:750}.form-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}label{color:#91a6c5;letter-spacing:.035em;text-transform:uppercase;gap:8px;font-size:.78rem;font-weight:650;display:grid}label small{color:var(--muted);text-transform:none;font-weight:400}input,select{color:#edf3ff;background:#1b2332;border:1px solid #2a3850;border-radius:9px;outline:none;width:100%;min-height:48px;padding:10px 13px}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3478f620}.toggle-row{flex-wrap:wrap;gap:30px;display:flex}.toggle-row label{color:#dce5f4;text-transform:none;align-items:center;gap:9px;display:flex}.toggle-row input{width:18px;min-height:18px;accent-color:var(--blue)}.form-actions{justify-content:flex-end;gap:10px;display:flex}.loading-page{min-height:100vh;color:var(--muted);place-items:center;display:grid}.login-page{background:#0d1017;grid-template-columns:1.06fr 1fr;min-height:100vh;display:grid}.login-visual{background:linear-gradient(#07101e22 0,#05070dd6 100%),url(/login-background.png) 50%/cover no-repeat;min-height:100vh;position:relative}.login-brand{text-shadow:0 2px 8px #000;align-items:flex-start;gap:15px;display:flex;position:absolute;bottom:7%;left:6%}.login-brand>div{gap:7px;display:grid}.login-brand strong{font-size:2rem}.login-brand span{color:#e0e7f2}.login-access{place-content:center;justify-items:center;min-height:100vh;padding:35px;display:grid}.login-heading{text-align:center;justify-items:center;margin-bottom:36px;display:grid}.login-heading h1{margin:24px 0 6px;font-size:1.6rem}.login-heading p{color:var(--muted)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;gap:26px;width:min(440px,90vw);padding:40px;display:grid}.login-button{width:100%;min-height:52px;font-size:1.05rem}.secure-note{color:var(--muted);align-items:center;gap:7px;margin:30px 0 0;font-size:.8rem;display:flex}.transmitter-content{justify-items:center;max-width:1160px;margin:0 auto;padding:38px 22px 55px;display:grid}.top-status{color:var(--muted);background:#1b2434;border-radius:99px;align-items:center;gap:8px;padding:10px 16px;font-size:.84rem;display:inline-flex}.top-status.live{color:var(--green)}.license-banner{color:#9db0cb;border:1px solid var(--border);background:#121925;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:18px;padding:11px 15px;display:flex}.license-banner small{color:var(--muted);margin-left:auto}.license-banner.urgent{color:#ffd666;background:#2c2411;border-color:#6f5922}.transmission-frame{aspect-ratio:16/9;background:#000;border:1px solid #28364c;border-radius:17px;width:100%;position:relative;overflow:hidden}.transmission-frame video{object-fit:contain;width:100%;height:100%}.transmission-empty{color:#293344;place-content:center;justify-items:center;gap:20px;display:grid;position:absolute;inset:0}.transmission-empty span{color:var(--muted)}.share-button{min-width:315px;min-height:54px;margin-top:30px;font-size:1.02rem}.transmission-status{color:var(--muted);text-align:center;margin:18px 0 0;font-size:.85rem}.viewer-link{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:.85rem;display:flex}.viewer-link a{color:#3d86ff;text-decoration:none}.viewer-link button{color:#89a3cb;background:0 0;border:0}.viewer-shell{color:#fff;background:#05070a;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.viewer{aspect-ratio:16/9;object-fit:contain;width:100vw;max-height:100vh}.viewer-brand{z-index:2;text-shadow:0 1px 3px #000;font-weight:700;position:fixed;top:16px;left:18px}.viewer-brand span{opacity:.75;margin-left:8px}.offline{text-align:center;padding:32px;position:absolute}.offline p{color:var(--muted)}@media (width<=850px){.login-page{grid-template-columns:1fr}.login-visual{min-height:30vh}.login-access{min-height:70vh}.login-brand{bottom:12%}.login-brand strong{font-size:1.45rem}.app-header{align-items:flex-start}.header-actions{flex-wrap:wrap}.admin-shortcuts,.form-columns{grid-template-columns:1fr}.page-content{padding:35px 15px 55px}}@media (width<=560px){.app-header{padding:12px}.app-identity .icon-box{width:40px;height:40px}.header-actions .btn{padding:8px 10px}.header-actions .btn svg{display:none}.admin-shortcuts{gap:12px}.shortcut-card{min-height:165px}.audience-panel,.settings-form{padding:18px}.login-card{padding:27px 22px}.login-access{padding:22px 14px}.license-banner{flex-wrap:wrap;align-items:flex-start}.license-banner small{width:100%;margin-left:30px}.share-button{width:100%;min-width:0}.viewer-link{text-align:center}}