:root{--brand-purple:#512da8;--brand-purple-dark:#3a1d8a;--brand-amber:#ffc847;--brand-amber-dark:#d4a035;--color-bg:#fff;--color-bg-subtle:#f7f7fa;--color-bg-elev:#fff;--color-border:#e2e2ea;--color-border-strong:#cbcbd6;--color-text:#1a1a2e;--color-text-muted:#5a5a72;--color-text-inverse:#fff;--status-active-bg:#e8f5e9;--status-active-fg:#1b5e20;--status-active-dot:#2e7d32;--status-maintenance-bg:#fff8e1;--status-maintenance-fg:#8d6e1f;--status-maintenance-dot:#f9a825;--status-degraded-bg:#fff0e6;--status-degraded-fg:#b25217;--status-degraded-dot:#ef6c00;--status-down-bg:#ffe0e0;--status-down-fg:#b71c1c;--status-down-dot:#c62828;--role-chip-bg:var(--color-bg-subtle);--role-chip-fg:var(--brand-purple);--role-chip-border:var(--brand-purple);--nav-width:260px;--header-height:60px;--container-max:1400px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--radius-sm:4px;--radius-md:8px;--radius-pill:999px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-subtle);font-size:14px;line-height:1.5}a{color:var(--brand-purple);text-decoration:none}a:hover{text-decoration:underline}.btn,button{background:var(--brand-purple);color:var(--color-text-inverse);border:1px solid var(--brand-purple);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font:inherit}.btn.ghost,button.ghost{background:transparent;color:var(--brand-purple)}button:hover:not(:disabled){background:var(--brand-purple-dark);border-color:var(--brand-purple-dark)}button:disabled{opacity:.5;cursor:not-allowed}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:var(--gap-lg);gap:var(--gap-lg);height:var(--header-height);padding:0 var(--gap-lg);background:var(--brand-purple);color:var(--color-text-inverse);border-bottom:3px solid var(--brand-amber)}.topbar__title{font-weight:600;font-size:16px}.topbar__user{opacity:.9}.topbar__status{display:flex;align-items:center;gap:var(--gap-sm);padding:4px 12px;background:hsla(0,0%,100%,.12);border-radius:var(--radius-pill);font-size:12px}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--status-maintenance-dot)}.health-dot--ok{background:var(--status-active-dot)}.health-dot--bad{background:var(--status-down-dot)}.health-dot--checking{background:var(--status-maintenance-dot);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.layout{display:grid;grid-template-columns:var(--nav-width) 1fr;flex:1 1}.sidenav{background:var(--color-bg);border-right:1px solid var(--color-border);padding:var(--gap-md) 0}.sidenav__section{padding:var(--gap-sm) var(--gap-lg);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-top:var(--gap-md)}.sidenav__section:first-child{margin-top:0}.sidenav__item{display:block;padding:var(--gap-sm) var(--gap-lg);color:var(--color-text);border-left:3px solid transparent}.sidenav__item:hover{background:var(--color-bg-subtle);text-decoration:none}.sidenav__item--active{border-left-color:var(--brand-amber);font-weight:600}.sidenav__item--disabled{color:var(--color-text-muted);font-style:italic;cursor:not-allowed}.main{padding:var(--gap-lg);max-width:var(--container-max)}.page-title{font-size:22px;margin:0 0 4px}.page-subtitle{color:var(--color-text-muted);margin:0 0 var(--gap-lg) 0;font-size:13px}.toolbar{display:flex;gap:var(--gap-md);align-items:center;flex-wrap:wrap;margin-bottom:var(--gap-lg)}.toolbar input[type=search],.toolbar select{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;background:var(--color-bg-elev)}.toolbar input[type=search]{width:300px}.pillar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--gap-lg);gap:var(--gap-lg);margin-top:var(--gap-md)}.pillar-card{background:var(--color-bg-elev);border:1px solid var(--color-border);border-top:4px solid var(--brand-purple);border-radius:var(--radius-md);padding:var(--gap-md) var(--gap-lg)}.pillar-card__title{margin:0 0 var(--gap-sm) 0;font-size:15px}.pillar-card__count{color:var(--color-text-muted);font-size:12px;margin-bottom:var(--gap-md)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--color-bg-subtle);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);font-size:12px;color:var(--color-text)}.chip--product{border-color:var(--brand-purple);color:var(--brand-purple)}.chip--deferred{opacity:.55;border-style:dashed}.chip--empty{color:var(--color-text-muted);font-style:italic}.inventory-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-bg-elev);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;font-size:13px}.inventory-table td,.inventory-table th{padding:12px 14px;text-align:left;border-bottom:1px solid var(--color-border)}.inventory-table th{background:var(--color-bg-subtle);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.inventory-table tr:last-child td{border-bottom:0}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:500}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%}.status-pill--active{background:var(--status-active-bg);color:var(--status-active-fg)}.status-pill--active:before{background:var(--status-active-dot)}.status-pill--maintenance{background:var(--status-maintenance-bg);color:var(--status-maintenance-fg)}.status-pill--maintenance:before{background:var(--status-maintenance-dot)}.status-pill--degraded{background:var(--status-degraded-bg);color:var(--status-degraded-fg)}.status-pill--degraded:before{background:var(--status-degraded-dot)}.status-pill--down{background:var(--status-down-bg);color:var(--status-down-fg)}.status-pill--down:before{background:var(--status-down-dot)}.role-chip{display:inline-block;padding:2px 10px;background:var(--role-chip-bg);color:var(--role-chip-fg);border:1px solid var(--role-chip-border);border-radius:var(--radius-pill);font-size:11px;font-family:var(--font-mono)}.capacity{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.legend{margin-top:var(--gap-lg);padding:var(--gap-md) var(--gap-lg);background:var(--color-bg-elev);border:1px solid var(--color-border);border-radius:var(--radius-md)}.legend__title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 var(--gap-sm) 0}.legend__row{display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin-bottom:var(--gap-sm)}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--gap-md);gap:var(--gap-md);margin-bottom:var(--gap-lg)}.kpi{background:var(--color-bg-elev);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--gap-md)}.kpi__label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi__value{font-size:24px;font-weight:600;margin-top:4px;font-family:var(--font-mono)}.topbar__user{display:flex;align-items:center;gap:var(--gap-sm);font-size:13px;color:var(--color-text-inverse);background:hsla(0,0%,100%,.12);padding:4px 12px;border-radius:var(--radius-pill);margin:0}.topbar__user-role{opacity:.75;font-size:11px;font-family:var(--font-mono)}.topbar__user-signout{background:transparent;color:var(--color-text-inverse);border:1px solid hsla(0,0%,100%,.4);padding:2px 10px;border-radius:var(--radius-pill);font-size:11px}.topbar__user-signout:hover{background:hsla(0,0%,100%,.2)}.drift-banner{display:flex;align-items:center;gap:var(--gap-sm);padding:10px 14px;background:var(--status-maintenance-bg);color:var(--status-maintenance-fg);border:1px solid var(--status-maintenance-dot);border-left-width:4px;border-radius:var(--radius-md);margin:0 0 var(--gap-lg) 0;font-size:13px}.drift-banner__icon{font-size:16px;line-height:1}.auth-error{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--gap-lg)}.auth-error__card{max-width:520px;width:100%;background:var(--color-bg-elev);border:1px solid var(--color-border);border-top:4px solid var(--status-down-dot);border-radius:var(--radius-md);padding:var(--gap-lg);text-align:left}.auth-error__code{font-size:42px;font-weight:700;color:var(--status-down-dot);font-family:var(--font-mono)}.auth-error__title{margin:var(--gap-sm) 0 var(--gap-md) 0;font-size:20px}.auth-error__lead{color:var(--color-text-muted);margin-bottom:var(--gap-md)}.auth-error__meta{font-size:13px}.auth-error__meta dt{font-weight:600;margin-top:var(--gap-sm)}.auth-error__meta dd{margin:2px 0 0;color:var(--color-text-muted)}.auth-error__card .btn{margin-top:var(--gap-md);display:inline-block}.signin{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--gap-lg)}.signin__card{max-width:420px;width:100%;background:var(--color-bg-elev);border:1px solid var(--color-border);border-top:4px solid var(--brand-purple);border-radius:var(--radius-md);padding:var(--gap-lg)}.signin__brand{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.signin__title{margin:4px 0 var(--gap-md) 0;font-size:22px}.signin__lead{color:var(--color-text-muted);font-size:13px}.signin__btn{width:100%;margin-top:var(--gap-md)}.signin__hints{margin-top:var(--gap-md);padding-left:18px;color:var(--color-text-muted);font-size:12px}.signin__hints li{margin:4px 0}