:root{--c-bg:#f4f6f8;--c-surface:#fff;--c-surface-2:#eef1f4;--c-border:#e0e5eb;--c-border-soft:#edf0f3;--c-text:#17202c;--c-text-soft:#536071;--c-accent:#2960a8;--c-accent-strong:#1f4c87;--c-accent-soft:#e8eff8;--c-text-faint:#8a95a3;--c-on-accent:#fff;--c-danger:#b5392f;--c-danger-soft:#f8eae8;--c-dev:#7a5b0d;--c-dev-soft:#fbf6e8;--c-warning:#9a6b00;--c-prod:#b5392f;--c-prod-soft:#f8eae8;--c-bar:#2960a8;--c-bar-track:#eef1f4;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--radius-md:8px;--radius-lg:12px;--shadow-md:0 8px 24px #10182817;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--c-bg:#0f141a;--c-surface:#151b23;--c-surface-2:#1d2530;--c-border:#2a3441;--c-border-soft:#222b36;--c-text:#e7ecf2;--c-text-soft:#9aa7b6;--c-accent:#5b8fd6;--c-accent-strong:#7aa5e0;--c-accent-soft:#1d2b3d;--c-text-faint:#6b7787;--c-on-accent:#0f141a;--c-danger:#ef8a80;--c-danger-soft:#3a1f1d;--c-dev:#e9c46a;--c-dev-soft:#3a3016;--c-warning:#e9c46a;--c-prod:#ef8a80;--c-prod-soft:#3a1f1d;--c-bar:#5b8fd6;--c-bar-track:#1d2530;--shadow-md:0 8px 24px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}h1,h2,h3,h4,p{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted-text{color:var(--c-text-soft);font-size:12px}.button-primary,.button-secondary{border-radius:var(--radius-md);cursor:pointer;min-height:40px;padding:0 16px;font-weight:600}.button-primary{background:var(--c-accent);color:var(--c-on-accent);border:0}.button-primary:hover:not(:disabled){background:var(--c-accent-strong)}.button-primary:disabled{opacity:.6;cursor:progress}.button-secondary{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text)}input,select{border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);width:100%;min-height:40px;color:var(--c-text);padding:0 12px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,.trend-chart-frame:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.environment-badge{background:var(--c-surface-2);color:var(--c-text-soft);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.environment-badge-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.environment-badge-dev{background:var(--c-dev-soft);color:var(--c-dev)}.environment-badge-prod{background:var(--c-prod-soft);color:var(--c-prod)}.login-screen{background:radial-gradient(circle at 20% 10%, var(--c-surface-2), transparent 45%), var(--c-bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-panel{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);width:min(100%,440px);box-shadow:var(--shadow-md);padding:40px}.login-brand{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.login-brand-mark{border-radius:var(--radius-md);background:var(--c-accent);width:44px;height:44px;color:var(--c-on-accent);letter-spacing:.04em;place-items:center;font-weight:700;display:inline-grid}.login-panel h1{font-size:28px;line-height:1.2}.login-subtitle{color:var(--c-text-soft);margin-top:8px}.login-form{gap:16px;margin-top:32px;display:grid}.login-form label{gap:6px;font-weight:600;display:grid}.login-error{border-radius:var(--radius-md);background:var(--c-danger-soft);color:var(--c-danger);padding:10px 12px}.login-mock-note,.login-staff-note{color:var(--c-text-soft);text-align:center;margin-top:20px;font-size:12px}.admin-header{border-bottom:1px solid var(--c-border);background:var(--c-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.admin-title,.admin-user{align-items:center;gap:12px;display:flex}.admin-title h1{font-size:18px}.admin-title .login-brand-mark{width:36px;height:36px;font-size:12px}.admin-main{gap:24px;max-width:1440px;margin:0 auto;padding:24px;display:grid}.data-freshness,.status-message{color:var(--c-text-soft)}.status-error{color:var(--c-danger)}.freshness-row,.refresh-controls,.empty-snapshot{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.freshness-row{justify-content:space-between}.freshness-row p,.refresh-controls p,.empty-snapshot p{margin:0}.button-secondary:disabled{cursor:progress;opacity:.7}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.kpi-tile{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);gap:4px;padding:20px;display:grid}.kpi-label{color:var(--c-text-soft);font-size:13px;font-weight:600}.kpi-value{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.2}.kpi-detail{color:var(--c-text-soft);font-size:12px}.usage-section{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);gap:16px;padding:20px;display:grid}.usage-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.usage-heading h2{font-size:16px}.search-field{width:min(100%,320px);color:var(--c-text-soft);gap:6px;font-size:12px;font-weight:600;display:grid}.table-scroll{overflow-x:auto}.usage-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.usage-table th,.usage-table td{border-bottom:1px solid var(--c-border);text-align:left;vertical-align:middle;white-space:nowrap;padding:10px 12px}.usage-table th:not(:first-child),.usage-table td:not(:first-child){border-left:1px solid var(--c-border-soft)}.usage-table thead th{color:var(--c-text-soft);text-align:center;font-size:12px;font-weight:600}.usage-table .totals-row th,.usage-table .totals-row td{border-bottom:2px solid var(--c-border);background:var(--c-surface-2);font-weight:600}.usage-table tbody th{font-weight:400}.usage-table .numeric{text-align:right}.client-name{align-items:center;gap:6px;font-weight:600;display:flex}.client-link{color:var(--c-text);text-decoration:none}.client-link:hover{color:var(--c-accent);text-decoration:underline}.client-line{display:block}.workspace-filters{border:0;flex-wrap:wrap;align-items:end;gap:12px;margin:0;padding:0;display:flex}.filter-field{width:min(100%,190px);color:var(--c-text-soft);gap:6px;font-size:12px;font-weight:600;display:grid}.filter-field-wide{width:min(100%,260px)}.filter-field-narrow{width:min(100%,110px)}.filter-clear{min-height:40px}.credit-meter{gap:4px;min-width:150px;display:grid}.credit-meter-bar{grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:8px;display:grid}.credit-meter-percent{color:var(--c-text-soft);font-size:12px}.credit-meter-fill{background:var(--c-bar);border-radius:4px;height:100%;display:block}.credit-meter-near .credit-meter-fill{background:var(--c-warning)}.credit-meter-over .credit-meter-fill{background:var(--c-danger)}.credit-meter-status{font-size:11px;font-weight:600}.credit-meter-near .credit-meter-status{color:var(--c-warning)}.credit-meter-over .credit-meter-status{color:var(--c-danger)}.margin-negative{background:var(--c-danger-soft);color:var(--c-danger);border-radius:999px;padding:1px 8px;font-weight:600}.incomplete-marker{color:var(--c-warning);margin-left:2px;font-weight:700}.test-badge{border:1px solid var(--c-border);color:var(--c-text-soft);border-radius:999px;padding:0 8px;font-size:11px;font-weight:600}.plan-cell{display:grid}.storage-cell{grid-template-columns:84px 100px;align-items:center;gap:12px;display:grid}.storage-value{text-align:right}.storage-track{background:var(--c-bar-track);border-radius:4px;height:8px;overflow:hidden}.storage-fill{background:var(--c-bar);border-radius:4px;height:100%;display:block}.empty-state{color:var(--c-text-soft);text-align:center;padding:24px 0}.back-link{color:var(--c-accent);justify-self:start;font-weight:600;text-decoration:none}.back-link:hover{text-decoration:underline}.detail-header{gap:4px;display:grid}.detail-title{font-size:22px}.customer-since{font-weight:600}.detail-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.detail-card,.detail-section{border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);align-content:start;gap:12px;padding:20px;display:grid}.detail-card h3,.detail-section h3{font-size:15px}.detail-section-heading{gap:4px;display:grid}.detail-list{gap:10px;margin:0;display:grid}.detail-item dt{color:var(--c-text-soft);font-size:12px;font-weight:600}.detail-item dd{margin:0}.trend-legend{color:var(--c-text-soft);flex-wrap:wrap;gap:16px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.legend-key{vertical-align:middle;border-top:2px solid var(--c-bar);width:20px;margin-right:6px;display:inline-block}.legend-key-projection{opacity:.75;border-top-style:dashed}.legend-key-reference{border-top:1px solid var(--c-text-soft)}.trend-chart-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;display:grid}.trend-chart{border:1px solid var(--c-border);border-radius:var(--radius-md);gap:8px;min-width:0;margin:0;padding:16px;display:grid}.trend-chart-title{font-weight:600}.trend-chart-frame{border-radius:4px;min-width:0;position:relative;overflow:hidden}.trend-chart-frame svg{font-variant-numeric:tabular-nums;max-width:100%;display:block}.trend-gridline{stroke:var(--c-border-soft);stroke-width:1px}.trend-axis-label{fill:var(--c-text-soft);font-size:11px}.trend-reference-label{paint-order:stroke;stroke:var(--c-surface);stroke-width:3px;stroke-linejoin:round}.trend-projection-zone{fill:var(--c-surface-2);opacity:.7}.trend-reference-line{stroke:var(--c-text-soft);stroke-width:1px;opacity:.8}.trend-line{fill:none;stroke:var(--c-bar);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.trend-line-projected{stroke-dasharray:6 5;opacity:.75}.trend-crosshair{stroke:var(--c-text-soft);stroke-width:1px}.trend-dot{fill:var(--c-bar);stroke:var(--c-surface);stroke-width:2px}.trend-dot-hollow{fill:var(--c-surface);stroke:var(--c-bar)}.trend-tooltip{border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--shadow-md);white-space:nowrap;pointer-events:none;gap:2px;padding:6px 10px;font-size:12px;display:grid;position:absolute;top:4px;transform:translate(-50%)}.trend-tooltip-start{transform:translate(0)}.trend-tooltip-end{transform:translate(-100%)}.trend-data summary{color:var(--c-accent);cursor:pointer;font-weight:600}.trend-data .table-scroll{margin-top:12px}.projected-row th,.projected-row td{color:var(--c-text-soft)}@media (width<=640px){.login-panel{padding:28px 20px}.admin-main{padding:16px}}.credit-overage{color:var(--c-danger);font-size:11px;font-weight:600}.credit-overage-not_authorized,.credit-overage-unpriced{color:var(--c-text-soft)}.detail-value-stack{justify-items:start;gap:2px;display:grid}.detail-value-stack .muted-text{font-size:12px}html.is-pointer-sorting,html.is-pointer-sorting *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.table-header-content{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.table-sort-trigger{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:auto;align-items:center;gap:5px;padding:2px 0;display:inline-flex}.table-sort-trigger:hover{color:var(--c-text)}.table-sort-trigger:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.table-sort-indicator{width:16px;height:16px;color:var(--c-text-faint);flex:0 0 16px;place-items:center;display:inline-grid}.table-sort-indicator.is-active{color:var(--c-accent-strong)}.table-sort-indicator svg,.table-column-drag-handle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.table-column-drag-handle{width:28px;height:28px;color:var(--c-text-faint);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:7px;flex:0 0 28px;place-items:center;padding:0;display:inline-grid}.table-column-drag-handle:hover{background:var(--c-accent-soft);color:var(--c-accent-strong)}.table-column-drag-handle:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}.table-column-drag-handle[aria-pressed=true]{background:var(--c-accent-soft);color:var(--c-accent-strong);cursor:grabbing}.pointer-column-drag-preview{z-index:1200;pointer-events:none;border:1px solid var(--c-accent);background:var(--c-surface-2);box-shadow:var(--shadow-md);color:var(--c-text-soft);white-space:nowrap;opacity:.98;will-change:transform;border-radius:6px;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;display:flex;position:fixed;top:0;left:0;overflow:hidden}.pointer-column-drag-preview>*{width:100%}th[data-reorderable-column-id].is-pointer-column-source{position:relative}th[data-reorderable-column-id].is-pointer-column-source>*{opacity:.18}th[data-reorderable-column-id].is-pointer-column-source:after{border:1px dashed var(--c-accent);background:var(--c-accent-soft);content:"";pointer-events:none;opacity:.5;border-radius:5px;position:absolute;inset:3px}