:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243246;background:#f5f7fa;font-synthesis:none;--green:#07866a;--border:#e5eaf0;--muted:#758196;--ink:#142236}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--green);text-decoration:none}button{border:0}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #44bba0}.boot{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:20px;color:var(--muted)}.spinner{width:22px;height:22px;border:2px solid #c7d4de;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--ink);color:#adbacb;display:flex;flex-direction:column;padding:30px 18px;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;color:white}.brand img{width:37px;height:37px}.brand-name{font-weight:750;font-size:17px;letter-spacing:-.4px}.brand-sub{font-size:9px;letter-spacing:2.2px;color:#93a5bb;margin-top:5px}.nav-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#6e829a;padding:42px 16px 15px}.nav{display:grid;gap:6px}.nav a{display:flex;align-items:center;gap:12px;padding:13px 16px;color:#a9b8ca;font-size:13px;border-radius:8px;font-weight:550}.nav a:hover{background:#1a2c43;color:#fff}.nav a.active{background:#203a42;color:#60dfbe}.nav a svg{width:19px}.nav .count{margin-left:auto;background:#2b4750;padding:2px 7px;border-radius:4px;font-size:11px}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.worker-box{padding:15px 13px;background:#1b2b40;border:1px solid #2a3a50;border-radius:9px}.worker-box strong{font-size:12px;color:#dce7f4;display:flex;align-items:center;gap:7px}.worker-box p{font-size:11px;color:#8fa1b7;line-height:1.6;margin-top:6px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2bc59f;flex-shrink:0}.dot.amber{background:#edb155}.sidebar-foot{font-size:10px;color:#72859c;margin-top:18px;display:flex;justify-content:space-between}.main{grid-column:2;min-width:0}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#8995a6;font-size:12px}.breadcrumb strong{font-weight:550;color:#405167}.top-actions{display:flex;align-items:center;gap:21px}.live-update{font-size:11px;color:#6a7b8b;display:flex;align-items:center;gap:7px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-content:center;background:#eaf1f5;color:#536777;font-size:11px;font-weight:700}.profile{display:flex;gap:10px;align-items:center}.profile span{font-size:12px;font-weight:600}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:6px;background:transparent;color:#7d8a9b}.icon-button:hover{background:#edf3f6;color:var(--green)}.icon-button svg{width:17px;height:17px}.mobile-menu{display:none}.content{max-width:1510px;padding:32px 36px 40px;margin:0 auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}h1{font-size:28px;letter-spacing:-.8px;font-weight:720;line-height:1.25}.heading p{font-size:13px;color:var(--muted);margin-top:9px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border-radius:7px;font-size:12px;font-weight:650;min-height:39px;white-space:nowrap;border:1px solid var(--border);background:#fff;color:#405068}.button svg{width:16px;height:16px}.button:hover{background:#f4f8fa}.button.primary{background:#078a70;border-color:#078a70;color:#fff;box-shadow:0 2px 3px #00715813}.button.primary:hover{background:#087b63}.button.danger{color:#b74343;border-color:#f0d0d0;background:#fffafa}.button.ghost{background:transparent;border-color:transparent}.buttons{display:flex;gap:10px;align-items:center}.banner{display:flex;align-items:center;gap:13px;background:#edf8f4;border:1px solid #d6eae3;border-radius:9px;padding:16px 18px;margin-bottom:25px;font-size:12px}.banner>svg{color:#1e997c}.banner strong{font-size:12px;display:block;font-weight:650}.banner p{color:#688478;margin-top:4px;line-height:1.5}.banner .button{margin-left:auto;background:#fff;border-color:#cfe4db;color:#147b64}.banner.warning{background:#fff9ed;border-color:#eee3ca}.banner.warning>svg{color:#b78122}.banner.warning p{color:#8a785a}.banner.demo{padding:9px 14px;background:#eff1fc;border-color:#dfe4f7;color:#5c679a;margin-bottom:24px}.banner.demo svg{width:16px}.banner.demo strong{display:inline;margin-right:4px;font-size:11px}.banner.demo p{color:#69749b;font-size:11px;margin:0}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--border);padding:19px 21px;border-radius:10px;box-shadow:0 2px 3px #213a4d02}.stat-head{display:flex;align-items:center;justify-content:space-between;color:#63748a;font-size:12px;font-weight:550}.stat-icon{display:grid;place-content:center;width:31px;height:31px;border-radius:7px;background:#edf2f8;color:#7489a0}.stat-icon.green{background:#eaf7f1;color:#1b9a76}.stat-icon.amber{background:#fff4df;color:#d79939}.stat-icon.blue{background:#eaf1fd;color:#6890d6}.stat-icon svg{width:16px;height:16px}.stat-value{font-size:34px;font-weight:650;letter-spacing:-1.1px;margin-top:13px;line-height:1.2}.stat-foot{font-size:10.5px;color:#8a97a7;margin-top:10px;display:flex;gap:5px;align-items:center}.stat-foot .dot{width:5px;height:5px}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 4px #263c5003;overflow:hidden}.panel-title{padding:20px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.panel-title h2{font-size:14px;font-weight:650}.panel-title p{font-size:11px;color:var(--muted);margin-top:5px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 21px;border-bottom:1px solid var(--border)}.tabs{display:flex;gap:5px}.tab{background:transparent;color:#7c899a;padding:8px 11px;font-size:11px;font-weight:600;border-radius:6px;white-space:nowrap}.tab.active{background:#edf6f2;color:#178266}.tab .tab-count{font-size:10px;display:inline-flex;padding:1px 5px;border-radius:4px;margin-left:5px;background:#e3eee9}.search{display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;padding:0 11px;height:35px;max-width:240px;background:#fff}.search svg{width:15px;color:#96a2b1}.search input{border:0;outline:0;min-width:0;width:190px;padding:8px;font-size:11px;color:#40516b}.search input::placeholder{color:#9aa5b3}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:9px;color:#8b98a9;letter-spacing:.8px;text-transform:uppercase;font-weight:650;background:#fcfdfe;padding:13px 20px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:20px;border-bottom:1px solid #eff2f5;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfb}.channel-cell{display:flex;align-items:center;gap:12px;min-width:220px}.channel-icon{width:36px;height:36px;display:grid;place-content:center;border-radius:9px;color:#697c93;background:#ecf1f7;font-size:11px;font-weight:700;letter-spacing:.1px;flex-shrink:0}.channel-icon.c0{background:#fff3e4;color:#b78e4c}.channel-icon.c1{background:#eef0ff;color:#777cba}.channel-icon.c2{background:#e9f6f0;color:#68a28b}.channel-icon.c3{background:#fcecec;color:#bd777b}.channel-icon.c4{background:#f2eafa;color:#a07ab7}.name-button{padding:0;text-align:left;background:none;color:#2c3b4f;font-weight:600;font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.name-button:hover{color:var(--green)}.subtext{font-size:10px;color:#98a3b2;margin-top:5px}.stream-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;background:#f3f5f8;color:#788699;padding:5px 7px;border-radius:4px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid transparent;border-radius:5px;font-size:10px;font-weight:600}.badge .dot{width:5px;height:5px}.badge.success{background:#edf8f1;color:#228158;border-color:#dcefe4}.badge.error{background:#fff1ef;color:#ca6052;border-color:#f9dfd8}.badge.error .dot{background:#df8070}.badge.warning{background:#fff8e9;color:#ad8435;border-color:#f3e6c9}.badge.warning .dot{background:#d6a949}.badge.neutral{background:#f3f5f8;color:#8390a2;border-color:#e7ebf0}.badge.neutral .dot{background:#a2adba}.badge.blue{background:#eff4fc;color:#668ac2;border-color:#dee8f9}.badge.blue .dot{background:#749cd8}.time-main{color:#5e6d81;font-size:11px;font-variant-numeric:tabular-nums}.time-main.expired{color:#c3695b}.row-actions{display:flex;gap:2px;justify-content:flex-end}.row-actions .icon-button{width:28px;height:28px}.table-foot{padding:15px 22px;background:#fcfdfe;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:#94a0af;font-size:10px}.table-foot span{display:flex;align-items:center;gap:6px}.table-foot svg{width:12px;height:12px}.empty{text-align:center;padding:60px 20px;color:#8b98a8}.empty svg{width:35px;height:35px;color:#aab9c7;margin-bottom:14px}.empty h3{font-size:15px;color:#65768a;margin-bottom:8px}.empty p{font-size:12px;line-height:1.8}.empty .button{margin-top:20px}.section-footer{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:10px;color:#9aa5b3}.section-footer span{display:flex;align-items:center;gap:5px}.section-footer svg{width:13px;height:13px}.activity-list{padding:0 22px}.activity-item{display:flex;gap:13px;padding:19px 0;border-bottom:1px solid #edf0f4}.activity-item:last-child{border-bottom:0}.event-icon{width:29px;height:29px;border-radius:50%;background:#edf7f1;color:#3b9873;display:grid;place-content:center;flex-shrink:0}.event-icon.error{background:#fff0ed;color:#cc7a67}.event-icon.info,.event-icon.warning{background:#eff3f9;color:#7891b5}.event-icon svg{width:14px;height:14px}.event-body{min-width:0;flex:1}.event-body strong{font-size:12px;color:#40516a;font-weight:600}.event-body p{font-size:11px;color:#8190a3;margin-top:6px;line-height:1.6}.event-time{font-size:10px;color:#96a3b2;white-space:nowrap}.grid-two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}.form-body{padding:26px}.field{display:grid;gap:8px;margin-bottom:20px}.field label{font-size:12px;font-weight:600;color:#536277}.field label span{color:#a0a9b7;font-weight:400}.field input{width:100%;padding:11px 12px;font-size:12px;border:1px solid #dfe6ed;border-radius:6px;background:#fff;color:#35465b}.field input:focus{outline:2px solid #c5e9df;border-color:#58b49a}.field small{font-size:10px;line-height:1.6;color:#93a0af}.checkbox{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.6;color:#7f8da0;margin:8px 0 24px}.checkbox input{accent-color:var(--green);margin-top:3px}.form-error{font-size:12px;line-height:1.5;color:#bf574a;margin-bottom:16px}.form-error:empty{display:none}.form-note{padding:18px 22px;font-size:11px;line-height:1.8;color:#8b98a7;background:#fbfcfd;border-top:1px solid var(--border)}.help-card{padding:23px}.help-card h3{font-size:13px;font-weight:650;margin-bottom:14px}.help-card p{font-size:12px;color:#8290a0;line-height:1.8}.help-card .step{display:flex;gap:12px;margin-top:19px}.step-num{width:23px;height:23px;border-radius:50%;background:#eff5f3;color:#4c9980;font-size:11px;display:grid;place-content:center;flex-shrink:0}.help-card .step strong{font-size:11px;font-weight:600;display:block;margin-bottom:5px}.help-card .step p{font-size:11px}.browser-shell{background:#1c293a;border-radius:10px;border:1px solid #2c3b4e;overflow:hidden;min-height:480px}.browser-bar{display:flex;align-items:center;gap:7px;padding:15px 18px;background:#223146;color:#93a4b9;font-size:11px}.window-dot{width:8px;height:8px;background:#65768c;border-radius:50%}.browser-address{margin-left:18px;padding:6px 12px;border-radius:5px;background:#19273a;width:100%;display:flex;align-items:center;gap:7px}.browser-address svg{width:12px;height:12px}.browser-empty{height:415px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#a9bacd}.browser-empty>svg{width:45px;height:45px;color:#68859d;margin-bottom:22px}.browser-empty h3{font-size:17px;color:#d5e0ec}.browser-empty p{max-width:430px;font-size:12px;line-height:1.8;margin-top:12px}.browser-empty .button{margin-top:24px}.browser-frame{display:block;width:100%;height:650px;border:0;background:#1c293a}.mini-callout{padding:16px 20px;background:#edf4fa;color:#6d859c;font-size:11px;line-height:1.8;border-radius:8px;margin-top:18px}.connection-pill{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#6b8e7f}
dialog{border:0;border-radius:12px;box-shadow:0 20px 100px #16273c40;padding:0;width:490px;max-width:calc(100vw - 30px);color:#2d3f52;background:#fff}dialog::backdrop{background:#15273d66;backdrop-filter:blur(3px)}.modal-head{padding:24px 26px 20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border)}.modal-head h2{font-size:19px;letter-spacing:-.3px}.modal-head p{font-size:11px;color:#8492a4;line-height:1.7;margin-top:7px}.modal-body{padding:23px 26px}.modal-foot{padding:16px 26px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:9px;background:#fcfdfe}.modal-body .field:last-child{margin-bottom:0}details{font-size:11px;color:#8491a3;margin-top:14px}details summary{cursor:pointer;margin-bottom:14px}.drawer{margin:0 0 0 auto;max-width:95vw;width:480px;height:100dvh;max-height:100dvh;border-radius:0}.drawer-body{padding:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:20px 0 25px}.detail-grid label{display:block;color:#93a0b0;font-size:10px;margin-bottom:8px}.detail-grid strong{font-size:12px;font-weight:550}.detail-link{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.drawer h3{font-size:13px;margin:24px 0 10px}.drawer .activity-list{padding:0}.drawer .buttons{flex-wrap:wrap}.error-note{border:1px solid #f1ded7;background:#fff8f5;color:#ba7565;padding:13px;font-size:11px;line-height:1.8;border-radius:7px;margin:20px 0}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-aside{background:#142236;color:white;padding:60px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.login-aside .brand{padding:0}.login-copy{position:relative;z-index:2;max-width:460px}.eyebrow{color:#72cdb5;font-size:10px;letter-spacing:2px;font-weight:650;margin-bottom:18px}.login-copy h1{font-size:45px;line-height:1.15;letter-spacing:-1.7px;font-weight:650}.login-copy p{font-size:14px;color:#9aacbf;line-height:1.9;margin-top:23px;max-width:380px}.signal-art{margin-top:45px;display:flex;align-items:center;gap:10px;height:60px}.signal-art span{width:8px;border-radius:6px;background:#38b99b;opacity:.65;height:25px}.signal-art span:nth-child(2n){height:44px;opacity:1}.signal-art span:nth-child(3n){height:62px;background:#6cdbc0}.login-aside footer{color:#6b7e94;font-size:11px}.login-main{display:grid;align-content:center;justify-items:center;padding:45px}.login-form{width:100%;max-width:340px}.login-form h2{font-size:25px;letter-spacing:-.7px}.login-form>p{font-size:12px;line-height:1.8;color:#8b98a7;margin:12px 0 30px}.login-form .button{width:100%;margin-top:7px}.login-lock{font-size:10px;color:#9ca7b5;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px}.login-lock svg{width:12px;height:12px}#toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%) translateY(20px);background:#24394c;color:#fff;padding:13px 20px;border-radius:8px;box-shadow:0 6px 24px #14223630;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:200;max-width:calc(100vw - 30px)}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}#toast.error{background:#994f45}.muted{color:#94a0b0}.hidden{display:none!important}.connection-result{margin-top:16px;font-size:12px;color:var(--green)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(min-width:1550px){.content{padding-top:42px}td{padding-top:24px;padding-bottom:24px}.stat{padding:23px}.stat-value{font-size:39px}}
@media(max-width:1200px){.layout{grid-template-columns:200px minmax(0,1fr)}.sidebar{width:200px;padding:26px 12px}.brand-name{font-size:15px}.brand{gap:8px;padding:0 8px}.brand img{width:32px;height:32px}.content{padding:26px 24px}.topbar{padding:0 24px}.stat{padding:16px}.stat-head{font-size:10px}.toolbar{padding:14px 15px}.tab{padding:8px}.search{max-width:190px}th,td{padding-left:15px;padding-right:15px}.channel-cell{min-width:205px}.grid-two{grid-template-columns:1.3fr 1fr}.login-aside{padding:45px}.login-copy h1{font-size:37px}}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:flex-start;flex-direction:column}.search{width:100%;max-width:none}.search input{width:100%}.grid-two{grid-template-columns:1fr}.profile span{display:none}.login-screen{grid-template-columns:.9fr 1.1fr}.login-aside{padding:32px}.login-copy h1{font-size:30px}.login-main{padding:32px}.heading{align-items:flex-start}.banner{flex-wrap:wrap}.banner .button{margin-left:32px}}
@media(max-width:650px){.layout{display:block}.sidebar{transform:translateX(-100%);transition:.2s;width:232px}.sidebar.open{transform:none;box-shadow:15px 0 60px #14223644}.topbar{height:63px;padding:0 18px}.mobile-menu{display:inline-flex;margin-right:10px}.breadcrumb{gap:8px;font-size:11px}.breadcrumb>span{display:none}.top-actions{gap:12px}.live-update{font-size:9px}.profile{display:none}.content{padding:23px 16px}.heading{gap:12px;margin-bottom:21px}h1{font-size:23px}.heading p{font-size:11px}.heading .button{padding:9px 11px;font-size:10px}.stats{gap:10px;margin-bottom:21px}.stat{padding:15px}.stat-value{font-size:30px}.stat-foot{font-size:9px;line-height:1.5}.stat-icon{width:25px;height:25px}.tab{font-size:10px;padding:7px}.tabs{gap:3px}.section-footer{flex-direction:column;gap:10px}.banner{padding:13px;font-size:11px}.banner p{font-size:11px}.login-screen{display:block}.login-aside{min-height:0;padding:28px 26px}.login-copy,.login-aside footer{display:none}.login-main{min-height:calc(100vh - 94px);padding:34px}.login-form h2{font-size:24px}#toast{left:50%}.event-time{font-size:9px}.panel-title{padding:18px}.activity-list{padding:0 18px}.form-body{padding:21px}.browser-empty{height:340px}.browser-shell{min-height:400px}.browser-frame{height:520px}.buttons{flex-wrap:wrap}.banner.demo{gap:8px}.demo p{font-size:10px}.field-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}