: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}.alert.success{color:#65e8ba;background:#103326;border:1px solid #1c573f}.password-action{width:100%;margin-top:30px;text-decoration:none}.password-form{max-width:760px}.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-page{height:100dvh;overflow:hidden}.transmitter-content{grid-template-columns:minmax(0,1.45fr) minmax(380px,.7fr);align-items:center;gap:24px;width:100%;max-width:1920px;height:calc(100dvh - 84px);margin:0 auto;padding:22px 24px;display:grid}.transmitter-preview-pane{place-items:center;min-width:0;display:grid}.transmitter-details{flex-direction:column;gap:14px;width:100%;max-height:calc(100dvh - 128px);padding:22px;display:flex;overflow:hidden}.control-heading span{color:#7190bd;letter-spacing:.12em;font-size:.72rem;font-weight:700}.control-heading h1{margin:5px 0 0;font-size:1.35rem}.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;grid-template-columns:auto 1fr;align-items:start;gap:6px 10px;width:100%;padding:12px 14px;font-size:.84rem;line-height:1.4;display:grid}.license-banner small{color:var(--muted);grid-column:2}.license-banner a{color:inherit;font-weight:700}.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%;max-height:calc(100dvh - 132px);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)}.transmission-info{border:1px solid var(--border);background:#101722;border-radius:10px;padding:12px 14px}.transmission-info>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.transmission-info span{color:var(--muted);font-size:.78rem}.transmission-info strong{color:#aab8cc}.transmission-info strong.live{color:var(--green)}.share-button{width:100%;min-height:50px;font-size:.98rem}.transmission-status{color:var(--muted);margin:7px 0 0;font-size:.8rem;line-height:1.35}.viewer-access{border:1px solid var(--border);background:#101722;border-radius:10px;padding:14px}.viewer-access-title{color:#77a8ff;align-items:center;gap:10px;display:flex}.viewer-access-title div{gap:2px;display:grid}.viewer-access-title strong{color:var(--text);font-size:.9rem}.viewer-access-title span{color:var(--muted);font-size:.75rem}.viewer-url{overflow-wrap:anywhere;color:#5c98ff;background:#0b111b;border-radius:8px;margin-top:11px;padding:10px 11px;font-size:.78rem;text-decoration:none;display:block}.viewer-access-actions{grid-template-columns:.7fr 1.3fr;gap:8px;margin-top:10px;display:grid}.viewer-access-actions .btn{padding-inline:10px;font-size:.78rem}.instructions-download{color:#9fc2ff;background:#101a2a;border-color:#294a78}.instructions-download:disabled{cursor:wait;opacity:.7}.pdf-error{margin-top:12px}.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 h1{margin:0}.offline p{color:var(--muted)}.loading-spinner{border:3px solid #26344a;border-top-color:#3d86ff;border-radius:50%;width:38px;height:38px;margin:0 auto 20px;animation:.8s linear infinite viewer-spin;display:block}@keyframes viewer-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation-duration:1.8s}}@media (width<=1000px){.transmitter-page{height:auto;min-height:100vh;overflow:visible}.transmitter-content{grid-template-columns:1fr;height:auto;padding:24px 18px 45px}.transmitter-details{max-height:none;overflow:visible}.transmission-frame{max-height:none}}@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}.viewer-access-actions{grid-template-columns:1fr}}