*{box-sizing:border-box}body{margin:0;background:#08121e;color:#e7eff6;font:15px system-ui,sans-serif}main{max-width:1250px;margin:auto;padding:26px 20px}header,nav,.row{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:25px}h1{margin:6px 0;font-size:29px}h2{font-size:20px}h3{font-size:16px}p{line-height:1.6}nav{flex-wrap:wrap}a{color:#91dfe4}button{border:0;border-radius:9px;padding:11px 16px;background:#b9ed70;color:#13200b;font-weight:700;cursor:pointer}button.secondary{background:#294358;color:#e7eff6}button.danger{background:#6a2936;color:#ffe6ea}button:disabled{opacity:.5;cursor:wait}label{display:block;font-size:13px;color:#b3c9d9}input,select{display:block;width:100%;padding:11px;margin:6px 0 12px;border:1px solid #3b546a;border-radius:8px;background:#0c1c2b;color:#eef7ff;font:inherit}input[type=checkbox]{display:inline;width:auto}form{margin:15px 0}.filters,.totals,.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.filters{align-items:end}.filters button{margin-bottom:12px}.totals>div,.box,.card{background:#122436;border:1px solid #2b4257;border-radius:14px;padding:20px;margin-bottom:18px}.totals strong{display:block;font-size:25px;margin-top:8px}.muted,small,footer,.eyebrow{color:#9db5c8}.eyebrow{font-size:12px;letter-spacing:2px}footer{margin-top:35px;font-size:12px}.pill{border-radius:20px;background:#433e2f;color:#ffdf95;padding:6px 10px;font-size:12px}.online{background:#1e513d;color:#a4edc6}.offline{background:#602e3a;color:#ffc2cd}.metrics{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0}.metrics strong{display:block;margin-top:5px;font-size:19px}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th,td{padding:12px 9px;border-bottom:1px solid #2b4257;white-space:nowrap}th{color:#a9c0d1}summary{cursor:pointer;padding:12px 0;color:#aee877}details{margin:12px 0}.tabs{justify-content:flex-start;margin-bottom:22px}#message{padding:15px;background:#214d41;border-radius:10px}#message.error{background:#602e3a}.link-row{border-top:1px solid #3b546a;padding-top:15px;margin-top:15px}.region-row{padding:8px 0;border-bottom:1px solid #2b4257;display:flex;gap:10px;align-items:center}.region-row span{flex:1}.bar{height:7px;border-radius:6px;background:#294358;overflow:hidden;margin-top:6px}.bar i{display:block;background:#9cdb64;height:100%}.chart{width:100%;height:140px;background:#0b1927;border-radius:10px}dialog{background:#122436;color:white} [hidden]{display:none!important}@media(max-width:750px){main{padding:18px 12px}header{align-items:flex-start;flex-direction:column}.filters,.totals,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row{align-items:flex-start;flex-wrap:wrap}.card,.box{padding:15px}.region-row{flex-wrap:wrap}}@media(max-width:390px){.filters,.grid{grid-template-columns:1fr}h1{font-size:25px}}

/* Ringkasan satu kartu per cabang; detail melebar ketika dibuka. */
.branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.branch-card{margin:0;background:#122436;border:1px solid #2b4257;border-radius:14px;overflow:hidden}.branch-card>summary{list-style:none;padding:17px;color:#e7eff6}.branch-card>summary::-webkit-details-marker{display:none}.branch-card>summary:hover{background:#193248}.branch-card>summary:focus-visible{outline:2px solid #b9ed70;outline-offset:-3px}.branch-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.branch-heading strong{display:block;font-size:17px;margin:6px 0;overflow-wrap:anywhere}.branch-heading small{font-size:11px}.branch-heading .pill{white-space:nowrap;font-size:10px}.branch-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.branch-stats small,.branch-stats b{display:block}.branch-stats b{font-size:17px;margin-top:4px}.branch-hint{display:block;margin-top:17px;font-size:12px;color:#b9ed70}.branch-card[open]{grid-column:1/-1}.branch-card[open]>.branch-detail{border-top:1px solid #2b4257;padding:16px}.branch-detail .card{margin-top:0}.branch-card .when-open{display:none}.branch-card[open] .when-open{display:inline}.branch-card[open] .when-closed{display:none}.branch-card[open] .branch-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.branch-card[open]>.branch-detail .card:last-child{margin-bottom:0}
@media(min-width:1450px){main{max-width:1500px}.branch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:950px){.branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.branch-grid{grid-template-columns:1fr}.branch-card[open] .branch-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.slide-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 18px}.slide-bar>small{width:100%}.slide-bar button{padding:10px 13px}main:fullscreen{background:#08121e;max-width:none;width:100%;height:100%;overflow:auto;padding:18px 28px}main:fullscreen header{margin-bottom:10px}main:fullscreen .branch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}main:fullscreen footer{display:none}@media(max-width:650px){main:fullscreen .branch-grid{grid-template-columns:1fr}.slide-bar>div{display:flex;flex-wrap:wrap;gap:5px}}
.policy-normal{color:#a4edc6}.policy-waspada{color:#ffe39a}.policy-hemat{color:#ffbc8b}.policy-fup{color:#ff8e9d}.policy-offline{color:#a9b4be}.policy-tag{display:inline-block;padding:4px 8px;border-radius:12px;background:#263d50;font-weight:700;font-size:11px}.policy-table{margin-top:15px}

/* NOC visual v2: ringkasan operasi dan grafik multi-Starlink. */
body{background:radial-gradient(circle at 15% 0,#112e45 0,#08121e 34%,#050b13 100%);min-height:100vh}header{background:linear-gradient(135deg,rgba(21,55,78,.78),rgba(10,27,42,.45));border:1px solid rgba(121,231,255,.15);border-radius:20px;padding:22px;box-shadow:0 20px 55px rgba(0,0,0,.18)}
.totals{grid-template-columns:repeat(3,minmax(0,1fr))}.total-card{position:relative;overflow:hidden;min-height:108px;background:linear-gradient(145deg,#142b40,#0d1d2d)!important;border-color:#29465e!important;box-shadow:0 14px 30px rgba(0,0,0,.16)}.total-card:after{content:"";position:absolute;right:-18px;bottom:-30px;width:92px;height:92px;border-radius:50%;background:rgba(121,231,255,.08)}.total-card small{font-weight:700;letter-spacing:.02em}.total-card strong{position:relative;z-index:1;font-size:23px}.total-traffic{border-color:rgba(121,231,255,.45)!important}.total-clients{border-color:rgba(185,237,112,.4)!important}.total-usage{border-color:rgba(169,147,255,.42)!important}.total-alert{border-color:rgba(255,127,159,.5)!important}.total-alert strong{color:#ff9bb2}
.router-card{background:linear-gradient(155deg,#13283b,#0e1d2c);box-shadow:0 18px 40px rgba(0,0,0,.2)}.router-error,.chart-error{padding:12px 14px;border-radius:10px;background:#642d3b;color:#ffd7df}.wan-color{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;box-shadow:0 0 10px currentColor}.metrics>div{min-width:94px;padding:12px 14px;border:1px solid #29445a;border-radius:12px;background:rgba(5,14,23,.34)}
.traffic-panel{margin-top:18px;border:1px solid #2c4960;border-radius:14px;background:#091725;overflow:hidden}.traffic-panel>summary{padding:15px 17px;background:linear-gradient(90deg,rgba(121,231,255,.09),transparent);font-weight:800}.traffic-panel>div{padding:16px}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:13px}.chart-toolbar>div{display:flex;gap:7px;flex-wrap:wrap}.chart-toolbar button{padding:8px 11px;font-size:12px}.chart-frame{border:1px solid #233c51;border-radius:13px;background:linear-gradient(180deg,#081623,#0b1b2a);padding:8px;overflow:hidden}.traffic-chart{display:block;width:100%;height:auto;min-height:210px}.chart-grid line{stroke:#294155;stroke-width:1}.chart-grid text,.axis-title{fill:#8fa9bb;font-size:11px}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0}.chart-heading span{color:#9db5c8;font-size:12px}.chart-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.legend-item{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #294155;border-radius:10px;background:rgba(12,31,47,.7)}.legend-item>i{width:12px;height:12px;margin-top:3px;border-radius:50%;flex:0 0 auto}.legend-item b,.legend-item small{display:block}.legend-item small{margin-top:3px}.chart-wait{padding:24px;text-align:center;color:#9db5c8}
@media(max-width:760px){.totals{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-legend{grid-template-columns:1fr}.chart-heading{align-items:flex-start;flex-direction:column}.traffic-chart{min-width:620px}.chart-frame{overflow-x:auto}}
@media(max-width:390px){.totals{grid-template-columns:1fr}.total-card{min-height:92px}}

/* B2NET Network Command Center v3 */
:root{--bg:#061322;--panel:#0d2948;--panel2:#11365e;--line:#1b5a88;--text:#e9f7ff;--muted:#8fb5d1;--blue:#2ca6ff;--cyan:#32ddff;--green:#43efc2;--orange:#ff7f69;--yellow:#ffc766;--red:#ff718e}
body{background:linear-gradient(150deg,#071829 0,#04101d 52%,#07192b 100%);color:var(--text);font-size:14px}
.noc-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.noc-sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;background:linear-gradient(180deg,#071827,#061321);border-right:1px solid #153b5b;box-shadow:18px 0 50px rgba(0,0,0,.16);z-index:30}.noc-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:4px 8px 28px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#34c6ff,#1476f3);box-shadow:0 10px 28px rgba(44,166,255,.25);font-weight:950;font-size:19px}.noc-brand b,.noc-brand small{display:block}.noc-brand b{font-size:18px;letter-spacing:.04em}.noc-brand small{margin-top:3px;color:#77caff;font-size:10px;letter-spacing:.19em}.menu-title{margin:17px 10px 8px;color:#5f87a6;font-size:10px;font-weight:900;letter-spacing:.15em}.side-menu{display:grid;gap:5px}.side-menu button,.side-menu a{display:flex;align-items:center;justify-content:flex-start;gap:11px;width:100%;min-height:43px;padding:11px 13px;border:0;border-radius:10px;background:transparent;color:#9dbad0;text-decoration:none;font:700 13px system-ui,sans-serif}.side-menu button span,.side-menu a span{display:grid;place-items:center;width:22px;color:#4dbdff;font-size:16px}.side-menu button:hover,.side-menu a:hover,.side-menu button.active{background:linear-gradient(90deg,rgba(44,166,255,.2),rgba(44,166,255,.05));color:#fff;box-shadow:inset 3px 0 #31b9ff}.side-status{position:absolute;left:20px;right:20px;bottom:25px;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #174567;border-radius:12px;background:#0b2741}.side-status i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.side-status span,.side-status small{display:block}.side-status span{font-weight:800;font-size:12px}.side-status small{margin-top:3px;font-weight:500;font-size:9px;color:#7298b4}
.noc-main{max-width:none;margin:0;padding:24px 28px 42px;min-width:0}.topbar{padding:0 0 20px;margin:0 0 20px;border:0;border-bottom:1px solid #153d5d;border-radius:0;background:none;box-shadow:none}.topbar h1{font-size:25px;margin:5px 0}.topbar p{margin:0;color:var(--muted)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.top-actions>span{padding:9px 11px;border:1px solid #1d4e73;border-radius:9px;background:#0b2540;color:#bce8ff;font-size:11px;font-weight:800}.role-chip{color:#9bf2d5!important;border-color:#1d755f!important;background:#0b342f!important}.logout-form{margin:0}.top-actions button{padding:10px 13px}#mobile-menu{display:none}
.filters{grid-template-columns:repeat(3,minmax(170px,1fr)) minmax(220px,1.2fr);gap:10px;padding:14px 16px;margin-bottom:12px;background:#0b233c;border:1px solid #174c73;border-radius:12px}.filters label{color:#7ea4c0;font-size:10px;font-weight:900;letter-spacing:.07em}.filters select{margin:5px 0 0;padding:9px 10px;background:#081b2e;border-color:#24577c}.filter-state{align-self:stretch;display:flex;justify-content:center;flex-direction:column;padding:0 13px;border-left:1px solid #215171}.filter-state small,.filter-state strong{display:block}.filter-state small{color:#628ba9;font-size:9px;letter-spacing:.1em}.filter-state strong{margin-top:5px;font-size:11px;color:#c7eaff}
.totals{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:12px 0}.totals>div.total-card{min-height:82px;margin:0;padding:15px;background:linear-gradient(145deg,#0d2a49,#0a2038)!important;border:1px solid #1c5078!important;border-radius:10px;box-shadow:none}.total-card:after{width:60px;height:60px}.total-card small{font-size:9px;color:#7fa6c4;text-transform:uppercase;letter-spacing:.06em}.total-card strong{font-size:18px;color:#f5fbff}
.command-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(220px,auto);gap:10px;margin:10px 0 25px}.command-card{min-width:0;padding:17px;background:linear-gradient(155deg,rgba(17,54,94,.96),rgba(10,37,65,.98));border:1px solid #1e5b88;border-radius:8px;box-shadow:inset 0 1px rgba(120,210,255,.06),0 14px 32px rgba(0,0,0,.13)}.health-card,.clients-card{grid-column:span 3}.trend-card{grid-column:span 6;grid-row:span 2}.attention-card{grid-column:span 3;grid-row:span 2}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title small,.card-title b{display:block}.card-title small{color:#6e9fc2;font-size:9px;letter-spacing:.13em}.card-title b{margin-top:4px;font-size:14px}.card-title em,.scope-badge{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.08em;color:#82ffd3}.card-title a{font-size:11px;text-decoration:none;color:#68d9ff}
.ring-layout{display:flex;align-items:center;justify-content:center;gap:20px;min-height:150px}.ring-layout.compact{min-height:130px}.health-ring,.client-ring{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;width:126px;height:126px;border-radius:50%;background:conic-gradient(#173e60 0 100%);box-shadow:0 0 24px rgba(44,166,255,.12)}.health-ring:before,.client-ring:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#0d2948;box-shadow:inset 0 0 20px rgba(0,0,0,.25);z-index:-1}.health-ring span,.client-ring span{font-size:28px;font-weight:900;color:#fff}.health-ring small,.client-ring small{font-size:9px;text-transform:uppercase;color:#8eb5d0}.ring-legend{display:grid;gap:10px;min-width:115px}.ring-legend>div{display:flex;align-items:center;gap:8px}.ring-legend i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.ring-legend b,.ring-legend small{display:block}.ring-legend b{font-size:13px}.ring-legend small{font-size:9px;color:#7fa5c0}.manager-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;padding-top:10px;border-top:1px solid #1d4e73;text-decoration:none}.manager-mini span{padding:7px;border-radius:6px;background:#09223a}.manager-mini small,.manager-mini b{display:block}.manager-mini small{font-size:7px;color:#6f9bb9}.manager-mini b{margin-top:3px;color:#a9f4da;font-size:13px}
.aggregate-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 12px}.aggregate-kpis>div{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #1d527d;background:#0a2643;border-radius:8px}.aggregate-kpis small,.aggregate-kpis b{display:block}.aggregate-kpis small{font-size:8px;letter-spacing:.08em;color:#6d9abd}.aggregate-kpis b{margin-top:3px;font-size:17px}.dot{width:8px;height:8px;border-radius:50%}.dot.download{background:var(--blue);box-shadow:0 0 10px var(--blue)}.dot.upload{background:var(--orange);box-shadow:0 0 10px var(--orange)}.aggregate-chart{height:245px;padding:8px;border:1px solid #1b5079;border-radius:8px;background:linear-gradient(180deg,#0c2f51,#0a233e)}.aggregate-chart svg{display:block;width:100%;height:200px}.overview-grid line{stroke:#1d4a70;stroke-width:1}.overview-axis{display:flex;justify-content:space-between;color:#5f8ead;font-size:8px}
.attention-list{display:grid;gap:5px}.attention-row{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #1d4e73}.attention-row .rank{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#123e66;color:#6bceff;font-size:10px;font-weight:900}.attention-row b,.attention-row small{display:block}.attention-row b{font-size:11px}.attention-row small{color:#779db9;font-size:8px;margin-top:2px}.attention-row i{display:block;height:4px;margin-top:7px;background:#153b5b;border-radius:5px;overflow:hidden}.attention-row em{display:block;height:100%;background:linear-gradient(90deg,#23a9ff,#43efc2)}.attention-row strong{font-size:11px;color:#90edcf}.attention-row strong.warning{color:var(--yellow)}.attention-row strong.critical{color:var(--red)}
.network-heading,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:28px 0 15px}.network-heading h2,.section-heading h2{margin:4px 0;font-size:22px}.network-heading p,.section-heading p{margin:0;color:var(--muted)}.network-actions{display:flex;gap:8px}.button{display:inline-block;padding:11px 16px;border-radius:8px;background:#2ca6ff;color:#03111d;text-decoration:none;font-weight:900}.button.secondary{background:#153d5f;color:#dff4ff}.settings-grid{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:13px}.box,.card{border-color:#1c5078;background:linear-gradient(150deg,#0d2947,#091e35)}
.branch-grid{gap:10px}.branch-card{border-color:#1d547f;border-radius:9px;background:linear-gradient(145deg,#0d2948,#0a213a)}.branch-card>summary:hover{background:#12385f}.branch-heading strong{color:#fff}.branch-card[open]>.branch-detail{border-color:#1d4e73}.branch-stats span{padding:7px;border-radius:7px;background:rgba(6,22,38,.45)}.branch-stats small{font-size:8px;color:#6d96b4}.branch-stats b{font-size:15px}.slide-bar{padding:11px 13px;background:#0b233c;border:1px solid #174c73;border-radius:9px}.calculation-note{padding:14px 18px;border:1px solid #174a70;border-radius:9px;background:#0a223a}.calculation-note summary{color:#7adfff}.identity{padding:13px;background:#082039;border-radius:9px}.identity b,.identity small{display:block}.identity small{margin-top:5px}.logout-form button{white-space:nowrap}
.login-body{display:grid;place-items:center;min-height:100vh;padding:20px}.noc-login{width:min(460px,100%);padding:35px;border:1px solid #1e5b88;border-radius:18px;background:linear-gradient(155deg,#0e3154,#081d33);box-shadow:0 28px 70px rgba(0,0,0,.35)}.noc-login .brand-mark{margin-bottom:18px}.noc-login h1{font-size:28px}.noc-login p{color:#9dc2da}.noc-login form{margin-top:23px}.noc-login label{margin:13px 0}.noc-login input{background:#07192b;border-color:#27628d}.noc-login button{width:100%;background:linear-gradient(90deg,#2ca6ff,#43efc2)}.login-error{padding:12px;border-radius:9px;background:#642d3b;color:#ffdbe3!important}
main:fullscreen{background:var(--bg)}main:fullscreen .topbar{display:none}
@media(min-width:1650px){.noc-shell{grid-template-columns:278px minmax(0,1fr)}.noc-main{padding:27px 36px}.command-grid{grid-auto-rows:minmax(245px,auto)}.aggregate-chart{height:275px}.aggregate-chart svg{height:230px}}
@media(max-width:1250px){.noc-shell{grid-template-columns:220px minmax(0,1fr)}.noc-main{padding:20px}.totals{grid-template-columns:repeat(3,minmax(0,1fr))}.health-card,.clients-card{grid-column:span 4}.trend-card{grid-column:span 8;grid-row:span 1}.attention-card{grid-column:span 8;grid-row:span 1}.clients-card{grid-column:span 4}.attention-list{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-row:nth-child(5){grid-column:1/-1}}
@media(max-width:900px){.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-card,.clients-card,.trend-card,.attention-card{grid-column:span 1;grid-row:span 1}.trend-card,.attention-card{grid-column:1/-1}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-state{border-left:0}.settings-grid{grid-template-columns:1fr}.network-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.noc-shell{display:block}.noc-sidebar{position:fixed;left:0;top:0;width:270px;transform:translateX(-105%);transition:transform .22s ease;box-shadow:25px 0 70px rgba(0,0,0,.55)}.noc-shell.menu-open .noc-sidebar{transform:translateX(0)}.noc-shell.menu-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:20}.noc-main{padding:15px 12px}.topbar{align-items:flex-start;gap:12px}.top-actions{justify-content:flex-start}.top-actions #live-clock{display:none}#mobile-menu{display:inline-block}.filters{grid-template-columns:1fr}.totals{grid-template-columns:repeat(2,minmax(0,1fr))}.command-grid{display:block}.command-card{margin-bottom:10px}.aggregate-chart{height:auto}.aggregate-chart svg{min-width:520px}.aggregate-chart{overflow-x:auto}.ring-layout{justify-content:flex-start}.network-actions{flex-wrap:wrap}.attention-list{grid-template-columns:1fr}.attention-row:nth-child(5){grid-column:auto}.branch-grid{grid-template-columns:1fr}.network-heading,.section-heading{margin-top:21px}}
@media(max-width:420px){.totals{grid-template-columns:1fr}.aggregate-kpis{grid-template-columns:1fr}.topbar h1{font-size:22px}.health-ring,.client-ring{width:112px;height:112px}.ring-layout{gap:13px}.noc-login{padding:26px 20px}}