:root{font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182235;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer;border:1px solid #dce1e8;background:white;color:#334155;border-radius:6px;padding:9px 14px;font-weight:500;line-height:1.25}button:hover{background:#f5f7fa;border-color:#c4ccd7}button:disabled{opacity:.38;cursor:default}button.primary{color:white;background:#2563eb;border-color:#2563eb;box-shadow:0 1px 2px #102a5d14}button.primary:hover{background:#1d4ed8}a{color:inherit;text-decoration:none}input,select{width:100%;height:40px;border:1px solid #d7dee8;border-radius:6px;background:white;color:#182235;padding:9px 11px}input:focus,select:focus{border-color:#699aef;outline:3px solid #2563eb12}input::placeholder{color:#9aa5b5}input[readonly]{background:#f7f9fc;color:#64748b}label{display:grid;gap:7px;font-size:13px;font-weight:500;color:#475569}h1,h2,p{margin:0}h1{font-size:27px;font-weight:650;letter-spacing:-.7px}h2{font-size:18px;font-weight:650;letter-spacing:-.3px}.brand{display:flex;gap:11px;align-items:center;font-weight:650;font-size:19px;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:#2563eb;color:white;font-size:19px;font-weight:750;border-radius:8px}.layout{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;padding:27px 17px;background:#111c30;color:#c2cbd9;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 12px;color:#f8fafc}.sidebar nav{display:grid;gap:5px;margin-top:42px}.sidebar nav a{padding:12px 15px;border-radius:6px;font-size:14px}.sidebar nav a:hover{background:#1b2940;color:white}.sidebar nav a.active{background:#253755;color:white;box-shadow:inset 3px 0 #6b9cff}.sidebar-bottom{margin-top:auto;border-top:1px solid #29374d;padding:18px 10px 0;display:grid;gap:4px}.sidebar-bottom #identity{font-size:12px;color:#91a3bd;margin-bottom:9px;overflow-wrap:anywhere}.sidebar-bottom button{border:0;background:transparent;color:#c2cbd9;text-align:left;padding:9px 0;font-size:13px}.sidebar-bottom button:hover{color:white}main{padding:36px 42px;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-header .primary{padding:11px 17px}.summary{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:18px;margin-bottom:25px}.stat{padding:20px 24px;border:1px solid #e1e6ee;background:white;border-radius:9px;box-shadow:0 1px 2px #0f172a03}.stat-label{font-size:12px;color:#7a879b;font-weight:500}.stat-value{font-size:29px;font-weight:650;letter-spacing:-.8px;margin-top:7px}.panel{background:white;border:1px solid #e1e6ee;border-radius:9px;box-shadow:0 1px 2px #0f172a03}.table-toolbar{padding:19px 21px;display:flex;justify-content:space-between;gap:18px}.table-toolbar>input{max-width:310px;background:#fafbfc}.filters{display:flex;gap:10px}.filters select{width:150px;font-size:12px;color:#64748b}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{background:#f9fafc;border-top:1px solid #e8edf3;border-bottom:1px solid #e8edf3;padding:12px 18px;text-align:left;color:#8691a2;font-size:10px;font-weight:650;letter-spacing:.7px;text-transform:uppercase}td{padding:19px 18px;border-bottom:1px solid #edf0f5;color:#64748b;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}td strong{font-size:13px;color:#25324a;font-weight:600}td .stream-key{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#69778c;background:#f4f6f9;border:1px solid #e7ebf1;border-radius:4px;padding:4px 7px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:99px;font-size:11px;padding:5px 9px;font-weight:550;background:#f1f4f8;color:#7a8799}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.online{background:#eaf8f0;color:#20875b}.status.offline{background:#fff1f0;color:#bc6660}.status.degraded{background:#fff6df;color:#a07a24}.status.connecting{background:#edf4ff;color:#4f78bd}.actions-heading{text-align:right}.actions{display:flex;align-items:center;gap:7px;justify-content:flex-end}.actions button{padding:6px 9px;font-size:11px;border-color:#e5e9ef;background:transparent}.actions button:hover{background:#edf3ff;color:#2563eb}.actions .more{border-color:transparent;font-size:18px;line-height:16px;padding:5px 8px}.empty{text-align:center;padding:70px 20px;color:#9aa4b3;font-size:13px}.action-menu{position:fixed;z-index:50;padding:5px;background:white;border:1px solid #dfe5ed;border-radius:7px;box-shadow:0 8px 28px #17263a24;min-width:170px;display:grid}.action-menu button{border:0;text-align:left;padding:10px;font-size:12px}.danger-text{color:#be3c46!important}.playback{padding:22px;margin-top:24px}.playback header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.playback video{width:100%;max-height:60vh;background:#070d17;border-radius:6px}.playback p{margin-top:10px;font-size:12px;color:#8b98aa}.login-card{background:white;border:1px solid #e0e6ee;border-radius:12px;box-shadow:0 10px 42px #1b2a4310;width:min(380px,calc(100% - 32px));margin:13vh auto;padding:32px;display:grid;gap:20px}.login-card .brand{margin-bottom:6px}.login-card h1{font-size:22px;margin-bottom:2px}.login-card button{margin-top:3px;height:42px}.toast{position:fixed;right:24px;bottom:24px;max-width:min(450px,calc(100vw - 48px));background:#17263e;color:white;padding:14px 19px;border-radius:8px;box-shadow:0 6px 22px #0f172a30;font-size:13px;z-index:200}.toast.error-toast{background:#983b45}dialog{border:1px solid #dfe5ed;border-radius:11px;background:white;color:#182235;padding:26px;width:min(500px,calc(100vw - 28px));max-height:88vh;overflow:auto;box-shadow:0 24px 70px #0f172a38}dialog::backdrop{background:#16243b65;backdrop-filter:blur(2px)}dialog form{display:grid;gap:18px}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.close-button{border:0;background:transparent;color:#8a97a8;font-size:25px;line-height:22px;padding:2px 5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.switch-label{display:flex;align-items:center;gap:9px}.switch-label input{width:16px;height:16px;accent-color:#2563eb}.input-action{display:flex;gap:8px}.input-action input{min-width:0}.input-action button{font-size:12px;min-width:58px}footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f5;padding-top:19px;margin-top:4px}.error{color:#ba3945;font-size:12px;font-weight:400}button.danger{background:#bd4450;color:white;border-color:#bd4450}#confirm-text{font-size:13px;line-height:1.6;color:#6f7c8e;margin-top:14px}#confirm-dialog footer{margin-top:24px}code{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;background:#f6f8fb;border:1px solid #e6ebf2;border-radius:5px;padding:11px;color:#64748b}[hidden]{display:none!important}@media(min-width:1600px){main{padding-left:64px;padding-right:64px}}@media(max-width:1050px){.layout{grid-template-columns:180px minmax(0,1fr)}main{padding:28px 22px}td,th{padding-left:12px;padding-right:12px}.table-toolbar{flex-wrap:wrap}.sidebar{padding:24px 10px}}@media(max-width:700px){.layout{display:block}.sidebar{position:relative;height:auto;padding:17px 18px;display:flex;flex-direction:row;align-items:center;gap:20px;flex-wrap:wrap}.sidebar .brand{padding:0}.sidebar nav{display:flex;margin:0;gap:2px}.sidebar nav a{padding:8px;font-size:12px}.sidebar-bottom{display:none}main{padding:24px 16px}.summary{gap:8px}.stat{padding:15px}.stat-value{font-size:25px}.page-header h1{font-size:24px}.table-toolbar{padding:13px}.table-toolbar>input{max-width:none}.filters{width:100%}.filters select{width:50%}.form-grid{grid-template-columns:1fr}.login-card{margin-top:8vh;padding:26px}.page-header .primary{font-size:12px}}

@media(max-width:700px){.sidebar nav a{font-size:11px;padding:7px 6px}.sidebar-bottom{display:flex;width:100%;align-items:center;gap:16px;padding:9px 0 0;margin:0;border-top:1px solid #29374d}.sidebar-bottom #identity{margin:0 auto 0 0;font-size:11px}.sidebar-bottom button{font-size:11px;padding:4px 0}}
@media(max-width:700px){.summary{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{min-width:0}.stat-label{font-size:11px}.sidebar nav{flex-wrap:wrap}}



.credential-auth-fields{display:grid;gap:18px}

.auth-toggle input{appearance:none;width:36px;height:22px;border:0;border-radius:20px;background:#cbd5e1;padding:3px;position:relative;flex:none;cursor:pointer}.auth-toggle input::before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 1px 3px #18223533;transition:transform .15s}.auth-toggle input:checked{background:#2563eb}.auth-toggle input:checked::before{transform:translateX(14px)}