:root{font-family:Inter,Arial,system-ui,sans-serif;color:#c3c3c3;background:#101010;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 #c3c3c3;outline-offset:2px}a{color:inherit}
    .shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}
    .sidebar{background:#1f1f1f;border-right:1px solid #3f3f3f;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 #3f3f3f;border-radius:11px;font-size:17px;font-weight:800;letter-spacing:-.14em;padding-right:4px;color:#c3c3c3}.brand b{font-size:19px;letter-spacing:-.04em}.brand small{display:block;font-size:12px;color:#aeaeae;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
    .nav{display:grid;gap:4px}.nav button{border:0;background:transparent;color:#aeaeae;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:#1f1f1f;color:#f6f5f2}.nav button[aria-current="page"]{background:#1f1f1f;color:#c3c3c3}.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 #3f3f3f;padding:18px 10px 0;color:#aeaeae;font-size:13px}.sidebar-foot strong{display:block;color:#c3c3c3;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 #3f3f3f}.crumb{color:#aeaeae;font-size:14px}.crumb b{color:#c3c3c3;font-weight:650}.top-right{display:flex;gap:10px;align-items:center}.demo-pill{border:1px solid #3f3f3f;color:#c3c3c3;background:#1f1f1f;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:#aeaeae}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#1f1f1f;color:#c3c3c3;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:#c3c3c3;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:#aeaeae}.page-head p{margin:0;color:#aeaeae;font-size:14px}.date{font-size:13px;color:#aeaeae;white-space:nowrap}
    .banner{background:#1f1f1f;border:1px solid #3f3f3f;border-radius:12px;padding:12px 16px;color:#c3c3c3;font-size:14px;display:flex;align-items:center;gap:11px;margin-bottom:23px}.banner strong{color:#c3c3c3}.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:#1f1f1f;border:1px solid #3f3f3f;border-radius:14px}.kpi{padding:20px 21px;min-height:130px}.kpi .label{font-size:13px;color:#aeaeae}.kpi .value{font-size:32px;font-weight:760;line-height:1;letter-spacing:-.045em;margin:14px 0 8px}.kpi .sub{color:#aeaeae;font-size:13px}.kpi.alert .value{color:#c1c1c1}
    .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 #3f3f3f}.panel-head h2{font-size:17px;letter-spacing:-.02em;margin:0}.panel-head p{font-size:13px;color:#aeaeae;margin:3px 0 0}.link-button{border:0;background:none;color:#c3c3c3;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:#c3c3c3}.status.warn{color:#c2c2c2}.status.bad{color:#a2a2a2}.status.neutral{color:#aeaeae}
    .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:#aeaeae;font-weight:750;padding:12px 20px;background:#1f1f1f;white-space:nowrap}.table td{padding:16px 20px;border-top:1px solid #3f3f3f;font-size:14px;color:#aeaeae;white-space:nowrap}.table tr:first-child td{border-top:0}.table tbody tr:hover{background:#1f1f1f}.table strong{color:#c3c3c3;font-weight:650}.table .secondary{display:block;font-size:12px;color:#aeaeae;margin-top:3px}.row-button{border:0;background:transparent;text-align:left;padding:0;color:#c3c3c3;font-weight:700}.row-button:hover{color:#c3c3c3;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 #3f3f3f}.issue:first-child{border-top:0}.issue strong{font-size:14px}.issue p{font-size:13px;color:#aeaeae;margin:4px 0 0}.issue button{border:0;background:#1f1f1f;color:#c3c3c3;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 #3f3f3f}.server-row:first-child{border-top:0}.server-row strong{font-size:14px}.server-row small{display:block;color:#aeaeae;font-size:12px;margin-top:2px}.capacity{font-size:12px;color:#aeaeae;text-align:right}.meter{width:76px;height:5px;background:#1f1f1f;border-radius:4px;margin:6px 0 0 auto;overflow:hidden}.meter span{display:block;height:100%;background:#323232;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:#1f1f1f;border:1px solid #3f3f3f;color:#c3c3c3;border-radius:9px;padding:0 13px;font-size:14px}.search input{padding-left:39px}.search input::placeholder{color:#aeaeae}.search svg{position:absolute;left:13px;top:13px;width:17px;stroke:#aeaeae}.select{width:auto;min-width:145px;padding-right:30px}.ghost{background:#1f1f1f;color:#aeaeae;border:1px solid #3f3f3f;border-radius:9px;padding:0 14px;font-size:14px;height:43px}.ghost:hover,.select:hover{border-color:#3f3f3f}.count{margin-left:auto;align-self:center;color:#aeaeae;font-size:13px}.section-note{color:#aeaeae;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:#aeaeae;margin:0}.server-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px 9px;margin:27px 0}.server-stats span{font-size:12px;color:#aeaeae;display:block}.server-stats b{font-size:18px;display:block;margin-top:3px}.server-card .bar{height:7px;border-radius:6px;background:#1f1f1f;overflow:hidden}.server-card .bar span{display:block;height:100%;background:#323232}.server-card .bar.warn span{background:#b8b8b8}.server-card footer{font-size:12px;color:#aeaeae;margin-top:13px}
    .tariffs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}.tariff{border:1px solid #3f3f3f;background:#1f1f1f;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:#aeaeae;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:#aeaeae;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 #3f3f3f}.truth-item:first-of-type{border-top:0}.truth-item strong{font-size:14px}.truth-item small{display:block;color:#aeaeae;font-size:13px;margin-top:4px}.tag{border:1px solid #3f3f3f;border-radius:6px;padding:3px 7px;color:#aeaeae;font-size:12px;white-space:nowrap;font-weight:700}.tag.pending{border-color:#575757;color:#cccccc}.tag.unknown{border-color:#3f3f3f;color:#c3c3c3}.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:#aeaeae;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:#aeaeae}
    .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:#aeaeae;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 #3f3f3f}.source-row:first-of-type{margin-top:13px}.source-row b{display:block;font-size:14px}.source-row small{display:block;color:#aeaeae;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:#aeaeae}.report-empty{color:#aeaeae;font-size:14px;margin-top:15px}
    .decision{border:1px solid #3f3f3f;background:linear-gradient(120deg,#1f1f1f,#1f1f1f);border-radius:14px;padding:22px;margin-bottom:17px}.decision h2{font-size:22px;letter-spacing:-.03em;margin:4px 0 9px}.decision p{color:#aeaeae;max-width:850px;margin:0;font-size:15px}.decision .foot{font-size:13px;color:#aeaeae;margin-top:15px}.decision a,.source-list a,.source-inline{color:#c3c3c3;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:#aeaeae;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:#aeaeae;font-size:14px}.info-grid li,.report-section li{margin:7px 0}.info-grid b{color:#c3c3c3}.report-section{margin:17px 0;padding:21px}.report-section h3{font-size:14px;color:#c3c3c3;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 #3f3f3f;background:#1f1f1f;border-radius:9px;padding:12px;font-size:13px;color:#aeaeae}.flow b{display:block;color:#c3c3c3;font-size:12px;margin-bottom:5px}.source-list{font-size:12px;color:#aeaeae;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 #3f3f3f;font-size:14px}.price-table th{font-size:12px;color:#aeaeae;text-transform:uppercase;letter-spacing:.06em;background:#1f1f1f}.price-table td{color:#aeaeae}.price-table td:first-child{color:#c3c3c3;font-weight:700}.price-table a{color:#c3c3c3}.price-table .our{background:#1f1f1f}
    .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:#aeaeae;margin:0 0 16px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fields label{font-size:13px;color:#aeaeae;display:grid;gap:5px}.fields input{width:100%;height:39px;background:#1f1f1f;border:1px solid #3f3f3f;border-radius:7px;color:#c3c3c3;padding:0 10px}.result-main{border:1px solid #3f3f3f;background:#1f1f1f;border-radius:10px;padding:17px;margin:17px 0}.result-main span{font-size:13px;color:#aeaeae}.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 #3f3f3f;padding:10px 0;font-size:14px}.result-rows div span{color:#aeaeae}.result-rows b{color:#c3c3c3;text-align:right}.capacity-note{padding:11px 13px;border-radius:8px;border:1px solid #505050;color:#c5c5c5;background:#1f1f1f;font-size:13px;margin-top:15px}.capacity-note.ok{border-color:#3f3f3f;color:#c3c3c3;background:#1f1f1f}.smallprint{font-size:12px;color:#aeaeae;margin-top:15px}
    .empty{padding:45px 20px;text-align:center;color:#aeaeae;font-size:14px}.empty strong{display:block;color:#f6f5f2;margin-bottom:5px;font-size:16px}.empty button{border:1px solid #3f3f3f;color:#c3c3c3;background:#1f1f1f;border-radius:8px;padding:8px 12px;margin-top:16px}
    .overlay{position:fixed;inset:0;background:#070707c4;z-index:5;display:none}.overlay.open{display:block}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(520px,100%);background:#1f1f1f;border-left:1px solid #3f3f3f;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 #3f3f3f}.drawer-top h2{margin:4px 0 3px;font-size:24px;letter-spacing:-.03em}.drawer-top p{margin:0;color:#aeaeae;font-size:13px}.icon-btn{border:1px solid #3f3f3f;background:#1f1f1f;border-radius:8px;color:#c3c3c3;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 #3f3f3f;background:#1f1f1f;border-radius:10px;padding:13px 15px;margin-bottom:24px;font-size:13px}.detail-title{font-size:12px;text-transform:uppercase;color:#aeaeae;letter-spacing:.09em;font-weight:750;margin:25px 0 11px}.details{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.details span{color:#aeaeae;font-size:12px;display:block}.details strong{display:block;color:#c3c3c3;font-size:14px;margin-top:3px}.detail-item{border-top:1px solid #3f3f3f;padding:12px 0;display:flex;justify-content:space-between;gap:12px;font-size:14px}.detail-item small{display:block;color:#aeaeae;font-size:12px;margin-top:3px}.detail-item .status{font-size:12px}.demo-warning{margin-top:25px;color:#aeaeae;font-size:13px;background:#1f1f1f;border-left:3px solid #c3c3c3;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 #3f3f3f;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:#f6f5f2}.brand-mark{flex:none}
.nav a{color:#aeaeae;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:#1f1f1f;color:#c3c3c3}
/* 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:#c3c3c3;margin-top:10px}
.topbar a{color:#c3c3c3;text-decoration:none;font-size:13px}.topbar a:hover{text-decoration:underline}
.page-head button,.button,button.secondary{border:1px solid #3f3f3f;background:#1f1f1f;color:#c3c3c3;border-radius:9px;padding:10px 15px;font-weight:700;text-decoration:none}
.page-head button:hover,.button:hover,button.secondary:hover{background:#1f1f1f}
#status{font-size:13px;color:#aeaeae;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:#aeaeae}
.panel-note{margin:0;padding:0 21px 18px;font-size:13px;color:#aeaeae}
.search{display:grid;gap:8px;margin:22px 0 18px;color:#aeaeae;font-size:13px}.search input{width:100%;height:43px;background:#1f1f1f;border:1px solid #3f3f3f;color:#c3c3c3;border-radius:9px;padding:0 13px;font-size:14px}
.list{padding:2px 21px 14px}.list>.row{border-top:1px solid #3f3f3f;padding:15px 0}.list>.row:first-child{border-top:0}.list>.row strong{display:block;color:#c3c3c3;margin-bottom:7px}.list>.row p{margin:4px 0;color:#aeaeae;font-size:13px}
.list>p{color:#aeaeae;font-size:14px}.compact{color:#aeaeae;font-size:13px}.compact input{accent-color:#c3c3c3}
.metric{padding:20px 21px;min-height:128px;background:#1f1f1f;border:1px solid #3f3f3f;border-radius:14px}.metric strong{display:block;font-size:30px;line-height:1.1;letter-spacing:-.04em;color:#c3c3c3;margin-bottom:14px}.metric span{font-size:13px;color:#aeaeae}
.badge{color:#c3c3c3!important}.warning{color:#c2c2c2!important}.login-panel{padding:24px}.login-panel p{color:#aeaeae}.login-panel a{color:#c3c3c3}
.login-panel form{display:grid;gap:16px;max-width:360px;margin:20px 0}.login-panel label{display:grid;gap:6px;color:#aeaeae;font-size:13px}.login-panel input{width:100%;height:43px;background:#1f1f1f;border:1px solid #3f3f3f;border-radius:8px;color:#c3c3c3;padding:0 12px}.login-panel button,.owner-actions button{border:1px solid #3f3f3f;background:#1f1f1f;color:#c3c3c3;border-radius:9px;padding:10px 15px;font-weight:700}.login-panel button:hover,.owner-actions button:hover{background:#1f1f1f}.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:#aeaeae;min-width:0}
.invoice-form input,.invoice-form select{width:100%;height:43px;background:#1f1f1f;border:1px solid #3f3f3f;color:#c3c3c3;border-radius:9px;padding:0 12px}
.invoice-form button{height:43px;border:1px solid #3f3f3f;background:#1f1f1f;color:#c3c3c3;border-radius:9px;padding:0 15px;font-weight:700}
.invoice-form button:disabled{opacity:.5;cursor:not-allowed}
#invoice-status{min-height:20px;color:#aeaeae}
#invoice-result{border:1px solid #3f3f3f;background:#1f1f1f;border-radius:12px;padding:16px;max-width:520px}
#invoice-qr{display:block;max-width:100%;height:auto;background:#1f1f1f;padding:8px;border-radius:8px}
#invoice-result small{color:#aeaeae}
#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:#1f1f1f;border:1px solid #3f3f3f;color:#c3c3c3;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 #3f3f3f;background:#1f1f1f;color:#c3c3c3;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 #3f3f3f;border-radius:14px;background:#1f1f1f;overflow:hidden}
.customer-card[open]{grid-column:1/-1;border-color:#3f3f3f;background:#1f1f1f}
.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 #c3c3c3;outline-offset:-3px}
.customer-identity{min-width:0}.customer-identity strong{display:block;font-size:16px;color:#c3c3c3;overflow-wrap:anywhere}.customer-identity small{display:block;color:#aeaeae;margin-top:5px;overflow-wrap:anywhere}
.customer-badge{flex:none;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750;background:#393939;color:#cccccc}.customer-badge.is-active{background:#1f1f1f;color:#c3c3c3}
.customer-detail{border-top:1px solid #3f3f3f;padding:18px 20px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px}
.customer-detail p{margin:0;color:#aeaeae;font-size:13px;overflow-wrap:anywhere}.customer-detail h3{grid-column:1/-1;margin:13px 0 2px;color:#c3c3c3;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 #3f3f3f;border-radius:12px;background:#1f1f1f;padding:17px;min-width:0}
.topology-center{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#1f1f1f,#1f1f1f)}
.topology-center strong{color:#c3c3c3;font-size:19px}.topology-center small,.topology-node small{color:#aeaeae;margin-top:7px}
.topology-node{position:relative}.topology-node:before{content:"";position:absolute;left:-14px;top:50%;width:14px;border-top:1px solid #3f3f3f}
.topology-node-head{display:flex;align-items:center;gap:9px}.topology-node-head span{border-radius:6px;padding:4px 6px;background:#1f1f1f;color:#c3c3c3;font-size:11px;font-weight:800}.topology-node-head strong{color:#c3c3c3;font-size:14px}
.topology-node p{font-size:12px;color:#aeaeae;margin:12px 0 4px}.topology-node.is-current{border-color:#c3c3c3}.topology-node.is-unknown{border-color:#606060}
@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 #3f3f3f;border-radius:14px;background:#1f1f1f;padding:18px 20px}
.router-card>strong{display:block;color:#c3c3c3;font-size:16px}.router-card>p{color:#aeaeae;font-size:13px;overflow-wrap:anywhere}
.router-signals{display:grid;gap:7px;margin:16px 0}.router-signals span{display:block;border:1px solid #525252;color:#c9c9c9;background:#1f1f1f;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:#aeaeae;font-size:12px}.router-domain-form input{width:100%;height:40px;background:#1f1f1f;border:1px solid #3f3f3f;border-radius:8px;color:#c3c3c3;padding:0 11px}.router-domain-form button{justify-self:start;border:1px solid #3f3f3f;background:#1f1f1f;color:#c3c3c3;border-radius:8px;padding:8px 12px;font-weight:700}
  

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

/* Section navigation keeps global counters and mounted forms in place. */
.nav a[aria-current="page"]{background:#1f1f1f;color:#c3c3c3;box-shadow:inset 3px 0 #00000040}
.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 #3f3f3f}
.list-toolbar label{display:grid;gap:6px;min-width:0;font-size:12px;font-weight:650;color:#aeaeae}
.list-toolbar input,.list-toolbar select{width:100%;height:43px;background:#1f1f1f;border:1px solid #3f3f3f;border-radius:9px;padding:0 12px;color:#c3c3c3;font-size:14px;min-width:0}
.list-toolbar input::placeholder{color:#aeaeae}.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:#aeaeae;min-height:42px}
.list-meta [role="status"]{color:#c3c3c3}
.list-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;padding:14px 21px 20px;border-top:1px solid #3f3f3f}
.list-pagination span{font-size:13px;color:#aeaeae}.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 #3f3f3f;margin-bottom:14px;gap:12px}
.page-jump{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:#aeaeae}
.page-jump input{width:78px;height:40px;border:1px solid #3f3f3f;background:#1f1f1f;border-radius:8px;padding:0 10px;color:#c3c3c3}
.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:#aeaeae;flex:1;min-width:0}
.owner-quick-search input{width:100%;min-width:0;height:40px;border:1px solid #3f3f3f;background:#1f1f1f;border-radius:8px;padding:0 12px;color:#c3c3c3;font-size:14px}
.owner-quick-search input::placeholder{color:#aeaeae}
.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:#c3c3c3;font-size:14px;font-weight:700;padding:17px 21px;list-style-position:inside}
.section-create[open]>summary{border-bottom:1px solid #3f3f3f}
@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 #00000040}.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}}

/* PrimeLan approved identity: Graphite + Mint, 12 October 2026. */
:root{color-scheme:dark;--bg:#101010;--paper:#101010;--panel:#1f1f1f;--accent:#c3c3c3;--green:#c3c3c3;--text:#f6f5f2;--ink:#f6f5f2;--muted:#aeaeae;--line:#3f3f3f;--pl-pine:#1f1f1f;--pl-deep:#101010;--pl-lime:#c3c3c3;--pl-mist:#101010;--pl-ink:#f6f5f2;--pl-muted:#aeaeae;--pl-line:#3f3f3f;--pl-shadow:0 18px 48px #0005,0 2px 4px #0003;--pl-raised:0 5px 0 #6f6f6f,0 12px 28px #0005}
body{background-color:#101010;color:#f6f5f2}input,select,textarea{color-scheme:dark;accent-color:#c3c3c3}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#101010;color:#f6f5f2;border-color:#3f3f3f}
.auth-page{background:#1f1f1f;color:#f6f5f2;border-color:#3f3f3f}.trial-note{background:#323232;color:#f6f5f2;border-color:#595959}.trial-note p{color:#d1d1d1}
:focus-visible{outline-color:#c3c3c3}::selection{background:#c3c3c3;color:#101010}
button.primary,.button.primary,button:not(.secondary):not(.light):not(.danger):not(.link-button):not(.icon-button),.button:not(.secondary):not(.light):not(.danger){color:#101010;background:linear-gradient(145deg,#d7d7d7,#c3c3c3);border-color:#c3c3c3}
button.secondary,.button.secondary,button.light,.button.light{background:#1f1f1f;color:#f6f5f2;border-color:#3f3f3f}
button:disabled,.button[aria-disabled=true]{opacity:.55}input::placeholder,textarea::placeholder{color:#aeaeae;opacity:1}