:root{font-family:Segoe UI,Arial,sans-serif;color:#eaf2f7;background:#07111b;--bg:#07111b;--surface:#0d1d2a;--raised:#102331;--border:#263b4b;--muted:#90a5b6;--cyan:#69c5d9;--orange:#ec9656;--green:#72c7a5;--red:#e08787}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}.hidden{display:none!important}.app{min-height:100vh;display:flex}.sidebar{width:262px;min-width:262px;display:flex;flex-direction:column;background:#07131e;border-right:1px solid #1e3240;position:sticky;top:0;max-height:100vh;overflow-y:auto}.sidebar-brand{padding:32px 26px 39px}.wordmark,.login-wordmark{font-size:27px;font-weight:1000;letter-spacing:-1.7px;color:#f1f7f9}.wordmark span,.login-wordmark span{color:var(--orange)}.brand-sub{font-size:9px;letter-spacing:1.4px;margin-top:2px;font-weight:800;color:var(--cyan)}.brand-sub span{color:#8197a7}.side-label,.tiny{font-size:10px;letter-spacing:2px;color:#748da0;font-weight:800}.side-label{padding:0 25px;margin:0 0 14px}.side-label.outside{margin-top:38px}nav{display:grid;gap:3px}.nav-item{appearance:none;border:0;border-left:3px solid transparent;background:transparent;color:#9eb0c0;text-align:left;display:flex;align-items:center;gap:15px;padding:15px 20px;font-size:13px;font-weight:700}.nav-item:hover{background:#142735;color:#fff}.nav-item.active{color:#effcff;border-left-color:var(--cyan);background:#173645}.nav-symbol{font-size:21px;width:26px;text-align:center;color:var(--cyan);font-weight:400}.side-link{padding:9px 25px;font-size:12px;color:#9aaebd;display:flex;justify-content:space-between}.sidebar-foot{margin-top:auto;padding:24px 25px;border-top:1px solid #253849}.operator{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:9px 0 28px}.operator b{font-size:13px}.text-button{font-size:11px;color:var(--cyan);border:0;background:transparent;padding:5px}.workspace{flex:1;min-width:0}.topbar{height:65px;background:#091722;border-bottom:1px solid #233748;display:flex;justify-content:space-between;align-items:center;padding:0 34px;gap:16px}.crumb{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#c1d0d9}.crumb span{color:#5a798b;margin:0 10px}.toptools{display:flex;align-items:center;gap:18px}.connection,.timezone,.return-link{font-size:10px;letter-spacing:1px;font-weight:800;color:#a2b6c4;white-space:nowrap}.connection{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}.status-dot.online{background:var(--green);box-shadow:0 0 11px #72c7a566}.return-link{color:var(--cyan)}.announce{height:35px;padding:0 34px;background:#112735;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#9fc2d1;font-weight:700;border-bottom:1px solid #284352}.announce b{color:var(--orange)}.announce strong{color:#e3ecf3}main{max-width:1540px;margin:0 auto;padding:0 34px 50px}.page{padding-top:31px}.hero{min-height:336px;position:relative;overflow:hidden;border:1px solid #2a4657;background:radial-gradient(ellipse at 84% 98%,#a857343b,transparent 37%),linear-gradient(114deg,#122f42 0%,#0c2131 63%,#111b2c 100%);display:grid;grid-template-columns:minmax(0,1fr) 290px;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 49%,#62899d10 50%,transparent 51%),repeating-linear-gradient(90deg,transparent 0 78px,#a7d8ed06 79px 80px);pointer-events:none}.hero-content{padding:37px 42px;position:relative;z-index:2}.kicker{font-size:10px;font-weight:900;letter-spacing:2.05px;color:var(--cyan)}.short-line{display:inline-block;width:19px;height:2px;background:var(--orange);vertical-align:middle;margin-right:9px}.hero h1,.login-visual h1,.page-head h1{font-family:Impact,"Arial Narrow",Segoe UI,sans-serif;font-weight:900;letter-spacing:.35px}.hero h1{font-size:clamp(36px,4.4vw,63px);line-height:1.04;margin:24px 0 15px}.hero h1 em,.login-visual h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:13px;color:#bdd1dd;line-height:1.8;max-width:600px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.primary,.outlined{min-height:42px;padding:12px 18px;border:1px solid var(--cyan);font-size:11px;font-weight:900;letter-spacing:.8px;background:var(--cyan);color:#08202b}.primary span{margin-left:12px}.primary:hover{background:#8bdeee}.outlined{background:#0c1d2c99;color:#e6f1f5;border-color:#5b7888}.outlined:hover{background:#223d4d}.hero-right{z-index:2;padding:50px 25px 28px;border-left:1px solid #4760736c;background:#091d2f88;position:relative}.hero-small{font-size:10px;letter-spacing:1.3px;color:#a0bac8;font-weight:900}.hero-owner{font-size:25px;font-weight:850;margin:16px 0 7px;overflow-wrap:anywhere}.hero-caption,.hero-explainer{font-size:11px;line-height:1.6;color:#9eb4c2}.hero-rule{height:1px;background:#3a5362;margin:25px 0}.hero-state{font-size:15px;color:var(--cyan);font-weight:850;margin:13px 0}.tower-art{position:absolute;right:16%;bottom:-40px;width:135px;height:290px;opacity:.26;transform:skewX(-2deg);background:repeating-linear-gradient(68deg,transparent 0 39px,#f3c49b 40px,#f3c49b 41px,transparent 42px 79px),repeating-linear-gradient(-68deg,transparent 0 39px,#f3c49b 40px,#f3c49b 41px,transparent 42px 79px);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);pointer-events:none}.section-heading{margin:31px 0 17px;display:flex;align-items:end;justify-content:space-between;gap:15px}.section-heading h2{font-size:23px;letter-spacing:-.5px;margin:7px 0 0}.last-sync,.small-muted{font-size:10px;color:#8ca8b7;letter-spacing:1px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px}.stat{position:relative;background:#0e2130;border:1px solid #294152;padding:22px;min-height:154px;border-top:2px solid #385d71}.stat:nth-child(2){border-top-color:#d38852}.stat:nth-child(3){border-top-color:#687f9d}.stat:nth-child(4){border-top-color:#63a58a}.stat-icon{position:absolute;top:19px;right:22px;color:#426f84;font-size:26px}.stat>span{display:block;font-size:10px;color:#9db9ca;letter-spacing:1.3px;font-weight:850;margin-bottom:18px}.stat strong{display:block;font-size:32px;font-weight:800;line-height:1.1;overflow-wrap:anywhere}.stat small{display:block;color:#849cac;margin-top:10px;font-size:11px;line-height:1.5}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.cols-a{grid-template-columns:1.13fr 1fr}.panel{background:var(--surface);border:1px solid var(--border);min-width:0;margin-bottom:19px}.cols>.panel{margin:0}.panel-head{min-height:75px;padding:16px 21px;border-bottom:1px solid #253a4a;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h3{margin:6px 0 0;font-size:17px;letter-spacing:-.4px}.panel-body{padding:20px 21px}.mini{font-size:10px;letter-spacing:.6px;font-weight:900;color:var(--cyan);border:1px solid #355567;background:#152e3d;padding:9px 11px;white-space:nowrap}.mini:hover{background:#264657}.tag{display:inline-flex;font-size:10px;font-weight:900;letter-spacing:.7px;padding:8px 10px;color:#c7d4dd;background:#283b48;white-space:nowrap}.tag.ok{background:#174638;color:#a1e5cc}.tag.warn{background:#503626;color:#f2ba92}.tag.bad{background:#4d272e;color:#f0adb5}.row-line{padding:13px 0;border-bottom:1px solid #243949;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.row-line:last-child{border-bottom:0}.row-line strong{font-size:12px;word-break:break-word}.row-line small{display:block;margin-top:4px;color:#84a0b3;font-size:10px}.row-line .label{color:#9eb5c3}.mono{font-family:Consolas,monospace;font-size:11px}.state{font-size:10px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:var(--orange)}.state.active{color:var(--green)}.state.failed,.state.not-found,.state.unavailable{color:var(--red)}.empty{padding:24px 16px;text-align:center;color:#99aebd;font-size:12px;line-height:1.8;border:1px dashed #385062}.empty b{color:#c1dce9}.stream-row{padding:13px 0;border-bottom:1px solid #243948;display:flex;justify-content:space-between;gap:12px}.stream-row:last-child{border-bottom:0}.stream-row strong{font-size:12px}.stream-row small{color:#90a9b9;font-size:10px;display:block;margin-top:5px}.stream-row time{font-size:10px;color:#839dad;white-space:nowrap}.helper{color:#97b1c1;font-size:12px;line-height:1.8;margin:0 0 18px}.info{border:1px solid #375166;border-left:3px solid var(--orange);padding:20px 23px;margin:3px 0 20px;background:#112334}.info b{color:#e9b38b;letter-spacing:1.3px;font-size:11px}.info p{color:#aebfcc;font-size:12px;line-height:1.8;margin:8px 0 0}.page-head{margin:5px 0 28px;display:flex;align-items:end;justify-content:space-between;gap:18px}.page-head h1{font-size:36px;margin:11px 0 12px}.page-head p{color:#9cb2c1;line-height:1.8;font-size:13px;margin:0;max-width:790px}.page-head .outlined{white-space:nowrap}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{background:#152b3a;color:#97b4c3;font-size:10px;letter-spacing:1.1px}td,th{padding:15px 13px;border-bottom:1px solid #2b4050}td{font-size:12px}td strong{color:#e7f3f8}tr:last-child td{border-bottom:0}.action{border:1px solid #4e6d7c;color:#cce9ee;background:#183748;padding:8px 11px;font-size:10px;font-weight:800;margin-right:6px}.action.danger{color:#efb4b4;border-color:#804a53;background:#41272c}.action:hover{filter:brightness(1.22)}.route-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.route-form label{min-width:130px;flex:1}.big-arrow{font-size:22px;color:var(--cyan);padding-bottom:7px}label{font-size:10px;color:#b2c6d1;font-weight:850;letter-spacing:.7px;display:block}input,select{border:1px solid #3c5767;background:#081a28;color:#edf7fb;padding:12px 13px;outline:0;border-radius:0;min-width:0}input:focus,select:focus{border-color:var(--cyan)}.route-form select{display:block;width:100%;margin-top:8px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.form-grid input{width:100%;display:block;margin-top:8px}.form-bottom{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:14px}.form-bottom span{color:#8da8b8;font-size:11px}.form-grid .error{grid-column:1/-1}.error{color:#f3a9ab;font-size:12px}.stats-three{grid-template-columns:repeat(3,1fr)}.panel-tools{display:flex;align-items:center;gap:8px}.panel-tools input,.panel-head>input{font-size:11px;width:200px;padding:9px}.inline-form{display:flex;gap:8px;margin-top:15px}.inline-form input{flex:1;min-width:0}.inline-form .primary{flex-shrink:0}.monitor-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;margin-bottom:7px;border:1px solid #344e5d;background:#122838;font-size:12px}.monitor-chip button,.discover-item{border:1px solid #4a6b7e;background:#183747;color:#c1d9e5;padding:7px;font-weight:800;font-size:10px}.discovered{margin-top:14px;padding:13px;border:1px dashed #4c6675}.discovered h4{font-size:12px;margin:0 0 12px}.discover-item{margin:0 6px 8px 0;cursor:pointer}.notice,.pending{margin:18px 34px 0;padding:14px 19px;background:#1b3c46;border-left:3px solid var(--cyan);font-size:12px;color:#d2f1f4}.notice.error{background:#43272b;border-left-color:var(--red);color:#ffdddd}.pending{background:#3b2d22;border-left-color:var(--orange);color:#f3d2b7;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.pending strong{font-size:10px;letter-spacing:1px}.pending span{flex:1;min-width:220px}.pending code{padding:6px;color:#fff;background:#201a1a;font-size:11px}.footer{min-height:72px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-top:1px solid #263c4c;padding:15px 34px;color:#738da1;font-size:10px;letter-spacing:1.3px;font-weight:800}.footer b{color:var(--orange)}.login-scene{min-height:100vh;display:grid;grid-template-columns:1.35fr 1fr;background:radial-gradient(ellipse at 24% 90%,#ad613238,transparent 31%),linear-gradient(120deg,#081926,#0c2433 50%,#09131f)}.login-visual{padding:clamp(35px,6vw,120px);display:flex;flex-direction:column;justify-content:center}.login-wordmark{font-size:38px;margin:25px 0 60px}.login-visual h1{font-size:clamp(45px,5vw,82px);line-height:1.04;margin:0 0 24px}.login-visual p{max-width:440px;color:#a6c0ce;font-size:14px;line-height:1.8}.login-visual>a{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:1px;margin-top:34px}.login-card{background:#091925;padding:clamp(30px,5.5vw,95px);border-left:1px solid #335061;display:flex;flex-direction:column;justify-content:center;position:relative}.stripe{width:52px;height:4px;background:var(--orange);margin-bottom:37px}.login-card h2{font-size:32px;margin:14px 0 8px}.login-card p{font-size:13px;line-height:1.7;color:#9db4c3;margin:0 0 35px}.login-card label{margin-bottom:21px}.login-card input{display:block;margin-top:9px;width:100%;font-size:13px}.login-card .wide{display:flex;justify-content:space-between;align-items:center}.login-card small{color:#7893a5;font-size:11px;line-height:1.7;margin-top:25px}.login-card small a{color:var(--cyan)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1220px){.sidebar{width:218px;min-width:218px}.sidebar-brand{padding:28px 18px}.side-label{padding:0 18px}.side-link{padding:9px 18px}.nav-item{padding:13px 13px;font-size:12px}.hero{grid-template-columns:1fr 235px}.hero-content{padding:32px}.hero-right{padding:43px 18px}.stat{padding:18px}.stat strong{font-size:28px}}@media(max-width:1000px){.cols,.cols-a{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-right{display:none}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.app{display:block}.sidebar{position:relative;width:100%;min-width:0;max-height:none;padding:0}.sidebar-brand{padding:18px 18px 14px}.wordmark{font-size:23px}.side-label,.side-link,.sidebar-foot{display:none}nav{display:flex;gap:3px;overflow-x:auto;padding:0 8px 8px}.nav-item{flex-shrink:0;white-space:nowrap;border-left:0;border-bottom:2px solid transparent;font-size:11px;gap:5px;padding:10px}.nav-item.active{border-bottom-color:var(--cyan)}.nav-symbol{font-size:15px;width:16px}.topbar{height:48px;padding:0 15px}.timezone,.return-link{display:none}.crumb{font-size:10px}.toptools{gap:0}.announce{padding:0 15px}.announce>span:last-child{display:none}main{padding:0 14px 25px}.hero-content{padding:26px 21px}.hero h1{font-size:38px}.hero p{font-size:12px}.hero-actions .primary,.hero-actions .outlined{font-size:10px;padding:10px}.stats{gap:9px}.stat{min-height:136px;padding:17px}.stat>span{font-size:9px}.stat strong{font-size:24px}.page-head{display:block}.page-head h1{font-size:30px}.page-head .outlined{margin-top:14px}.form-grid{grid-template-columns:1fr;gap:15px}.form-bottom{grid-column:auto}.form-grid .error{grid-column:auto}.route-form{display:block}.route-form label{margin-bottom:13px}.route-form .primary{width:100%}.big-arrow{display:none}.panel-head,.panel-body{padding:16px}.panel-tools{flex-wrap:wrap}.panel-tools input{max-width:145px}.inline-form{flex-wrap:wrap}.inline-form input{width:100%;flex:auto}.footer{padding:20px 15px}.notice,.pending{margin:12px 14px 0}.login-scene{display:block}.login-visual{padding:30px 24px 10px}.login-wordmark{margin:15px 0;font-size:25px}.login-visual h1{font-size:34px}.login-visual p,.login-visual>a{display:none}.login-card{padding:30px 24px;border-left:none;border-top:1px solid #375063}.login-card h2{font-size:26px}}

#logout-mobile{display:none}@media(max-width:740px){#logout-mobile{display:inline-block;font-size:10px;white-space:nowrap;padding:4px;margin-left:8px}}

.public-wide{grid-column:1/-1}.public-header,.public-grid{display:grid;grid-template-columns:110px minmax(120px,1fr) minmax(160px,1fr);gap:12px;align-items:center;margin:9px 0}.public-header{color:#88a8ba;font-size:10px;letter-spacing:1px;font-weight:900}.public-grid{padding:12px 0;border-bottom:1px solid #334653}.public-grid input,.public-grid select{width:100%}@media(max-width:720px){.public-header{display:none}.public-grid{grid-template-columns:1fr}.public-grid strong{color:#80d8ed}}

.gateway-logs{background:#05121d;color:#b4d0df;padding:14px;min-height:190px;max-height:380px;overflow:auto;font-size:12px;white-space:pre-wrap;word-break:break-word;border:1px solid #25435b;border-radius:2px;}