@charset "UTF-8";
:root{--bg:#f5f7fa;--panel:#fff;--ink:#152c37;--muted:#7d8b95;--line:#e8edf0;--mint:#28b990;--mint-light:#e9f8f1;--blue:#7196de;--nav:#102833;--sidebar:240px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #5ebfae;outline-offset:4px}input:focus{outline:none;border-color:#42bfa1;box-shadow:0 0 0 3px #e8f8f2}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:#83919a;display:block}.sidebar{width:var(--sidebar);background:var(--nav);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:32px 20px 20px;color:#d0dde3;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin:0 13px 46px}.brand img{width:39px;height:39px}.brand>span{font-size:21px;font-weight:800;letter-spacing:1.3px;line-height:1}.brand-small{display:block;font-size:8px;letter-spacing:3.7px;font-weight:600;margin-top:6px;color:#9aafb9}.nav-label{margin:0 16px 15px;color:#66818f;font-size:9px;letter-spacing:2px;font-weight:700}.nav-item{border:0;background:transparent;color:#91a9b6;width:100%;display:flex;align-items:center;gap:13px;padding:15px 16px;border-radius:9px;margin-bottom:6px;text-align:left;font-size:12px;font-weight:550}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#193541;color:#fff}.nav-item.active{background:#21453f;color:#65e0bc}.nav-active-dot{display:none;width:5px;height:5px;border-radius:50%;background:#65e0bc;margin-left:auto}.active .nav-active-dot{display:block}.nav-count{margin-left:auto;font-size:10px;background:#213c49;padding:2px 6px;border-radius:5px;color:#b6c9d2}.sidebar-bottom{margin-top:auto}.server-mini{margin:20px 10px 24px;padding:18px 4px;border-top:1px solid #24404d;display:flex;align-items:center;gap:12px}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#2ac99c;display:inline-block;flex-shrink:0}.server-mini strong{display:block;font-size:11px;font-weight:650;color:#d9e3e8;margin-bottom:6px}.server-mini div>span{display:block;color:#75919e;font-size:9px;word-break:break-all}.sidebar-foot{border-top:1px solid #24404d;margin:22px 10px 0;padding-top:22px;font-size:7px;letter-spacing:1.2px;color:#688390;display:flex;justify-content:space-between}.sidebar-foot span{letter-spacing:0}.workspace{margin-left:var(--sidebar)}.topbar{height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff;border-bottom:1px solid var(--line);gap:20px}.breadcrumb{color:#8c99a2;font-size:11px;display:flex;gap:15px;align-items:center}.breadcrumb span{color:#d0d8de}.breadcrumb strong{color:#334c58;font-weight:550}.top-actions{display:flex;align-items:center;gap:11px}.live-tag{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.2px;font-weight:800;color:#27aa86}.live-tag>span{width:5px;height:5px;background:currentColor;border-radius:50%;box-shadow:0 0 0 3px #e9faf3}.top-divider{height:22px;width:1px;background:#e7edf0;margin:0 11px}.avatar{height:30px;width:30px;display:grid;place-items:center;border-radius:50%;background:#edf1f6;color:#617c91;font-size:11px;font-weight:700}.admin-label{font-size:11px;font-weight:600}.logout{border:0;background:none;font-size:10px;color:#7b8a94;margin-left:8px}.logout:hover{color:#1ba880}.main{padding:34px 42px 0;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px;gap:20px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:10px}.page-heading h1{font-size:29px;letter-spacing:-1.1px;margin:0;font-weight:650;line-height:1.25}.page-heading h1 span{color:#1bb08b}.page-heading p{font-size:11px;color:var(--muted);margin:10px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dfe7eb;border-radius:7px;padding:11px 15px;color:#465c69;background:#fff;font-size:10px;font-weight:600;white-space:nowrap;transition:background .2s}.button:hover{background:#f5faf8}.button svg{width:13px;height:13px}.primary{background:#183b45;color:#fff;border-color:#183b45}.primary:hover{background:#24515c}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 21px;min-width:0}.metric>div{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#72828d;font-size:10px}.metric>div svg{width:16px;height:16px;color:#92a2ad}.metric>strong{font-size:28px;font-weight:650;letter-spacing:-1.1px;display:block;margin:17px 0 8px;line-height:1.1}.metric>strong small{font-size:15px;color:#9ca9b1;font-weight:450;letter-spacing:0}.metric>small{font-size:9px;color:#91a0a9;display:block;line-height:1.5}.metric .positive{color:#28a782}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 0;gap:20px}.panel-heading h2{font-size:13px;font-weight:650;letter-spacing:-.2px;margin:0}.panel-heading p{font-size:9px;color:#91a0a8;margin:7px 0 0;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:5px;font-size:8px;font-weight:650;white-space:nowrap}.badge:before{content:"";display:inline-block;height:4px;width:4px;border-radius:50%;background:currentColor}.badge.good{color:#25a77f;background:#edf9f3}.badge.quiet{color:#b7862e;background:#fff6e5}.badge.waiting,.badge.neutral{color:#81949f;background:#f1f4f6}.topology{display:flex;align-items:center;justify-content:center;padding:34px 35px 31px}.topology-node{width:170px;min-width:100px;display:flex;flex-direction:column;align-items:center;text-align:center}.node-icon{height:55px;width:55px;display:grid;place-items:center;background:#f6f8fa;border:1px solid #e8eef2;border-radius:14px;color:#8194a1;margin-bottom:14px}.node-icon svg{width:25px;height:25px}.central .node-icon{background:#e9f8f1;border-color:#d4eee3;color:#28a982;box-shadow:0 0 0 7px #f7fcf9}.site.node-icon{color:#688fa7;background:#f0f6fa;border-color:#e2edf5}.topology-node strong{font-size:11px;line-height:1.5;margin-bottom:5px}.topology-node>span:not(.node-icon){font-size:9px;color:#7a8e9c}.topology-node small{font-size:8px;color:#9ba8b0;margin-top:8px;line-height:1.5}.topology-wire{flex:1;max-width:180px;min-width:45px;text-align:center;align-self:flex-start;margin-top:26px}.topology-wire>span{font-size:8px;color:#879aa6;display:block;margin-top:-17px;margin-bottom:13px;white-space:nowrap}.wire{height:1px;background:repeating-linear-gradient(to right,#96d9c3 0,#96d9c3 4px,transparent 4px,transparent 8px);position:relative;margin:0 -4px}.wire:before,.wire:after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#51bf9e}.wire:before{left:0}.wire:after{right:0}.topology-wire small{font-size:8px;color:#a1afb9;display:block;margin-top:10px}.panel-foot{border-top:1px solid #f0f3f6;display:flex;align-items:center;gap:7px;padding:12px 25px;font-size:8px;color:#94a2ab}.panel-foot .tiny-dot{width:4px;height:4px}.foot-right{margin-left:auto}.overview-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:24px}.chart-panel .panel-heading{padding-bottom:7px}.segmented{background:#f4f6f8;padding:3px;display:flex;border-radius:6px;gap:1px}.segmented button{border:0;background:none;color:#92a0a9;font-size:8px;padding:6px 9px;border-radius:4px;white-space:nowrap}.segmented button.selected{background:#fff;color:#3c5967;box-shadow:0 1px 4px #21334410}.chart-totals{display:flex;gap:28px;padding:18px 25px 0}.chart-totals>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:8px;color:#8e9ca6;width:130px}.legend-dot{width:5px;height:5px;border-radius:50%;display:inline-block}.rx{background:#31bb99}.tx{background:#83a0e3}.chart-totals strong{display:block;flex-basis:100%;font-size:18px;font-weight:600;letter-spacing:-.5px;color:#294550;margin-top:4px}.chart-wrap{height:195px;position:relative;padding:14px 20px 15px}.chart-wrap canvas{height:100%;width:100%;display:block}.chart-wrap>p{position:absolute;top:50%;left:15%;right:10%;text-align:center;font-size:10px;color:#92a2ac;background:#ffffffdf;padding:12px;border-radius:5px;transform:translateY(-50%);margin:0}.text-button{display:flex;align-items:center;gap:5px;background:none;border:0;color:#4a9e88;font-size:8px;padding:3px;white-space:nowrap}.text-button svg{width:12px;height:12px}.site-cards{padding:19px 24px 7px;display:grid;gap:9px}.site-card{border:1px solid #e7edef;border-radius:8px;padding:16px;cursor:pointer;background:#fff;width:100%;text-align:left;color:var(--ink)}.site-card:hover{border-color:#93cbb8;background:#fcfefd}.site-card-top{display:flex;align-items:center;gap:11px}.site-card-icon{height:35px;width:35px;background:#f1f6f8;display:grid;place-items:center;border-radius:8px;color:#7390a0}.site-card-icon svg{width:17px;height:17px}.site-card-name{font-size:10px;font-weight:650;display:block}.site-card-location{display:block;font-size:8px;color:#9aabb5;margin-top:5px}.site-card-top .badge{margin-left:auto}.site-card-bottom{display:flex;justify-content:space-between;font-size:8px;color:#97a8b2;border-top:1px solid #f0f4f6;margin-top:13px;padding-top:11px}.small-info{padding:15px 25px 20px;font-size:8px;color:#9aa8b1;line-height:1.7}.main-footer{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a1afb8;padding:28px 0 23px;gap:15px}.main-footer>span:first-child{display:flex;align-items:center;gap:7px}.main-footer .tiny-dot{height:4px;width:4px}.warning{margin-bottom:20px;padding:13px 16px;border:1px solid #ebd6ae;background:#fff8e9;color:#98752f;border-radius:8px;font-size:11px}.table-scroll{overflow:auto;margin-top:24px}table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}th{background:#fafcfd;color:#91a1ab;font-size:8px;font-weight:600;padding:13px 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:20px 23px;border-bottom:1px solid #edf1f4;white-space:nowrap;line-height:1.7;color:#5a727f}td strong{color:#2d4653;display:block;font-weight:600}td small{color:#98a6b0;display:block;font-size:8px}.table-link{background:none;border:0;padding:5px;color:#339a7d;font-size:10px}.search{display:flex;align-items:center;gap:8px;border:1px solid #e6ecef;padding:8px 11px;border-radius:6px}.search svg{width:13px;height:13px;color:#9aaab5}.search input{border:0;width:200px;font-size:9px;outline:0;box-shadow:none;background:none;color:#385766}.empty-search{padding:40px;text-align:center;color:#8196a1;font-size:11px}.access-note{display:flex;gap:15px;padding:24px;color:#619184}.access-note svg{margin-top:1px;width:22px;height:22px}.access-note strong{font-size:10px;color:#45675e}.access-note p{font-size:10px;line-height:1.8;max-width:710px;color:#8a9b9c;margin:7px 0 0}.relay-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;max-width:650px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-list{margin:20px 25px 25px}.detail-list>div{display:flex;align-items:start;justify-content:space-between;gap:25px;padding:13px 0;border-bottom:1px solid #edf1f3;font-size:10px}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:#8b9da6}.detail-list dd{margin:0;text-align:right;color:#355362;word-break:break-word;font-variant-numeric:tabular-nums}.service-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f3;margin:0 25px;padding:17px 0;font-size:11px}.service-row:first-child{margin-top:12px}.service-row:last-child{border:0;margin-bottom:15px}.settings-panel{max-width:620px}.heading-icon{color:#6da991}.password-form{padding:25px;display:flex;flex-direction:column;align-items:flex-start}.password-form label{font-size:10px;font-weight:600;margin-bottom:8px}.password-form input,.login-card input{width:100%;border:1px solid #dfe6ea;background:#fcfdfe;border-radius:7px;padding:12px;color:#294650;font-size:13px;margin-bottom:22px;transition:border-color .15s}.password-form>small{color:#93a3ae;font-size:9px;margin:-15px 0 23px}.password-form>p{font-size:11px;line-height:1.5;margin:0 0 15px;color:#29896a}.password-form>p.error{color:#b45c54}.settings-note{font-size:9px;color:#91a2ab;line-height:1.7;max-width:620px}.loading-pad{padding:20px;font-size:11px}dialog{border:1px solid #e0e9eb;border-radius:14px;max-width:570px;width:calc(100% - 40px);padding:0;color:var(--ink);box-shadow:0 30px 100px #10283325}dialog::backdrop{background:#122d3a60;backdrop-filter:blur(3px)}.dialog-heading{padding:23px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:18px;margin:0}.dialog-close{background:#f4f7f9;color:#77909f;border:0;border-radius:5px;width:28px;height:28px;font-size:21px}.dialog-note{padding:0 25px 20px;font-size:10px;color:#8ba0ab;line-height:1.7}.login-body{background:#fff}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{position:relative;background:var(--nav);color:#fff;overflow:hidden;padding:46px 64px}.login-story .brand{margin:0 0 85px}.login-story>.eyebrow{color:#5fb99e;font-size:8px;letter-spacing:2px}.login-story h1{font-weight:550;font-size:46px;letter-spacing:-1.8px;line-height:1.2;margin:18px 0 20px}.login-story>p{font-size:13px;color:#88a4b1;line-height:1.9}.login-network{height:280px;position:relative;max-width:400px;margin:20px auto 0}.orbit{position:absolute;border:1px solid #274653;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:180px;height:180px}.orbit-two{width:280px;height:280px;border-style:dashed;opacity:.6}.network-center{width:76px;height:76px;border-radius:23px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px #34d6ac22}.network-center img{width:100%;height:100%}.network-dot{position:absolute;background:#89a9b6;border:6px solid #1b3a47;height:18px;width:18px;border-radius:50%}.dot-one{left:22%;top:42%;background:#37d7ac}.dot-two{left:80%;top:18%}.dot-three{left:64%;top:89%;background:#37d7ac}.story-bottom{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1.3px;color:#74909e;margin-top:25px}.story-bottom>span:last-child{margin-left:auto;color:#536f7d}.login-panel{padding:40px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.login-card{width:100%;max-width:340px;margin:auto}.login-card h2{font-size:28px;letter-spacing:-1px;font-weight:600;margin:15px 0 10px}.login-card>.muted{font-size:12px;margin-bottom:36px;line-height:1.7}.login-card label{display:block;font-size:11px;font-weight:600;margin-bottom:10px}.login-card input{font-size:13px;padding:14px;margin-bottom:24px}.login-submit{width:100%;padding:15px;font-size:12px;justify-content:space-between;margin-top:6px}.login-submit>span{font-size:16px;color:#69d9b9}.login-note{font-size:9px;color:#9babb3;display:flex;align-items:center;justify-content:center;gap:7px;margin:21px 0 0;line-height:1.7}.lock-small{color:#76b6a4;font-size:12px}.login-panel footer{font-size:9px;color:#a3afb6;display:flex;justify-content:space-between;width:100%;max-width:340px;margin-top:50px;gap:20px}.form-error{background:#fff2ef;border:1px solid #f5ded8;color:#ac675b;font-size:11px;padding:12px 14px;border-radius:6px;margin-bottom:22px;line-height:1.7}
@media(min-width:1550px){.main{padding:45px 60px 0}.topbar{padding:0 60px}.page-heading h1{font-size:34px}.metric{padding:25px}.metric>strong{font-size:34px}.metric>div{font-size:12px}.metric>small{font-size:10px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:11px}.topology{padding:42px 45px 35px}.topology-node{width:200px}.topology-node strong{font-size:13px}.topology-node>span:not(.node-icon){font-size:10px}.topology-node small{font-size:9px}.topology-wire>span,.topology-wire small{font-size:9px}.topology-wire{max-width:240px}.chart-wrap{height:240px}.site-card-name{font-size:12px}.site-card-location,.site-card-bottom,.small-info{font-size:10px}.badge{font-size:9px}.text-button{font-size:10px}.main-footer{font-size:9px}}
@media(max-width:1150px){:root{--sidebar:205px}.sidebar{padding:28px 13px}.topbar{padding:0 25px}.main{padding:28px 25px 0}.metrics{gap:11px}.metric{padding:18px 15px}.metric>div{font-size:9px}.metric>strong{font-size:24px}.overview-bottom{grid-template-columns:1fr}.chart-wrap{height:230px}.topology{padding-left:20px;padding-right:20px}.topology-node{width:130px}.topology-wire>span{font-size:7px}.topology-node small{font-size:7px}.login-story{padding:40px}.login-story h1{font-size:38px}.login-panel{padding:40px}}
@media(max-width:800px){:root{--sidebar:72px}.sidebar{padding:24px 10px}.brand{margin:0 auto 35px;gap:0}.brand img{width:36px;height:36px}.sidebar .brand>span,.nav-label,.sidebar .nav-item:not(.active) .nav-active-dot,.nav-count,.server-mini,.sidebar-foot{display:none}.sidebar .nav-item{font-size:0;padding:15px;justify-content:center;gap:0}.sidebar .nav-item svg{width:19px;height:19px}.nav-active-dot{position:absolute;right:9px;width:3px;height:3px}.sidebar-bottom{margin-top:auto}.topbar{height:65px}.top-divider{margin:0 3px}.admin-label{display:none}.main{padding:25px 20px 0}.page-heading h1{font-size:25px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric>div{font-size:10px}.metric>strong{font-size:29px}.metric>small{font-size:8px}.topology{flex-wrap:wrap;gap:15px}.topology-node{width:140px}.topology-wire{max-width:80px}.topology-node small{font-size:8px}.topology-wire>span{white-space:normal;line-height:1.5}.topology .topology-node:first-child,.topology-wire:first-of-type{display:none}.panel-heading{padding:20px 20px 0;gap:12px}.panel-heading p{font-size:9px}.panel-foot{padding:12px 20px;flex-wrap:wrap}.system-grid{grid-template-columns:1fr}.search input{width:140px}.search{max-width:190px}.main-footer{align-items:start}.main-footer>span:last-child{max-width:140px;text-align:right;line-height:1.5}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{padding:35px;min-height:100vh}.login-card:before{content:"ZTR / KNOTEN";display:block;color:#26aa88;letter-spacing:3px;font-weight:750;font-size:12px;margin-bottom:70px}.relay-metrics{max-width:none}}
@media(max-width:480px){.topbar{padding:0 15px}.breadcrumb{font-size:10px;gap:8px}.top-actions{gap:7px}.avatar,.top-divider{display:none}.logout{font-size:9px;margin:0}.main{padding:22px 14px 0}.page-heading{align-items:start}.page-heading h1{font-size:23px;max-width:230px}.page-heading .eyebrow{font-size:7px}.page-heading p{font-size:10px;line-height:1.6}.refresh{padding:9px}.refresh svg{display:none}.metrics{gap:9px}.metric{padding:15px 12px}.metric>div{font-size:9px}.metric>div svg{display:none}.metric>strong{font-size:24px;margin-top:14px}.topology{gap:7px;padding:28px 10px}.topology-node{width:100px;min-width:80px}.topology-node strong{font-size:9px}.topology-node>span:not(.node-icon){font-size:7px;word-break:break-all}.topology-node small{font-size:7px}.topology-wire{min-width:20px}.topology-wire>span{font-size:6px}.topology-wire small{font-size:6px}.node-icon{width:45px;height:45px;border-radius:12px}.panel-heading{padding:18px 15px 0;align-items:start}.panel-heading h2{font-size:12px}.panel-heading p{font-size:8px}.badge{font-size:7px;padding:5px 6px}.chart-totals{padding:20px 15px 0;gap:10px}.chart-totals strong{font-size:16px}.chart-wrap{height:185px;padding:12px}.segmented button{font-size:7px;padding:5px}.site-cards{padding:16px 14px 7px}.small-info{padding:12px 15px 17px}.site-card{padding:13px}.site-card-icon{display:none}.site-card-name{font-size:10px}.site-card-location{font-size:8px}.site-card-bottom{font-size:7px}.foot-right{margin-left:0;flex-basis:100%;padding-left:11px}.panel-foot{font-size:7px;padding:10px 15px}.search{max-width:130px}.search input{width:85px;font-size:8px}.main-footer{font-size:7px}.access-note{padding:19px 15px}.access-note p{font-size:9px}.detail-list{margin:18px}.detail-list>div{font-size:9px}.password-form{padding:20px 15px}.password-form input{font-size:12px}.topology-panel .panel-heading{gap:7px}.topology-panel .panel-heading .badge{max-width:105px;white-space:normal;font-size:6px;line-height:1.5}.login-panel{padding:28px}.login-card h2{font-size:26px}}
@media(max-width:800px){.topology>.topology-wire:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}