:root{font-family:Inter,Arial,system-ui,sans-serif;color:#e9f0f5;background:#0a1017;font-size:16px;line-height:1.45;font-synthesis:none}
    *{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #66d5e6;outline-offset:2px}a{color:inherit}
    .shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}
    .sidebar{background:#0e151e;border-right:1px solid #25323f;padding:27px 17px;display:flex;flex-direction:column;gap:32px;position:sticky;top:0;height:100vh}
    .brand{display:flex;align-items:center;gap:11px;padding:0 10px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #4b6977;border-radius:11px;font-size:17px;font-weight:800;letter-spacing:-.14em;padding-right:4px;color:#e9f7fa}.brand b{font-size:19px;letter-spacing:-.04em}.brand small{display:block;font-size:12px;color:#8da2af;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
    .nav{display:grid;gap:4px}.nav button{border:0;background:transparent;color:#a9bbc7;text-align:left;padding:11px 13px;display:flex;align-items:center;gap:12px;width:100%;border-radius:10px;font-size:14px;font-weight:650}.nav button:hover{background:#17232e;color:#fff}.nav button[aria-current="page"]{background:#1a303a;color:#b9eff5}.nav svg{width:19px;height:19px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8}
    .sidebar-foot{margin-top:auto;border-top:1px solid #27333e;padding:18px 10px 0;color:#92a6b3;font-size:13px}.sidebar-foot strong{display:block;color:#e6f0f4;font-size:14px;margin:5px 0}.sidebar-foot .tiny{font-size:12px}
    main{min-width:0;padding:0 clamp(18px,3vw,48px) 55px;max-width:1770px;width:100%;margin:auto}
    .topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #263540}.crumb{color:#8ea5b4;font-size:14px}.crumb b{color:#eaf1f5;font-weight:650}.top-right{display:flex;gap:10px;align-items:center}.demo-pill{border:1px solid #38505a;color:#a7dfe6;background:#142a33;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:750;letter-spacing:.04em}.owner{display:flex;align-items:center;gap:9px;font-size:14px;color:#adbec8}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#2a3d49;color:#dbf8fb;font-weight:700}
    .page-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:33px 0 25px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#79bfca;font-weight:750}.page-head h1{font-size:clamp(25px,2.3vw,34px);line-height:1.12;letter-spacing:-.04em;margin:5px 0 5px}.muted{color:#95a8b5}.page-head p{margin:0;color:#a4b6c0;font-size:14px}.date{font-size:13px;color:#9caeba;white-space:nowrap}
    .banner{background:#12232e;border:1px solid #295160;border-radius:12px;padding:12px 16px;color:#c1dbe4;font-size:14px;display:flex;align-items:center;gap:11px;margin-bottom:23px}.banner strong{color:#f2fcff}.banner svg{width:17px;flex:none}
    .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.kpi,.panel,.server-card{background:#121c26;border:1px solid #293845;border-radius:14px}.kpi{padding:20px 21px;min-height:130px}.kpi .label{font-size:13px;color:#9fb2bf}.kpi .value{font-size:32px;font-weight:760;line-height:1;letter-spacing:-.045em;margin:14px 0 8px}.kpi .sub{color:#9cafba;font-size:13px}.kpi.alert .value{color:#f2ba72}
    .grid-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:18px}.stack{display:grid;gap:18px;align-content:start}.panel{min-width:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 21px;border-bottom:1px solid #263744}.panel-head h2{font-size:17px;letter-spacing:-.02em;margin:0}.panel-head p{font-size:13px;color:#95aab6;margin:3px 0 0}.link-button{border:0;background:none;color:#84d9e5;font-size:13px;font-weight:700;padding:4px;white-space:nowrap}.link-button:hover{text-decoration:underline}
    .status{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:670;white-space:nowrap}.status:before{content:"";width:7px;height:7px;background:currentColor;border-radius:50%}.status.ok{color:#74d5b7}.status.warn{color:#edbd75}.status.bad{color:#eb8e91}.status.neutral{color:#9db1be}
    .table-scroll{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#8198a7;font-weight:750;padding:12px 20px;background:#15212c;white-space:nowrap}.table td{padding:16px 20px;border-top:1px solid #263642;font-size:14px;color:#b7c8d2;white-space:nowrap}.table tr:first-child td{border-top:0}.table tbody tr:hover{background:#182734}.table strong{color:#e9f1f5;font-weight:650}.table .secondary{display:block;font-size:12px;color:#8195a2;margin-top:3px}.row-button{border:0;background:transparent;text-align:left;padding:0;color:#eaf4f7;font-weight:700}.row-button:hover{color:#85dbe6;text-decoration:underline}.right{text-align:right}
    .issue-list,.server-list{padding:3px 20px}.issue{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #263642}.issue:first-child{border-top:0}.issue strong{font-size:14px}.issue p{font-size:13px;color:#9eafba;margin:4px 0 0}.issue button{border:0;background:#1d313a;color:#9ee2eb;border-radius:7px;padding:7px 10px;height:max-content;font-size:12px;font-weight:700;white-space:nowrap}
    .server-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #263642}.server-row:first-child{border-top:0}.server-row strong{font-size:14px}.server-row small{display:block;color:#8ea5b3;font-size:12px;margin-top:2px}.capacity{font-size:12px;color:#9bafba;text-align:right}.meter{width:76px;height:5px;background:#263846;border-radius:4px;margin:6px 0 0 auto;overflow:hidden}.meter span{display:block;height:100%;background:#56bece;border-radius:4px}
    .toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search{position:relative;flex:1 1 260px}.search input,.select{width:100%;height:43px;background:#14212b;border:1px solid #314451;color:#eaf1f5;border-radius:9px;padding:0 13px;font-size:14px}.search input{padding-left:39px}.search input::placeholder{color:#8095a3}.search svg{position:absolute;left:13px;top:13px;width:17px;stroke:#869dab}.select{width:auto;min-width:145px;padding-right:30px}.ghost{background:#14212b;color:#a9bfca;border:1px solid #314451;border-radius:9px;padding:0 14px;font-size:14px;height:43px}.ghost:hover,.select:hover{border-color:#5a8390}.count{margin-left:auto;align-self:center;color:#8fa5b2;font-size:13px}.section-note{color:#9eb0bb;font-size:13px;margin:0 0 17px}
    .server-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.server-card{padding:21px}.server-card header{display:flex;justify-content:space-between;align-items:start;gap:8px}.server-card h2{font-size:19px;margin:0 0 3px}.server-card p{font-size:13px;color:#98adba;margin:0}.server-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px 9px;margin:27px 0}.server-stats span{font-size:12px;color:#8ba1ae;display:block}.server-stats b{font-size:18px;display:block;margin-top:3px}.server-card .bar{height:7px;border-radius:6px;background:#2b3d4a;overflow:hidden}.server-card .bar span{display:block;height:100%;background:#57c5d1}.server-card .bar.warn span{background:#eab16c}.server-card footer{font-size:12px;color:#94aab7;margin-top:13px}
    .tariffs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}.tariff{border:1px solid #304454;background:#14222d;border-radius:12px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:16px}.tariff b{font-size:15px}.tariff p{color:#9fb1bc;font-size:13px;margin:4px 0 0}.tariff .price{font-size:21px;white-space:nowrap;font-weight:750}.tariff .price small{font-size:12px;color:#97aab5;font-weight:500}
    .truth-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:18px;margin-bottom:27px}.truth-item{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:15px 21px;border-top:1px solid #273744}.truth-item:first-of-type{border-top:0}.truth-item strong{font-size:14px}.truth-item small{display:block;color:#91a7b4;font-size:13px;margin-top:4px}.tag{border:1px solid #40515d;border-radius:6px;padding:3px 7px;color:#bccbd2;font-size:12px;white-space:nowrap;font-weight:700}.tag.pending{border-color:#645641;color:#f0c78d}.tag.unknown{border-color:#3e5a68;color:#a8d9e1}.truth-summary{padding:19px 21px}.truth-summary strong{font-size:24px;letter-spacing:-.03em;display:block;margin:10px 0}.truth-summary p{font-size:14px;color:#a9bbc5;margin:0 0 16px}.truth-summary .link-button{padding:0}.section-label{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:6px 0 13px}.section-label h2{font-size:17px;letter-spacing:-.02em;margin:0}.section-label span{font-size:12px;color:#90a5b0}
    .report-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-head h2{margin:0;font-size:17px}.report-head small{color:#8fa6b4;font-size:12px}.report-head .ghost{height:34px}.source-row{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid #293b47}.source-row:first-of-type{margin-top:13px}.source-row b{display:block;font-size:14px}.source-row small{display:block;color:#93a9b5;margin-top:3px;font-size:13px}.source-row .tag{height:max-content}.report-value{font-size:24px;font-weight:750;letter-spacing:-.03em;margin:14px 0 3px}.report-note{font-size:13px;color:#9eb3bd}.report-empty{color:#b4c8d0;font-size:14px;margin-top:15px}
    .decision{border:1px solid #3a6370;background:linear-gradient(120deg,#172d38,#12212c);border-radius:14px;padding:22px;margin-bottom:17px}.decision h2{font-size:22px;letter-spacing:-.03em;margin:4px 0 9px}.decision p{color:#c2d3da;max-width:850px;margin:0;font-size:15px}.decision .foot{font-size:13px;color:#94b7c0;margin-top:15px}.decision a,.source-list a,.source-inline{color:#8fe0e9;text-decoration:underline;text-underline-offset:3px}
    .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:17px 0}.info-grid .panel{padding:20px 21px}.info-grid h2,.report-section h2{font-size:17px;letter-spacing:-.02em;margin:0 0 13px}.info-grid p{font-size:14px;color:#a9bac5;margin:0 0 10px}.info-grid p:last-child{margin-bottom:0}.info-grid ul,.report-section ol{padding-left:19px;margin:7px 0 0;color:#b7c8d1;font-size:14px}.info-grid li,.report-section li{margin:7px 0}.info-grid b{color:#edf6f8}.report-section{margin:17px 0;padding:21px}.report-section h3{font-size:14px;color:#ebf3f6;margin:16px 0 4px}.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}.flow div{border:1px solid #344e5b;background:#172833;border-radius:9px;padding:12px;font-size:13px;color:#c5d4db}.flow b{display:block;color:#7bd1df;font-size:12px;margin-bottom:5px}.source-list{font-size:12px;color:#91a8b4;display:flex;flex-wrap:wrap;gap:9px 16px;margin:18px 0}
    .price-table{width:100%;border-collapse:collapse;min-width:580px}.price-table th,.price-table td{padding:13px 17px;text-align:left;border-top:1px solid #2a3a47;font-size:14px}.price-table th{font-size:12px;color:#91a7b4;text-transform:uppercase;letter-spacing:.06em;background:#15212c}.price-table td{color:#b9cbd4}.price-table td:first-child{color:#edf4f6;font-weight:700}.price-table a{color:#91deea}.price-table .our{background:#1a3039}
    .calc{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:18px}.calc .panel{padding:21px}.calc h2{font-size:18px;margin:0 0 5px}.calc p{font-size:13px;color:#9db0bb;margin:0 0 16px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fields label{font-size:13px;color:#9fb4c0;display:grid;gap:5px}.fields input{width:100%;height:39px;background:#0d1821;border:1px solid #344d5b;border-radius:7px;color:#edf7f8;padding:0 10px}.result-main{border:1px solid #3a5b66;background:#162c36;border-radius:10px;padding:17px;margin:17px 0}.result-main span{font-size:13px;color:#a6c1c9}.result-main strong{display:block;font-size:31px;letter-spacing:-.04em;margin-top:4px}.result-rows{display:grid;gap:0}.result-rows div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #2c3e4b;padding:10px 0;font-size:14px}.result-rows div span{color:#a1b4c0}.result-rows b{color:#e5f2f4;text-align:right}.capacity-note{padding:11px 13px;border-radius:8px;border:1px solid #5d4e3a;color:#e5c18c;background:#2c281f;font-size:13px;margin-top:15px}.capacity-note.ok{border-color:#386157;color:#a6dbc8;background:#17312d}.smallprint{font-size:12px;color:#8ea4b0;margin-top:15px}
    .empty{padding:45px 20px;text-align:center;color:#9fb2bd;font-size:14px}.empty strong{display:block;color:#e6eef2;margin-bottom:5px;font-size:16px}.empty button{border:1px solid #405763;color:#bcf1f4;background:#1a3039;border-radius:8px;padding:8px 12px;margin-top:16px}
    .overlay{position:fixed;inset:0;background:#02080dc4;z-index:5;display:none}.overlay.open{display:block}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(520px,100%);background:#111d27;border-left:1px solid #3b5060;z-index:6;transform:translateX(100%);transition:transform .22s ease;overflow:auto;box-shadow:-20px 0 70px #0007}.drawer.open{transform:translateX(0)}.drawer-top{display:flex;justify-content:space-between;gap:12px;padding:22px 25px;border-bottom:1px solid #30404d}.drawer-top h2{margin:4px 0 3px;font-size:24px;letter-spacing:-.03em}.drawer-top p{margin:0;color:#96aebb;font-size:13px}.icon-btn{border:1px solid #405563;background:#1a2a36;border-radius:8px;color:#e5eef2;font-size:20px;width:34px;height:34px;line-height:1}.drawer-body{padding:24px 25px 38px}.drawer-status{display:flex;justify-content:space-between;gap:10px;border:1px solid #36505b;background:#172b35;border-radius:10px;padding:13px 15px;margin-bottom:24px;font-size:13px}.detail-title{font-size:12px;text-transform:uppercase;color:#8da6b4;letter-spacing:.09em;font-weight:750;margin:25px 0 11px}.details{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.details span{color:#8ca2ae;font-size:12px;display:block}.details strong{display:block;color:#e9f1f4;font-size:14px;margin-top:3px}.detail-item{border-top:1px solid #2e414f;padding:12px 0;display:flex;justify-content:space-between;gap:12px;font-size:14px}.detail-item small{display:block;color:#8ea3af;font-size:12px;margin-top:3px}.detail-item .status{font-size:12px}.demo-warning{margin-top:25px;color:#a8c5cd;font-size:13px;background:#182c35;border-left:3px solid #64bbca;padding:10px 12px}
    [hidden]{display:none!important}
    @media(max-width:1050px){.shell{grid-template-columns:70px minmax(0,1fr)}.sidebar{padding:25px 10px}.brand{padding:0 6px}.brand b,.brand small,.nav span,.sidebar-foot{display:none}.nav button{justify-content:center;padding:12px}.grid-main,.truth-grid,.calc{grid-template-columns:1fr}.server-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
    @media(max-width:700px){.shell{display:block}.sidebar{height:auto;position:sticky;z-index:4;top:0;display:flex;flex-direction:row;padding:10px 14px;gap:15px;border-right:0;border-bottom:1px solid #263641;align-items:center}.brand{padding:0}.brand-mark{height:32px;width:32px;font-size:15px}.nav{display:flex;overflow-x:auto;gap:3px;flex:1}.nav button{width:40px;min-width:40px;padding:10px}.topbar{min-height:60px}.owner span:not(.avatar){display:none}main{padding:0 16px 34px}.page-head{margin:24px 0 18px;align-items:start}.date{display:none}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi{padding:15px;min-height:112px}.kpi .value{font-size:27px}.kpi .sub{font-size:12px}.banner{align-items:start}.server-cards,.info-grid{grid-template-columns:1fr}.tariffs{grid-template-columns:1fr}.count{margin:4px 0 0}.toolbar .select{flex:1 1 125px}.toolbar .ghost{flex:0 0 auto}.drawer-top,.drawer-body{padding-left:18px;padding-right:18px}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.fields{grid-template-columns:1fr}.truth-item{padding:14px}}
    @media(prefers-reduced-motion:reduce){.drawer{transition:none}}
    .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
    .server-cards.current-servers{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}
    @media(max-width:700px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.server-cards.current-servers{grid-template-columns:1fr}}

/* Live owner cabinet: keep the approved visual system, without demo data. */
.brand{text-decoration:none;color:inherit}.brand:hover{color:#fff}.brand-mark{flex:none}
.nav a{color:#a9bbc7;text-decoration:none;text-align:left;padding:11px 13px;border-radius:10px;font-size:14px;font-weight:650}
.nav a:hover,.nav a:focus-visible{background:#1a303a;color:#b9eff5}
/* The owner navigation has text labels, so the icon-only 70px breakpoint
   above must not squeeze those labels over the dashboard content. */
@media (min-width:701px) and (max-width:1050px){
  .shell{grid-template-columns:190px minmax(0,1fr)}
  .sidebar{padding:25px 12px}
  .brand b,.brand small{display:block}
  .nav a{display:block;overflow-wrap:anywhere;padding:10px 11px}
}
.list>.row{overflow-wrap:anywhere}
.sidebar-foot a{display:block;color:#87d8e5;margin-top:10px}
.topbar a{color:#8bdbe7;text-decoration:none;font-size:13px}.topbar a:hover{text-decoration:underline}
.page-head button,.button,button.secondary{border:1px solid #426773;background:#1b3a46;color:#d8f8fc;border-radius:9px;padding:10px 15px;font-weight:700;text-decoration:none}
.page-head button:hover,.button:hover,button.secondary:hover{background:#254c59}
#status{font-size:13px;color:#a7bac4;margin:0 0 16px}
.two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:18px;margin-bottom:20px}
.panel{margin-bottom:18px}.panel-head .eyebrow{margin:0 0 4px}.panel-body{padding:17px 21px}.panel-body p{margin:0 0 10px;font-size:14px;color:#b4c7d0}
.panel-note{margin:0;padding:0 21px 18px;font-size:13px;color:#90a9b5}
.search{display:grid;gap:8px;margin:22px 0 18px;color:#a9bfca;font-size:13px}.search input{width:100%;height:43px;background:#14212b;border:1px solid #314451;color:#eaf1f5;border-radius:9px;padding:0 13px;font-size:14px}
.list{padding:2px 21px 14px}.list>.row{border-top:1px solid #293a46;padding:15px 0}.list>.row:first-child{border-top:0}.list>.row strong{display:block;color:#e9f1f5;margin-bottom:7px}.list>.row p{margin:4px 0;color:#9db2bf;font-size:13px}
.list>p{color:#99afbb;font-size:14px}.compact{color:#a8bbc5;font-size:13px}.compact input{accent-color:#65cfdb}
.metric{padding:20px 21px;min-height:128px;background:#121c26;border:1px solid #293845;border-radius:14px}.metric strong{display:block;font-size:30px;line-height:1.1;letter-spacing:-.04em;color:#eef8fa;margin-bottom:14px}.metric span{font-size:13px;color:#9fb2bf}
.badge{color:#74d5b7!important}.warning{color:#edbd75!important}.login-panel{padding:24px}.login-panel p{color:#b4c8d0}.login-panel a{color:#83d7e4}
.login-panel form{display:grid;gap:16px;max-width:360px;margin:20px 0}.login-panel label{display:grid;gap:6px;color:#b9cbd4;font-size:13px}.login-panel input{width:100%;height:43px;background:#0d1821;border:1px solid #344d5b;border-radius:8px;color:#edf7f8;padding:0 12px}.login-panel button,.owner-actions button{border:1px solid #426773;background:#1b3a46;color:#d8f8fc;border-radius:9px;padding:10px 15px;font-weight:700}.login-panel button:hover,.owner-actions button:hover{background:#254c59}.owner-actions{text-align:right;margin:-8px 0 14px}.owner-actions button{font-size:12px;padding:7px 11px}
html{scroll-behavior:smooth}section[id]{scroll-margin-top:22px}
@media(max-width:1050px){.two-col{grid-template-columns:1fr}}
@media(max-width:700px){.nav{overflow-x:auto}.nav a{white-space:nowrap;font-size:12px;padding:8px}.sidebar-foot{display:none}.page-head{align-items:start}.page-head button{flex:none}.two-col{grid-template-columns:1fr}.panel-head{align-items:start}.compact{font-size:12px}}
.invoice-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr) minmax(160px,.7fr) auto;align-items:end;gap:12px;margin:20px 0}
.invoice-form label{display:grid;gap:6px;font-size:13px;color:#a9bbc7;min-width:0}
.invoice-form input,.invoice-form select{width:100%;height:43px;background:#14212b;border:1px solid #314451;color:#eaf1f5;border-radius:9px;padding:0 12px}
.invoice-form button{height:43px;border:1px solid #426773;background:#1b3a46;color:#d8f8fc;border-radius:9px;padding:0 15px;font-weight:700}
.invoice-form button:disabled{opacity:.5;cursor:not-allowed}
#invoice-status{min-height:20px;color:#a7bac4}
#invoice-result{border:1px solid #345665;background:#152933;border-radius:12px;padding:16px;max-width:520px}
#invoice-qr{display:block;max-width:100%;height:auto;background:#fff;padding:8px;border-radius:8px}
#invoice-result small{color:#a7bbc7}
#invoice-pending{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@media(max-width:900px){.invoice-form{grid-template-columns:1fr 1fr}.invoice-form label:first-child{grid-column:1/-1}}
@media(max-width:600px){.invoice-form{grid-template-columns:1fr}.invoice-form label:first-child{grid-column:auto}}
#admin-device-form{padding:0 21px;grid-template-columns:minmax(180px,1.5fr) minmax(140px,1fr) minmax(120px,.7fr) minmax(150px,1fr) auto}
#admin-device-form label:first-child{grid-column:auto}
#admin-device-status{min-height:20px}
#device-list .row button{margin-top:9px}
@media(max-width:1100px){#admin-device-form{grid-template-columns:repeat(2,minmax(0,1fr))}#admin-device-form button{grid-column:1/-1}}
@media(max-width:600px){#admin-device-form{grid-template-columns:1fr}#admin-device-form button{grid-column:auto}}
.customer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.customer-actions button{font-size:13px}
.customer-grant{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 2px}
.customer-grant select,.customer-grant input{height:42px;background:#14212b;border:1px solid #314451;color:#eaf1f5;border-radius:9px;padding:0 11px;min-width:120px}
.customer-grant input[type=number]{width:135px}
.customer-grant input[name=reason]{flex:1 1 210px}
.customer-grant button{border:1px solid #426773;background:#1b3a46;color:#d8f8fc;border-radius:9px;padding:0 14px;font-weight:700}
.customer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;padding:0 21px 21px}
.customer-card{min-width:0;border:1px solid #314655;border-radius:14px;background:#15232e;overflow:hidden}
.customer-card[open]{grid-column:1/-1;border-color:#548392;background:#172936}
.customer-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 20px}
.customer-card summary::-webkit-details-marker{display:none}
.customer-card summary:focus-visible{outline:2px solid #8ad8e3;outline-offset:-3px}
.customer-identity{min-width:0}.customer-identity strong{display:block;font-size:16px;color:#eef8fa;overflow-wrap:anywhere}.customer-identity small{display:block;color:#9db4c0;margin-top:5px;overflow-wrap:anywhere}
.customer-badge{flex:none;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750;background:#483725;color:#f0c78d}.customer-badge.is-active{background:#183b34;color:#a2ebcf}
.customer-detail{border-top:1px solid #334955;padding:18px 20px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px}
.customer-detail p{margin:0;color:#b9ccd5;font-size:13px;overflow-wrap:anywhere}.customer-detail h3{grid-column:1/-1;margin:13px 0 2px;color:#e8f3f6;font-size:14px}
.customer-detail .customer-actions,.customer-detail .customer-grant{grid-column:1/-1}
.server-topology{padding:20px 21px 10px;display:grid;grid-template-columns:minmax(150px,.7fr) repeat(2,minmax(180px,1fr));gap:14px;align-items:stretch}
.topology-center,.topology-node{border:1px solid #34505e;border-radius:12px;background:#172a35;padding:17px;min-width:0}
.topology-center{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#1b4250,#172b36)}
.topology-center strong{color:#eafafe;font-size:19px}.topology-center small,.topology-node small{color:#9fb6c0;margin-top:7px}
.topology-node{position:relative}.topology-node:before{content:"";position:absolute;left:-14px;top:50%;width:14px;border-top:1px solid #527987}
.topology-node-head{display:flex;align-items:center;gap:9px}.topology-node-head span{border-radius:6px;padding:4px 6px;background:#254554;color:#a7e8ee;font-size:11px;font-weight:800}.topology-node-head strong{color:#e6f3f6;font-size:14px}
.topology-node p{font-size:12px;color:#b0c3cd;margin:12px 0 4px}.topology-node.is-current{border-color:#3c796d}.topology-node.is-unknown{border-color:#755c43}
@media(max-width:900px){.server-topology{grid-template-columns:1fr 1fr}.topology-center{grid-column:1/-1}.topology-node:before{display:none}}
@media(max-width:600px){.customer-detail,.server-topology{grid-template-columns:1fr}.topology-center{grid-column:auto}.customer-card[open]{grid-column:auto}}
.router-card{min-width:0;border:1px solid #314655;border-radius:14px;background:#15232e;padding:18px 20px}
.router-card>strong{display:block;color:#edf8fa;font-size:16px}.router-card>p{color:#9fb5c0;font-size:13px;overflow-wrap:anywhere}
.router-signals{display:grid;gap:7px;margin:16px 0}.router-signals span{display:block;border:1px solid #654f38;color:#ebc493;background:#2a261f;border-radius:8px;padding:9px 11px;font-size:12px}
.router-domain-form{display:grid;gap:9px}.router-domain-form label{display:grid;gap:6px;color:#a8bbc5;font-size:12px}.router-domain-form input{width:100%;height:40px;background:#0e1a23;border:1px solid #38505d;border-radius:8px;color:#eaf5f7;padding:0 11px}.router-domain-form button{justify-self:start;border:1px solid #426773;background:#1b3a46;color:#d8f8fc;border-radius:8px;padding:8px 12px;font-weight:700}
  

.customer-extras{display:grid;gap:12px;padding:16px;border-top:1px solid #304454}.customer-extras select{max-width:100%;min-height:42px}.customer-extras p{font-size:13px;color:#a9bbc7}
.router-card>small{display:block;margin:12px 0 18px;color:#a9bbc7;line-height:1.5}

/* Section navigation keeps global counters and mounted forms in place. */
.nav a[aria-current="page"]{background:#1c3540;color:#c9f3f7;box-shadow:inset 3px 0 #6dd2df}
.nav a{display:block;overflow-wrap:break-word}
.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric{min-height:110px;padding:17px 19px}.metric strong{font-size:27px;margin-bottom:10px}
.overview-links{padding:0 21px 21px;display:flex;flex-wrap:wrap;gap:10px}
[data-admin-panel]{scroll-margin-top:0}
.list-toolbar{padding:17px 21px 14px;display:grid;grid-template-columns:minmax(200px,1fr) minmax(170px,.35fr) minmax(115px,.2fr);align-items:end;gap:12px;border-bottom:1px solid #263744}
.list-toolbar label{display:grid;gap:6px;min-width:0;font-size:12px;font-weight:650;color:#aebfc9}
.list-toolbar input,.list-toolbar select{width:100%;height:43px;background:#0d1923;border:1px solid #38505e;border-radius:9px;padding:0 12px;color:#edf7f8;font-size:14px;min-width:0}
.list-toolbar input::placeholder{color:#829ba9}.list-toolbar select{padding-right:28px}
.list-toolbar .list-search{min-width:0}.server-toolbar{grid-template-columns:minmax(200px,1fr) auto}
.server-toolbar button{height:43px}
.list-meta{padding:11px 21px 16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;color:#a8bdc8;min-height:42px}
.list-meta [role="status"]{color:#d5c299}
.list-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;padding:14px 21px 20px;border-top:1px solid #263744}
.list-pagination span{font-size:13px;color:#a6bac6}.list-pagination button{font-size:13px;min-height:40px}
.list-pagination{justify-content:flex-start;padding-top:10px;padding-bottom:16px;border-top:0;border-bottom:1px solid #263744;margin-bottom:14px;gap:12px}
.page-jump{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:#a6bac6}
.page-jump input{width:78px;height:40px;border:1px solid #38505e;background:#0d1923;border-radius:8px;padding:0 10px;color:#edf7f8}
.page-jump input:disabled{opacity:.45}
.owner-actions{display:flex;align-items:end;justify-content:space-between;gap:18px;text-align:left}
.owner-quick-search{display:flex;align-items:end;gap:8px;max-width:600px;flex:1;min-width:0}
.owner-quick-search label{display:grid;gap:5px;font-size:12px;color:#aebfc9;flex:1;min-width:0}
.owner-quick-search input{width:100%;min-width:0;height:40px;border:1px solid #38505e;background:#0d1923;border-radius:8px;padding:0 12px;color:#edf7f8;font-size:14px}
.owner-quick-search input::placeholder{color:#829ba9}
.owner-actions .owner-quick-search button{height:40px}
@media(max-width:600px){.owner-actions{flex-wrap:wrap;gap:10px}.owner-quick-search{flex-basis:100%}.owner-actions>button{margin-left:auto}}
@media(max-width:600px){.page-jump{margin-left:0}.list-pagination{gap:10px}.list-pagination>span{min-width:110px}}
button:disabled{cursor:not-allowed;opacity:.45}.list[aria-busy="true"],.customer-grid[aria-busy="true"]{opacity:.5}
.server-topology{grid-template-columns:repeat(2,minmax(0,1fr))}
.topology-node:before{display:none}.topology-node>small{display:block}.topology-node>button{margin-top:14px;font-size:12px}
#invoice-pending{display:block;flex-wrap:unset;gap:unset;margin:0}
#invoice-pending>.row button{margin-top:8px}
.section-create>summary{cursor:pointer;color:#c9edf2;font-size:14px;font-weight:700;padding:17px 21px;list-style-position:inside}
.section-create[open]>summary{border-bottom:1px solid #304653}
@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.list-toolbar{grid-template-columns:minmax(180px,1fr) minmax(160px,.6fr)}.list-toolbar .list-search{grid-column:1/-1}.list-toolbar label:last-child{max-width:170px}.server-toolbar{grid-template-columns:minmax(200px,1fr) auto}.server-toolbar .list-search{grid-column:auto}}
@media(max-width:700px){.sidebar{align-items:start;gap:10px}.nav{min-width:0}.nav a{white-space:nowrap;flex:none;padding:8px 11px}.nav a[aria-current="page"]{box-shadow:inset 0 -2px #6dd2df}.list-toolbar{padding:15px 16px}.list-meta{padding-left:16px;padding-right:16px}.server-toolbar{grid-template-columns:1fr}.server-toolbar .list-search{grid-column:1/-1}.server-toolbar button{justify-self:start}.server-topology{grid-template-columns:1fr}.page-head{align-items:center}.page-head h1{font-size:27px}.metric{padding:15px;min-height:102px}.metric strong{font-size:24px}.overview-links{padding-left:16px;padding-right:16px}}
@media(max-width:420px){.list-toolbar{grid-template-columns:1fr}.list-toolbar .list-search{grid-column:auto}.list-toolbar label:last-child{max-width:none}.list-pagination{gap:10px}.list-pagination button{padding:9px 11px}.page-head button{padding:9px 11px}}