:root{--c-bg:#f4f6f8;--c-surface:#fff;--c-surface-2:#eef1f4;--c-border:#e0e5eb;--c-text:#17202c;--c-text-soft:#536071;--c-accent:#2960a8;--c-accent-strong:#1f4c87;--c-on-accent:#fff;--c-danger:#b5392f;--c-danger-soft:#f8eae8;--c-dev:#7a5b0d;--c-dev-soft:#fbf6e8;--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-text:#e7ecf2;--c-text-soft:#9aa7b6;--c-accent:#5b8fd6;--c-accent-strong:#7aa5e0;--c-on-accent:#0f141a;--c-danger:#ef8a80;--c-danger-soft:#3a1f1d;--c-dev:#e9c46a;--c-dev-soft:#3a3016;--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{font:inherit}h1,h2,p{margin:0}.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{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,button: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)}.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 thead th{color:var(--c-text-soft);font-size:12px;font-weight:600}.usage-table tbody th{font-weight:400}.usage-table .numeric{text-align:right}.client-name{font-weight:600;display:block}.plan-cell{display:grid}.storage-cell{grid-template-columns:72px minmax(120px,1fr);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}@media (width<=640px){.login-panel{padding:28px 20px}.admin-main{padding:16px}}