:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172026;background:#f5f7f8}*{box-sizing:border-box}body{margin:0}.login{min-height:100vh;display:grid;place-items:center;background:#122126}.login form{width:min(380px,calc(100vw - 32px));background:white;border:1px solid #d9e0e3;border-radius:8px;padding:28px;box-shadow:0 18px 50px #0b171b22}.brand{font-weight:800;font-size:24px;margin:0 0 6px}.muted{color:#627078;font-size:13px}.field{display:grid;gap:6px;margin-top:16px}.field input{height:42px;border:1px solid #cbd5da;border-radius:6px;padding:0 12px;font:inherit}button{height:38px;border:0;border-radius:6px;background:#126e82;color:white;font-weight:700;padding:0 14px;cursor:pointer}button.secondary{background:#e6ecef;color:#172026}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#15252b;color:white;padding:18px}.side h1{font-size:18px;margin:0 0 20px}.nav{display:grid;gap:4px}.nav button{background:transparent;text-align:left;color:#dce7ea;font-weight:600}.nav button.active{background:#243940}.main{padding:24px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.card,.panel{background:white;border:1px solid #dce3e6;border-radius:8px;padding:16px}.metric{font-size:28px;font-weight:800}.table{width:100%;border-collapse:collapse;background:white;border:1px solid #dce3e6;border-radius:8px;overflow:hidden}.table th,.table td{padding:10px;border-bottom:1px solid #edf1f3;text-align:left;font-size:13px}.table th{color:#596970;background:#f8fafb}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}.toolbar input,.toolbar select{height:36px;border:1px solid #cbd5da;border-radius:6px;padding:0 10px}.status{display:inline-flex;border-radius:999px;padding:3px 8px;background:#edf1f3}.status.active,.status.healthy,.status.approved{background:#dff4e8;color:#0f6b39}.status.failed,.status.unhealthy{background:#ffe1df;color:#9c2118}.status.suspended{background:#fff0c2;color:#805b00}@media(max-width:760px){.shell{grid-template-columns:1fr}.side{position:static}.nav{grid-template-columns:repeat(2,1fr)}.main{padding:16px}}.open-instance{display:inline-block;background:#b91c1c;color:#fff;text-decoration:none;padding:9px 14px;border-radius:8px;font-weight:700}.open-instance:hover{background:#991b1b}
:root{--pb-red:#e11120;--pb-red-dark:#8f0713;--pb-black:#090c10;--pb-steel:#222a33;--pb-silver:#b7c0c9}
.side{background:linear-gradient(180deg,#07090c 0%,#151b22 58%,#080a0d 100%);border-right:1px solid #343d47}.side-logo{width:190px;max-height:92px;object-fit:contain;margin:0 auto 6px;display:block}.side h1{text-align:center;color:#fff;font-size:15px;letter-spacing:.08em}.nav button.active,.nav button:hover{background:linear-gradient(135deg,var(--pb-red),var(--pb-red-dark));color:#fff;box-shadow:0 8px 22px #e1112033}.main{background:radial-gradient(circle at 92% 2%,#e111200d,transparent 30%),#f4f6f8}.top h2{color:#121820}.card{border-top:3px solid var(--pb-red);box-shadow:0 10px 26px #1118270d}.metric{color:#111820}.login{background:radial-gradient(circle at 50% 20%,#e1112033,transparent 35%),linear-gradient(145deg,#050608,#151a20)}.login form{background:#fff;border-top:4px solid var(--pb-red);box-shadow:0 30px 80px #0009}.login-logo{display:block;width:min(330px,90%);height:120px;object-fit:contain;margin:0 auto 8px}.brand{color:#111820}
.mini{height:31px;padding:0 9px}.modal{position:fixed;inset:0;background:#05070abb;display:grid;place-items:center;z-index:20}.modal.hidden{display:none}.modal-card{width:min(560px,calc(100vw - 28px));background:#fff;border-radius:14px;border-top:5px solid var(--pb-red);padding:22px;box-shadow:0 30px 90px #0008;display:grid;gap:13px}.modal-card label{display:grid;gap:5px;font-size:13px;font-weight:700}.modal-card input,.modal-card textarea{border:1px solid #cbd5da;border-radius:7px;padding:10px;font:inherit}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}

.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:18px;margin-top:22px}.chart-card{background:#fff;border:1px solid #dfe5ea;border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.chart-card h3{margin:0 0 18px;color:#111827}.chart-bars{display:grid;gap:12px}.chart-row{display:grid;grid-template-columns:130px 1fr 42px;align-items:center;gap:10px;font-size:13px}.chart-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-track{height:12px;background:#eef2f5;border-radius:999px;overflow:hidden}.chart-track i{display:block;height:100%;background:linear-gradient(90deg,#b90820,#ed1c24);border-radius:999px}.chart-row b{text-align:right}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-kpi{padding:12px;border:1px solid #e1e6ea;border-radius:10px}.detail-kpi small{display:block;color:#667085;margin-bottom:5px}.detail-lists{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media(max-width:900px){.charts-grid,.detail-lists{grid-template-columns:1fr}.chart-row{grid-template-columns:100px 1fr 34px}.detail-grid{grid-template-columns:1fr}}
.server-hero{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #dfe5ea;border-radius:14px;padding:20px;margin-bottom:18px}.server-hero h3{margin:0 0 6px}.server-hero p{margin:0;color:#667085}.capacity-grid{display:grid;gap:14px;background:#fff;border:1px solid #dfe5ea;border-radius:14px;padding:20px;margin-bottom:18px}.capacity-row{display:grid;grid-template-columns:100px 1fr 70px;gap:12px;align-items:center}.capacity-track{height:14px;background:#eef2f5;border-radius:999px;overflow:hidden}.capacity-track i{display:block;height:100%;background:linear-gradient(90deg,#b90820,#ed1c24);border-radius:999px}.server-limits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#fff;border:1px solid #dfe5ea;border-radius:14px;padding:18px;margin-top:18px}.server-limits h3{grid-column:1/-1;margin:0}.server-limits label{display:grid;gap:5px;color:#667085;font-size:13px}.server-limits input{padding:9px;border:1px solid #d0d5dd;border-radius:8px}.server-limits button{align-self:end;background:#b90820;color:#fff;border:0;border-radius:8px;padding:10px 14px}@media(max-width:900px){.server-limits{grid-template-columns:1fr 1fr}}

.overview-card{width:min(1180px,calc(100vw - 28px));max-height:calc(100vh - 42px);overflow:auto}.overview-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 14px;border-bottom:1px solid #e5e7eb}.overview-actions .mini{height:34px}.overview-actions .danger{background:#b90820;color:#fff}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-kpi b{word-break:break-word}.detail-lists .table{font-size:12px}

.settings-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:18px}.secret-box{white-space:pre-wrap;background:#111820;color:#f8fafc;border-radius:8px;padding:12px;min-height:72px;overflow:auto}.panel h3{margin-top:0}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}
.audit-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0}.audit-stat{display:flex;flex-direction:column;gap:4px;text-align:left;background:#f6f8fb;color:#26354a;border:1px solid #dce3eb}.audit-stat.active{border-color:#165d9f;background:#e8f3ff}.audit-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.audit-filters label{display:flex;flex-direction:column;gap:4px;min-width:130px;flex:1}.audit-filters input,.audit-filters select{width:100%}.audit-table-wrap{overflow-x:auto}.audit-table td{vertical-align:top}.audit-table code{display:block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f5f7f9;padding:5px;border-radius:4px}

/* 2026 control center UX refresh */
:root{--red:#df1726;--red-dark:#a80c18;--ink:#10151b;--muted:#66717d;--line:#e2e7eb;--shadow:0 10px 35px rgba(17,24,39,.07);--radius:14px}html{background:#f4f6f8}body{min-width:320px}button,input,select,textarea{font:inherit}button{min-height:40px;height:auto;border-radius:9px;background:linear-gradient(135deg,var(--red),var(--red-dark));padding:8px 15px;transition:transform .16s ease,box-shadow .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(223,23,38,.2)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(223,23,38,.18);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.mini{min-height:32px;height:auto;padding:6px 10px;font-size:12px}.login{padding:24px}.login form{width:min(420px,100%);border-radius:20px;padding:34px}.login .brand,.login .muted{text-align:center}.login form>button{width:100%;margin-top:22px;min-height:46px}.shell{grid-template-columns:264px minmax(0,1fr)}.side{position:sticky;top:0;height:100vh;overflow:auto;padding:22px 16px;z-index:30}.side h1{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#aeb8c2;margin-bottom:26px}.nav{gap:5px}.nav button{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;width:100%;padding:8px 12px}.nav-icon{text-align:center}.side-foot{margin:24px 8px 0;padding-top:16px;border-top:1px solid #2d343c;color:#7f8a95;font-size:11px}.main{min-width:0;padding:28px clamp(18px,3vw,42px) 48px}.top{gap:16px;margin-bottom:24px}.top-title{display:flex;align-items:center;gap:13px}.top h2{margin:2px 0 0;font-size:26px;letter-spacing:-.025em}.eyebrow{color:var(--red);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.menu-toggle{display:none;width:42px;padding:0;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.side-scrim{display:none}.grid{gap:15px}.card,.panel,.chart-card,.server-hero,.capacity-grid,.server-limits{border-radius:var(--radius);box-shadow:var(--shadow)}.card{position:relative;overflow:hidden;padding:19px;border-top:1px solid var(--line)}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--red),var(--red-dark))}.panel{padding:20px;margin-bottom:16px}.metric{font-size:30px;letter-spacing:-.04em;margin-top:5px}.table{border-collapse:separate;border-spacing:0;border-radius:var(--radius);box-shadow:var(--shadow)}.table th,.table td{padding:13px 12px}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.045em}.table tbody tr:hover{background:#fbfcfd}.toolbar{flex-wrap:wrap;gap:9px;margin-bottom:14px}.status{align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:750;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.succeeded,.status.tested,.status.verified,.status.paid{background:#e0f5e9;color:#17663b}.status.critical,.status.overdue{background:#ffe5e3;color:#a6241b}.status.warning,.status.partially_paid,.status.provisioning,.status.running{background:#fff0c7;color:#7d5900}.status.resolved{background:#e7edf8;color:#365b92}.modal{backdrop-filter:blur(5px);padding:18px}.modal-card{max-height:calc(100vh - 36px);overflow:auto;border-radius:18px;padding:25px}.modal-card textarea{min-height:90px;resize:vertical}.overview-card{width:min(1180px,100%)}
@media(max-width:980px){body{overflow-x:hidden}.shell{grid-template-columns:1fr}.side{position:fixed;left:0;transform:translateX(-110%);width:280px;transition:transform .2s ease;box-shadow:none}.shell.menu-open .side{transform:translateX(0);box-shadow:20px 0 60px rgba(0,0,0,.3)}.side-scrim{position:fixed;inset:0;background:rgba(3,6,9,.52);z-index:20}.shell.menu-open .side-scrim{display:block}.menu-toggle{display:inline-grid;place-items:center}.main{padding-top:20px}.table{display:block;overflow-x:auto;white-space:nowrap}.table tbody,.table thead{width:max-content;min-width:100%;display:table}.table tr{display:table-row}.table th,.table td{display:table-cell}.top h2{font-size:23px}}
@media(max-width:620px){.main{padding:16px 12px 36px}.top{margin-bottom:17px}.top .secondary{min-width:40px;font-size:0;padding:0}.top .secondary:after{content:"↪";font-size:18px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:15px}.metric{font-size:25px}.modal{padding:8px}.modal-card{padding:19px;max-height:calc(100vh - 16px)}.toolbar>button{flex:1}.overview-actions .mini{flex:1 1 42%}}


/* Professional navigation and interaction layer */
body:before{content:"";position:fixed;z-index:1000;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--red),#ff5965,var(--red));background-size:200% 100%;transform:scaleX(0);transform-origin:left;opacity:0;transition:opacity .15s ease}.is-loading:before{opacity:1;transform:scaleX(1);animation:loadingSweep 1.15s linear infinite}@keyframes loadingSweep{to{background-position:-200% 0}}.side{display:flex;flex-direction:column}.side-brand{display:grid;place-items:center;margin-bottom:18px}.side-brand .side-logo{height:60px;margin:0}.side-brand>span{font-size:9px;letter-spacing:.24em;color:#7f8a95;font-weight:800}.nav{display:block}.nav-group{margin-bottom:17px}.nav-label{padding:0 12px 7px;color:#66717c;font-size:9px;font-weight:850;letter-spacing:.17em}.nav button{position:relative;margin-bottom:4px}.nav button i{position:absolute;right:8px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.12)}.side-account{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px 10px 3px;border-top:1px solid #2a3139}.side-account b,.top-user b{display:block;font-size:12px}.side-account small,.top-user small{display:block;margin-top:2px;color:#7f8a95;font-size:10px;text-transform:capitalize}.avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#fa3140,#9d0915);color:#fff;font-size:11px;font-weight:850;box-shadow:0 6px 18px rgba(223,23,38,.22)}.top{align-items:flex-start}.top-title h2{margin:3px 0 2px}.top-title p{margin:0;color:var(--muted);font-size:12px}.breadcrumb{color:#89939c;font-size:10px;font-weight:800;letter-spacing:.08em}.breadcrumb span{padding:0 5px;color:#c3c9ce}.top-account,.top-user{display:flex;align-items:center;gap:10px}.top-account{padding-top:4px}.logout-button{display:flex;align-items:center;gap:6px;margin-left:7px}.page-content{animation:pageIn .22s ease both}@keyframes pageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.toast-stack{position:fixed;right:20px;top:20px;z-index:2000;display:grid;gap:9px;width:min(380px,calc(100vw - 28px))}.toast{display:grid;grid-template-columns:8px 1fr 24px;align-items:center;gap:10px;padding:13px 12px;background:#101820;color:#f8fafc;border:1px solid #28343e;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.24);animation:toastIn .2s ease both}.toast.leaving{animation:toastOut .22s ease both}.toast-mark{width:8px;height:8px;border-radius:50%;background:#5cc8ff}.toast.error .toast-mark{background:#ff4855}.toast.success .toast-mark{background:#35ca78}.toast button{min-height:24px;padding:0;background:transparent;color:#aeb8c1;font-size:20px;box-shadow:none}.toast button:hover{transform:none;color:#fff}@keyframes toastIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateX(18px)}}
@media(max-width:980px){.side-account{margin-top:24px}.top-user{display:none}.top-title p{max-width:230px}.logout-button{margin-left:0}}
@media(max-width:620px){.top-title p{display:none}.breadcrumb{font-size:9px}.logout-button span{display:none}.top .secondary{font-size:16px}.toast-stack{right:14px;top:14px}.side-brand .side-logo{height:54px}}


/* Command palette, quick actions, and empty states */
.quick-find{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;background:#fff;color:#59636d;border:1px solid var(--line);box-shadow:none;font-size:12px}.quick-find:hover{transform:none;border-color:#c9d0d5;box-shadow:0 5px 16px rgba(17,24,39,.06)}.quick-find>span{font-size:18px;color:#8a949d}.quick-find b{font-weight:650}.quick-find kbd,.command-search kbd{border:1px solid #d7dde1;border-bottom-width:2px;border-radius:5px;background:#f7f9fa;color:#77818a;font:600 9px/1 system-ui;padding:4px 6px}.quick-actions{display:flex;align-items:center;gap:9px;padding:12px 14px;margin-bottom:15px;background:#111820;color:#fff;border:1px solid #222d36;border-radius:14px;box-shadow:0 12px 35px rgba(9,14,18,.13)}.quick-actions>div{display:grid;margin-right:auto}.quick-actions>div span{color:#e64a56;font-size:9px;font-weight:850;letter-spacing:.13em}.quick-actions>div b{font-size:13px;margin-top:2px}.quick-actions button{min-height:34px;padding:6px 11px;background:#222d36;border:1px solid #34414b;font-size:11px}.quick-actions button:hover{background:#2c3944;box-shadow:none}.command-overlay{position:fixed;inset:0;z-index:3000;display:grid;place-items:start center;padding-top:min(16vh,130px);background:rgba(7,10,13,.58);backdrop-filter:blur(5px)}.command-box{width:min(620px,calc(100vw - 24px));max-height:min(620px,76vh);overflow:hidden;background:#fff;border:1px solid #dfe4e8;border-radius:17px;box-shadow:0 32px 100px rgba(0,0,0,.34);animation:commandIn .16s ease both}.command-search{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid #e8ecef}.command-search>span{font-size:22px;color:#7b858e}.command-search input{border:0;outline:0;min-height:36px;font-size:15px}.command-results{max-height:min(470px,58vh);overflow:auto;padding:8px}.command-results button{display:flex;align-items:center;width:100%;min-height:54px;padding:9px 12px;background:transparent;color:#202932;text-align:left;box-shadow:none}.command-results button:hover,.command-results button.selected{transform:none;background:#f2f5f7;box-shadow:none}.command-results button span{display:grid}.command-results button b{font-size:13px}.command-results button small{margin-top:3px;color:#7b858e;font-size:11px}.command-results button em{margin-left:auto;color:#9aa3aa;font-style:normal}.command-help{display:flex;gap:18px;padding:9px 16px;border-top:1px solid #e8ecef;background:#fafbfc;color:#8a949c;font-size:9px}.empty-state{display:grid;place-items:center;gap:3px;padding:24px;color:#87919a;text-align:center}.empty-state>span{font-size:22px;color:#c2c9ce}.empty-state b{color:#59636c;font-size:12px}.empty-state small{font-size:10px}@keyframes commandIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1100px){.quick-find b{display:none}.quick-actions{overflow-x:auto}.quick-actions>div{min-width:140px}.quick-actions button{white-space:nowrap}}
@media(max-width:620px){.quick-find{min-width:38px;width:38px;padding:0;justify-content:center}.quick-find kbd{display:none}.quick-actions{margin-left:-2px;margin-right:-2px}.quick-actions>div{display:none}.command-overlay{padding-top:8px;place-items:start center}.command-box{max-height:calc(100vh - 16px)}.command-results{max-height:calc(100vh - 132px)}.command-help{justify-content:center}}


/* Theme system and vector icon pass */
:root{color-scheme:light;--app-bg:#f4f6f8;--surface:#fff;--surface-2:#f7f9fa;--text:#17202a;--text-strong:#10151b;--muted-theme:#66717d;--border:#e2e7eb;--hover:#fbfcfd}.ui-icon{display:block;width:18px;height:18px}.nav-icon{display:grid;place-items:center}.nav-icon .ui-icon{width:17px;height:17px}.theme-button{display:grid;place-items:center;width:38px;min-height:36px;padding:0;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none}.theme-button:hover{transform:none;box-shadow:0 5px 16px rgba(17,24,39,.08)}.theme-popover{position:fixed;z-index:3500;display:grid;gap:4px;width:180px;padding:8px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.2);animation:commandIn .14s ease both}.theme-popover>b{padding:7px 9px 5px;font-size:11px}.theme-popover button{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;min-height:38px;padding:6px 9px;background:transparent;color:var(--text);text-align:left;box-shadow:none}.theme-popover button:hover,.theme-popover button.active{transform:none;background:var(--surface-2);box-shadow:none}.theme-popover .system-icon{display:grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:5px;font-size:9px}.top{position:sticky;top:0;z-index:15;padding:10px 0;background:color-mix(in srgb,var(--app-bg) 88%,transparent);backdrop-filter:blur(13px)}
[data-theme=dark]{color-scheme:dark;--app-bg:#0d1116;--surface:#151b22;--surface-2:#1b232c;--text:#dce3e9;--text-strong:#f5f7f9;--muted-theme:#8f9aa5;--border:#29333d;--hover:#19212a;background:#0d1116;color:#dce3e9}[data-theme=dark] body,[data-theme=dark] .main{background:radial-gradient(circle at 92% 0,rgba(223,23,38,.09),transparent 24%),var(--app-bg);color:var(--text)}[data-theme=dark] .top h2,[data-theme=dark] .metric,[data-theme=dark] .panel h3,[data-theme=dark] .chart-card h3,[data-theme=dark] .server-hero h3{color:var(--text-strong)}[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .chart-card,[data-theme=dark] .server-hero,[data-theme=dark] .capacity-grid,[data-theme=dark] .server-limits,[data-theme=dark] .table,[data-theme=dark] .modal-card,[data-theme=dark] .command-box{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .table th,[data-theme=dark] .command-help{background:#10161c;color:#9ba5ae;border-color:var(--border)}[data-theme=dark] .table th,[data-theme=dark] .table td{border-color:#252f38}[data-theme=dark] .table tbody tr:hover{background:var(--hover)}[data-theme=dark] .detail-kpi,[data-theme=dark] .audit-stat{background:var(--surface-2);border-color:var(--border);color:var(--text)}[data-theme=dark] .toolbar input,[data-theme=dark] .toolbar select,[data-theme=dark] .modal-card input,[data-theme=dark] .modal-card textarea,[data-theme=dark] .modal-card select,[data-theme=dark] .server-limits input,[data-theme=dark] .command-search input{background:#10161c;color:var(--text);border-color:#35414c}[data-theme=dark] .quick-find,[data-theme=dark] button.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}[data-theme=dark] .chart-track,[data-theme=dark] .capacity-track{background:#29333d}[data-theme=dark] .command-search{border-color:var(--border)}[data-theme=dark] .command-results button{color:var(--text)}[data-theme=dark] .command-results button:hover,[data-theme=dark] .command-results button.selected{background:var(--surface-2)}[data-theme=dark] .muted,[data-theme=dark] .top-title p,[data-theme=dark] .detail-kpi small{color:var(--muted-theme)}[data-theme=dark] .secret-box{background:#080b0f}[data-theme=dark] .login form{background:var(--surface);color:var(--text)}
@media(max-width:620px){.top{top:0;padding-top:6px}.theme-button{width:36px}.top-account{gap:6px}}


/* Data table workbench */
.data-table{margin-bottom:16px;background:var(--surface,#fff);border:1px solid var(--border,#e2e7eb);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.data-table .table{border:0;border-radius:0;box-shadow:none;margin:0}.table-controls{display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border,#e2e7eb);background:var(--surface,#fff)}.table-search{display:flex;align-items:center;gap:7px;min-width:min(300px,42vw);height:36px;padding:0 10px;border:1px solid var(--border,#d8dfe4);border-radius:9px;background:var(--surface-2,#f7f9fa);color:var(--muted-theme,#69747e)}.table-search .ui-icon{width:15px;height:15px}.table-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text,#17202a);font-size:12px}.table-count{color:var(--muted-theme,#69747e);font-size:10px;white-space:nowrap}.table-control-actions{display:flex;gap:6px;margin-left:auto}.table-control-actions button{min-height:32px;padding:5px 9px;font-size:10px}.table-viewport{max-width:100%;overflow:auto}.table-viewport .table{min-width:720px}.table-viewport thead th{position:sticky;top:0;z-index:2}.table th.sortable{cursor:pointer;user-select:none;padding-right:24px;position:relative}.table th.sortable:after{content:"↕";position:absolute;right:8px;color:#b0b8bf;font-size:10px}.table th.sortable[data-sort=asc]:after{content:"↑";color:var(--red)}.table th.sortable[data-sort=desc]:after{content:"↓";color:var(--red)}.table tr[hidden]{display:none}[data-density=compact] .table th,[data-density=compact] .table td{padding:8px 10px;font-size:11px}[data-density=compact] .status{padding:2px 7px;font-size:10px}[data-theme=dark] .data-table,[data-theme=dark] .table-controls{background:var(--surface);border-color:var(--border)}[data-theme=dark] .table-search{background:#10161c;border-color:#35414c}
@media(max-width:700px){.table-controls{flex-wrap:wrap}.table-search{flex:1 1 calc(100% - 80px);min-width:180px}.table-count{order:3;width:100%}.table-control-actions{margin-left:0}.density-toggle{display:none}}


/* Collapsible navigation and platform presence */
.shell{transition:grid-template-columns .22s ease}.side{transition:width .22s ease,padding .22s ease}.side-brand{position:relative}.collapse-sidebar{position:absolute;right:-29px;top:21px;z-index:5;display:grid;place-items:center;width:24px;min-height:28px;padding:0;border:1px solid #343e47;border-radius:0 8px 8px 0;background:#171e25;color:#aab4bd;font-size:20px;box-shadow:5px 0 15px rgba(0,0,0,.12)}.collapse-sidebar:hover{transform:none;background:#222c35;box-shadow:5px 0 15px rgba(0,0,0,.15)}.platform-live{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--border,#e2e7eb);border-radius:999px;background:var(--surface,#fff);color:var(--muted-theme,#66717d);font-size:9px;font-weight:750;white-space:nowrap}.platform-live i{width:7px;height:7px;border-radius:50%;background:#2dbd70;box-shadow:0 0 0 4px rgba(45,189,112,.12)}.shell.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}.sidebar-collapsed .side{padding-left:10px;padding-right:10px}.sidebar-collapsed .side-logo{width:48px;height:46px;object-fit:cover;object-position:left}.sidebar-collapsed .side-brand>span,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav button>span:not(.nav-icon),.sidebar-collapsed .nav button i,.sidebar-collapsed .side-account>div{display:none}.sidebar-collapsed .nav button{display:grid;grid-template-columns:1fr;place-items:center;padding:9px 0}.sidebar-collapsed .nav-icon .ui-icon{width:19px;height:19px}.sidebar-collapsed .side-account{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapsed .avatar{width:36px;height:36px}.sidebar-collapsed .collapse-sidebar{transform:rotate(180deg)}.sidebar-collapsed .collapse-sidebar:hover{transform:rotate(180deg)}
@media(max-width:1180px){.platform-live>span{display:none}.platform-live{padding:7px}}
@media(max-width:980px){.shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar-collapsed .side{width:280px;padding:22px 16px}.sidebar-collapsed .side-logo{width:188px;height:60px;object-fit:contain}.sidebar-collapsed .side-brand>span,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav button>span:not(.nav-icon),.sidebar-collapsed .side-account>div{display:initial}.sidebar-collapsed .nav button{display:grid;grid-template-columns:24px 1fr;place-items:initial;padding:8px 12px}.sidebar-collapsed .side-account{justify-content:flex-start}.collapse-sidebar{display:none}}
@media(max-width:620px){.platform-live{display:none}}
.side{overflow-x:hidden}.collapse-sidebar{right:-8px;border-radius:8px 0 0 8px}.sidebar-collapsed .side-logo{display:none}.sidebar-collapsed .side-brand:before{content:"PB";display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ed2433,#950914);color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em;box-shadow:0 8px 22px rgba(223,23,38,.25)}
@media(max-width:980px){.sidebar-collapsed .side-logo{display:block}.sidebar-collapsed .side-brand:before{display:none}}

/* Notification center and confirm dialog */
.alert-button{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--border);background:var(--panel);color:var(--ink);box-shadow:none}.alert-button .ui-icon{width:17px;height:17px}.alert-count{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#9aa3ad;color:#fff;font-size:10px;font-weight:850;line-height:17px}.alert-button.has-alerts .alert-count{background:var(--red)}.alert-button.critical{border-color:rgba(223,23,38,.35);box-shadow:0 0 0 3px rgba(223,23,38,.1)}.alert-button.offline .alert-count{background:#f39c12}.alerts-popover{position:fixed;z-index:2100;width:min(370px,calc(100vw - 24px));padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 22px 55px rgba(15,23,42,.22)}.alerts-head,.alerts-foot{display:flex;align-items:center;justify-content:space-between;padding:6px 7px}.alerts-head b{font-size:13px}.alerts-list{display:grid;gap:7px;margin:5px 0}.alert-preview{position:relative;display:grid;grid-template-columns:9px 1fr;gap:7px;width:100%;min-height:52px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--soft);text-align:left;color:var(--ink);box-shadow:none}.alert-preview span{grid-row:1/3;width:8px;height:8px;margin-top:4px;border-radius:50%;background:#6b7681}.alert-preview.critical span{background:var(--red)}.alert-preview.warning span{background:#f39c12}.alert-preview b{font-size:12px}.alert-preview small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-preview.empty{display:block;min-height:auto;color:var(--muted);font-size:12px}.alerts-foot button{width:100%;min-height:34px}.confirm-overlay{position:fixed;inset:0;z-index:2300;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.38);backdrop-filter:blur(3px)}.confirm-card{display:grid;grid-template-columns:42px 1fr;gap:14px;width:min(430px,100%);padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 30px 70px rgba(15,23,42,.28)}.confirm-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(59,130,246,.1);color:#2563eb}.confirm-mark.danger{background:rgba(223,23,38,.1);color:var(--red)}.confirm-card h3{margin:0 0 6px;font-size:17px}.confirm-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.confirm-actions .danger{background:var(--red);color:#fff}
@media(max-width:620px){.alerts-popover{right:12px!important}.quick-find b,.quick-find kbd,.platform-live span{display:none}.confirm-actions{display:grid;grid-template-columns:1fr 1fr}}

/* Customer detail drawer v9 */
.drawer-shell{position:fixed;inset:0;z-index:2200;display:flex;justify-content:flex-end}.drawer-shell.hidden{display:none}.drawer-scrim{position:absolute;inset:0;border:0;border-radius:0;background:rgba(15,23,42,.38);backdrop-filter:blur(3px);box-shadow:none}.drawer-scrim:hover{transform:none;box-shadow:none}.customer-drawer{position:relative;z-index:1;width:min(760px,calc(100vw - 18px));height:100vh;overflow:auto;background:var(--panel,#fff);border-left:1px solid var(--border,#e2e7eb);box-shadow:-24px 0 70px rgba(15,23,42,.22);padding:22px;animation:drawerIn .18s ease both}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:15px;border-bottom:1px solid var(--border,#e2e7eb)}.drawer-head small{color:var(--red);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.drawer-head h3{margin:4px 0 3px;font-size:24px}.drawer-head p{margin:0;color:var(--muted);font-size:13px}.drawer-head .closeOverview{width:38px;min-height:38px;padding:0;font-size:22px}.drawer-status-row{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.drawer-actions{position:sticky;top:-22px;z-index:2;background:var(--panel,#fff);margin:0 -22px 16px;padding:12px 22px;border-bottom:1px solid var(--border,#e2e7eb)}.drawer-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.drawer-summary>div,.drawer-timeline>div{padding:13px;border:1px solid var(--border,#e2e7eb);border-radius:10px;background:var(--soft,#f8fafb)}.drawer-summary small,.drawer-timeline small{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.drawer-summary b,.drawer-timeline b{display:block;margin-top:5px;font-size:13px;word-break:break-word}.drawer-section{margin:16px 0}.drawer-section h4{margin:0 0 9px;font-size:13px}.drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-timeline{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drawer-timeline span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.drawer-empty{padding:14px;border:1px dashed var(--border,#dce3e6);border-radius:10px;color:var(--muted);font-size:13px;background:var(--soft,#f8fafb)}.customer-drawer .data-table{box-shadow:none}.customer-drawer .table-controls{display:none}.customer-drawer .table{box-shadow:none;border-radius:10px}.customer-drawer .table th,.customer-drawer .table td{padding:9px 8px;font-size:12px}@keyframes drawerIn{from{transform:translateX(24px);opacity:.75}to{transform:none;opacity:1}}[data-theme=dark] .customer-drawer,[data-theme=dark] .drawer-actions{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .drawer-summary>div,[data-theme=dark] .drawer-timeline>div,[data-theme=dark] .drawer-empty{background:var(--surface-2);border-color:var(--border)}@media(max-width:620px){.customer-drawer{width:100vw;padding:16px}.drawer-actions{top:-16px;margin:0 -16px 14px;padding:10px 16px}.drawer-summary,.drawer-timeline,.drawer-grid{grid-template-columns:1fr}.drawer-head h3{font-size:20px}}

/* Status board v10 */
.status-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:18px 20px;border:1px solid var(--border,#e2e7eb);border-radius:14px;background:linear-gradient(135deg,rgba(223,23,38,.08),rgba(18,110,130,.08)),var(--panel,#fff);box-shadow:var(--shadow)}.status-hero h3{margin:4px 0 4px;font-size:22px}.status-hero p{margin:0;color:var(--muted);font-size:13px}.status-kpis .card:nth-child(3):before,.status-kpis .card:nth-child(4):before{background:#f39c12}.status-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:16px}.status-attention{display:grid;gap:8px}.status-attention button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:42px;background:var(--soft,#f8fafb);color:var(--ink);border:1px solid var(--border,#e2e7eb);box-shadow:none;text-align:left}.status-attention button:hover{transform:none;border-color:rgba(223,23,38,.35)}.status-attention b{font-size:13px}.status-attention span{color:var(--muted);font-size:12px}.status-grid .panel{margin-bottom:0}@media(max-width:900px){.status-grid{grid-template-columns:1fr}.status-hero{align-items:flex-start;flex-direction:column}.status-hero button{width:100%}}[data-theme=dark] .status-hero,[data-theme=dark] .status-attention button{background:var(--surface);border-color:var(--border);color:var(--text)}

/* Customer onboarding wizard v11 */
.customer-wizard{width:min(640px,calc(100vw - 28px))}.wizard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border,#e2e7eb);padding-bottom:12px}.wizard-head h3{margin:3px 0 0}.wizard-progress{display:flex;gap:6px;padding-top:6px}.wizard-progress i{display:block;width:26px;height:5px;border-radius:999px;background:#d9e0e3}.wizard-progress i.active{background:var(--red)}.wizard-step{display:none}.wizard-step.active{display:grid;gap:13px}.wizard-step h4{margin:0;font-size:13px}.wizard-review{display:grid;gap:8px}.wizard-review div{padding:11px 12px;border:1px solid var(--border,#e2e7eb);border-radius:9px;background:var(--soft,#f8fafb);font-size:13px}.wizard-actions{align-items:center}.wizard-actions button[hidden]{display:none}@media(max-width:620px){.wizard-head{display:grid}.wizard-progress i{width:22px}.wizard-actions{display:grid;grid-template-columns:1fr 1fr}.wizard-actions #saveCustomer,.wizard-actions #nextCustomer{grid-column:1/-1}}[data-theme=dark] .wizard-review div{background:var(--surface-2);border-color:var(--border)}

/* Offsite backup status v12 */
.offsite-panel{position:relative;overflow:hidden}
.offsite-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--accent),#34d399,#60a5fa)}
.offsite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.offsite-grid>div{padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--soft)}
.offsite-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}
.offsite-grid b{font-size:13px;word-break:break-word}
.offsite-next{margin-top:12px}
@media(max-width:900px){.offsite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.offsite-grid{grid-template-columns:1fr}}

/* SaaS polish pass: clearer empty states and commercial cards */
.empty-panel{grid-column:1/-1;min-height:150px;border:1px dashed var(--border,#d8dfe4);border-radius:14px;background:var(--surface,#fff)}
.empty-row td{padding:0!important;background:transparent}
.empty-row .empty-state{min-height:120px;border:0}
.plans-grid{align-items:stretch}
.plan-card{display:grid;gap:7px}
.plan-card h3{margin:0;font-size:18px}
.plan-card .mini{justify-self:start;margin-top:8px}
[data-theme=dark] .empty-panel{background:var(--surface);border-color:var(--border)}

/* Workflow input dialogs v14 */
.input-card{grid-template-columns:42px minmax(0,1fr)}
.inline-input-label{display:grid;gap:7px;margin-top:13px;font-size:12px;font-weight:750;color:var(--text)}
.inline-input-label input{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit}
[data-theme=dark] .inline-input-label input{background:#0d141c;color:var(--text);border-color:var(--border)}

/* Theme tune-up v13 */
:root{
  --red:#d71424;
  --red-dark:#9d0a16;
  --accent:#0f7a8a;
  --app-bg:#f3f5f7;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --panel:#ffffff;
  --soft:#f8fafc;
  --ink:#111827;
  --text:#1f2937;
  --text-strong:#0f172a;
  --muted:#64748b;
  --muted-theme:#64748b;
  --border:#dfe5eb;
  --line:#dfe5eb;
  --hover:#f8fafc;
  --shadow:0 8px 26px rgba(15,23,42,.06);
  --shadow-strong:0 18px 48px rgba(15,23,42,.14);
  --focus:0 0 0 3px rgba(215,20,36,.16);
}
html,body{background:var(--app-bg);color:var(--text)}
.main{background:linear-gradient(180deg,#f8fafc 0,var(--app-bg) 260px);color:var(--text)}
.side{background:linear-gradient(180deg,#0b1117 0%,#111922 55%,#090d12 100%);border-right:1px solid #1e2935}
.side-brand>span,.nav-label{color:#8492a6}
.nav button{color:#d8e0e8;border:1px solid transparent;border-radius:10px}
.nav button:hover{background:#1b2632;color:#fff;box-shadow:none;transform:none}
.nav button.active{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;box-shadow:0 10px 24px rgba(215,20,36,.22)}
.top{background:color-mix(in srgb,var(--app-bg) 88%,transparent)}
.top h2,.metric,.panel h3,.chart-card h3,.server-hero h3{color:var(--text-strong)}
.card,.panel,.chart-card,.server-hero,.capacity-grid,.server-limits,.data-table,.table,.modal-card,.command-box,.theme-popover,.alerts-popover,.confirm-card{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}
.card:before{background:linear-gradient(180deg,var(--red),var(--accent))}
.table th{background:var(--surface-2);color:#526174}
.table td{color:var(--text)}
.table tbody tr:hover{background:var(--hover)}
.muted,.top-title p,.detail-kpi small,.server-hero p,.table-count{color:var(--muted)}
button{background:linear-gradient(135deg,var(--red),var(--red-dark));box-shadow:0 8px 18px rgba(215,20,36,.16)}
button:hover{box-shadow:0 10px 22px rgba(215,20,36,.2)}
button.secondary,.quick-find,.theme-button,.alert-button{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none}
button.secondary:hover,.quick-find:hover,.theme-button:hover,.alert-button:hover{background:var(--surface-2);box-shadow:none}
input,select,textarea{background:var(--surface);color:var(--text);border-color:var(--border)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--focus)}
.quick-actions{background:#101820;border-color:#202b36;box-shadow:var(--shadow)}
.quick-actions button{background:#1d2935;border-color:#334155;color:#e6edf5}
.avatar,.sidebar-collapsed .side-brand:before{background:linear-gradient(135deg,var(--red),var(--red-dark))}
.status.active,.status.healthy,.status.approved,.status.succeeded,.status.tested,.status.verified,.status.paid{background:#dcfce7;color:#166534}
.status.failed,.status.unhealthy,.status.critical,.status.overdue{background:#fee2e2;color:#991b1b}
.status.warning,.status.partially_paid,.status.provisioning,.status.running,.status.suspended{background:#fef3c7;color:#92400e}
.status.resolved{background:#e0f2fe;color:#075985}
.chart-track,.capacity-track{background:#e8edf2}
.chart-track i,.capacity-track i,.offsite-panel:before{background:linear-gradient(90deg,var(--red),var(--accent))}
.login{background:radial-gradient(circle at 50% 18%,rgba(215,20,36,.22),transparent 32%),linear-gradient(145deg,#080c11,#151d26)}
.login form{border-top-color:var(--red);box-shadow:var(--shadow-strong)}

[data-theme=dark]{
  color-scheme:dark;
  --app-bg:#0b1117;
  --surface:#121a23;
  --surface-2:#17212c;
  --panel:#121a23;
  --soft:#17212c;
  --ink:#e5edf5;
  --text:#d9e2ec;
  --text-strong:#f8fafc;
  --muted:#94a3b8;
  --muted-theme:#94a3b8;
  --border:#263442;
  --line:#263442;
  --hover:#17212c;
  --shadow:0 10px 32px rgba(0,0,0,.22);
  --shadow-strong:0 22px 58px rgba(0,0,0,.38);
}
[data-theme=dark] html,[data-theme=dark] body{background:var(--app-bg);color:var(--text)}
[data-theme=dark] .main{background:linear-gradient(180deg,#101822 0,var(--app-bg) 280px);color:var(--text)}
[data-theme=dark] .top{background:color-mix(in srgb,var(--app-bg) 82%,transparent)}
[data-theme=dark] .side{background:linear-gradient(180deg,#05080d 0%,#0b1118 65%,#05080d 100%);border-color:#1b2530}
[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .chart-card,[data-theme=dark] .server-hero,[data-theme=dark] .capacity-grid,[data-theme=dark] .server-limits,[data-theme=dark] .data-table,[data-theme=dark] .table,[data-theme=dark] .modal-card,[data-theme=dark] .command-box,[data-theme=dark] .theme-popover,[data-theme=dark] .alerts-popover,[data-theme=dark] .confirm-card{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow)}
[data-theme=dark] .table th,[data-theme=dark] .table-controls,[data-theme=dark] .command-help{background:var(--surface-2);border-color:var(--border);color:var(--muted)}
[data-theme=dark] .table td{color:var(--text);border-color:var(--border)}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .table-search,[data-theme=dark] .command-search input{background:#0d141c;color:var(--text);border-color:var(--border)}
[data-theme=dark] button.secondary,[data-theme=dark] .quick-find,[data-theme=dark] .theme-button,[data-theme=dark] .alert-button{background:var(--surface-2);color:var(--text);border-color:var(--border)}
[data-theme=dark] .quick-actions{background:#0d141c;border-color:#243242}
[data-theme=dark] .quick-actions button{background:#15202b;border-color:#2a3a4a}
[data-theme=dark] .chart-track,[data-theme=dark] .capacity-track{background:#263442}
[data-theme=dark] .secret-box{background:#070b10}
[data-theme=dark] .empty-panel{background:var(--surface);border-color:var(--border)}

/* Billing and subscription polish v15 */
.summary-strip.billing-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 14px;
}
.summary-strip.billing-summary>div{
  position:relative;
  overflow:hidden;
  padding:15px 16px;
  border:1px solid var(--border);
  border-radius:16px;
  background:linear-gradient(180deg,var(--surface),var(--soft));
  box-shadow:var(--shadow);
}
.summary-strip.billing-summary>div:after{
  content:"";
  position:absolute;
  inset:auto -24px -34px auto;
  width:86px;
  height:86px;
  border-radius:999px;
  background:rgba(215,20,36,.08);
}
.summary-strip.billing-summary span{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.summary-strip.billing-summary b{
  display:block;
  margin-top:8px;
  color:var(--text-strong);
  font-size:24px;
  line-height:1.1;
}
[data-theme=dark] .summary-strip.billing-summary>div{
  background:linear-gradient(180deg,var(--surface),var(--surface-2));
  border-color:var(--border);
}
@media(max-width:900px){
  .summary-strip.billing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .summary-strip.billing-summary{grid-template-columns:1fr}
}