:root{--ground:#eef3f9;--surface:#fff;--surface-2:#e7eef6;--ink:#0f1b2a;--muted:#56697c;--faint:#8497a9;--line:#d8e2ed;--accent:#1668b4;--accent-deep:#0e4e8a;--accent-tint:#e1eefa;--ok:#1e874b;--warn:#c77c00;--over:#d8383e;--shadow:0 1px 2px #0f1b2a0d, 0 6px 20px #0f1b2a0f;--radius:14px}@media (prefers-color-scheme:dark){:root{--ground:#0a121c;--surface:#111e2e;--surface-2:#17293c;--ink:#e8eff7;--muted:#93a6ba;--faint:#64798f;--line:#22344a;--accent:#4c9be0;--accent-deep:#7cb8ec;--accent-tint:#16324c;--ok:#3fb971;--warn:#e0a64b;--over:#f0676b;--shadow:0 1px 2px #0000004d, 0 8px 26px #00000061}}:root[data-theme=light]{--ground:#eef3f9;--surface:#fff;--surface-2:#e7eef6;--ink:#0f1b2a;--muted:#56697c;--faint:#8497a9;--line:#d8e2ed;--accent:#1668b4;--accent-deep:#0e4e8a;--accent-tint:#e1eefa;--ok:#1e874b;--warn:#c77c00;--over:#d8383e;--shadow:0 1px 2px #0f1b2a0d, 0 6px 20px #0f1b2a0f}:root[data-theme=dark]{--ground:#0a121c;--surface:#111e2e;--surface-2:#17293c;--ink:#e8eff7;--muted:#93a6ba;--faint:#64798f;--line:#22344a;--accent:#4c9be0;--accent-deep:#7cb8ec;--accent-tint:#16324c;--ok:#3fb971;--warn:#e0a64b;--over:#f0676b;--shadow:0 1px 2px #0000004d, 0 8px 26px #00000061}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-family:Segoe UI,-apple-system,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45}b{font-weight:700}.brand{align-items:center;gap:8px;display:inline-flex}.wordmark{letter-spacing:-.03em;color:var(--ink);font-size:20px;font-weight:800}.wordmark b{color:var(--accent)}.dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.cockpit-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-deep);background:var(--accent-tint);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.page{min-height:100vh}.topbar{z-index:20;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(16px,3vw,32px);display:flex;position:sticky;top:0}.topbar-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.renew{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.renew-month{font-size:13px;font-weight:700}.renew-days{color:var(--muted);font-size:11.5px}.refresh-btn{cursor:pointer;font:inherit;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:20px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.refresh-btn:hover{color:var(--ink)}.refresh-btn:disabled{cursor:default;opacity:.8}.live-dot{background:var(--ok);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent);border-radius:50%}.live-dot.pulsing{animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.logout-form{align-items:center;gap:10px;display:inline-flex}.op-mail{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;max-width:22ch;font-size:12px;overflow:hidden}.logout-btn{font:inherit;cursor:pointer;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:600}.logout-btn:hover{color:var(--over);border-color:var(--over)}.content{flex-direction:column;gap:26px;max-width:1240px;margin:0 auto;padding:clamp(18px,3vw,32px);display:flex}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:700}.kpi-row{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px 16px}.kpi-accent{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11.5px;font-weight:600}.kpi-value{letter-spacing:-.02em;margin-top:3px;font-size:30px;font-weight:800;line-height:1.05}.kpi-accent .kpi-value{color:var(--accent)}.kpi-sub{color:var(--faint);margin-top:3px;font-size:11.5px}.manage-inner{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.manage-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:700}.manage-inner input{min-width:180px;font:inherit;border:1px solid var(--line);background:var(--ground);color:var(--ink);border-radius:9px;flex:1;padding:9px 12px;font-size:14px}.manage-inner input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.manage-inner button{font:inherit;cursor:pointer;color:#fff;background:var(--accent);border:0;border-radius:9px;padding:9px 18px;font-weight:650}.manage-inner button:disabled{opacity:.5;cursor:default}.customers{flex-direction:column;gap:18px;display:flex}.customer-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.customer-card.unassigned{background:color-mix(in srgb, var(--surface) 96%, var(--warn));border-style:dashed}.cust-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(16px,2.4vw,22px);display:flex}.cust-title h3{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;margin:0;font-size:18px;font-weight:800;display:flex}.cust-meta{color:var(--muted);font-size:12.5px}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-left:10px;padding:2px 8px;font-size:10.5px;font-weight:800}.status-badge.s-trial{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}.status-badge.s-active{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.status-badge.s-paused{background:var(--surface-2);color:var(--faint)}.status-badge.s-intern{background:var(--accent-tint);color:var(--accent-deep)}.cust-agg{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.cust-credit{min-width:240px}.allowance-set{gap:6px;margin-top:8px;display:flex}.allowance-set input{width:150px;font:inherit;border:1px solid var(--line);background:var(--ground);color:var(--ink);border-radius:8px;padding:5px 8px;font-size:12.5px}.allowance-set input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.allowance-set button{font:inherit;cursor:pointer;color:#fff;background:var(--accent);border:0;border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:650}.cust-activity{color:var(--muted);gap:16px;font-size:13px;display:flex}.cust-activity b{color:var(--ink)}.credit{min-width:200px}.credit-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;font-size:12px;display:flex}.credit-rest b{font-size:14px}.credit-of{color:var(--faint)}.bar{background:var(--surface-2);border-radius:99px;height:7px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .4s}.bar-fill.warn{background:var(--warn)}.bar-fill.over{background:var(--over)}.credit-none{color:var(--faint);font-size:12px;font-style:italic}.table-scroll{overflow-x:auto}table.tenants{border-collapse:collapse;width:100%;min-width:760px}table.tenants th,table.tenants td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px clamp(10px,1.6vw,18px)}table.tenants thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surface-2);font-size:11px;font-weight:700}table.tenants tbody tr:last-child td{border-bottom:0}table.tenants tbody tr:hover td{background:color-mix(in srgb, var(--accent-tint) 40%, transparent)}th.num,td.num{text-align:right}.th-sub{text-transform:none;letter-spacing:0;color:var(--faint);font-size:10px;font-weight:500;display:block}.tenant-name{font-weight:650}.credits-col{min-width:210px}td.num b{font-size:15px}.cell-sub{color:var(--faint);font-size:11px;display:block}.empty-row td{color:var(--faint);text-align:center;font-style:italic}select.assign{font:inherit;color:var(--ink);background:var(--ground);border:1px solid var(--line);border-radius:8px;max-width:170px;padding:6px 8px;font-size:12.5px}select.assign:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.foot{color:var(--faint);max-width:90ch;font-size:12px}.foot p{margin:0}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:18px;padding:30px 28px}.login-lede{color:var(--muted);margin:14px 0 20px;font-size:14px}.login-form{flex-direction:column;gap:10px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:11.5px;font-weight:700}.login-form input{font:inherit;border:1px solid var(--line);background:var(--ground);color:var(--ink);border-radius:10px;padding:11px 13px;font-size:15px}.login-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login-form button{font:inherit;cursor:pointer;color:#fff;background:var(--accent);border:0;border-radius:10px;margin-top:4px;padding:12px;font-weight:700}.login-form button:disabled{opacity:.55;cursor:default}.notice{border-radius:10px;padding:11px 13px;font-size:13px}.notice.ok{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}.notice.err{background:color-mix(in srgb, var(--over) 14%, transparent);color:var(--over)}.login-fine{color:var(--faint);margin:18px 0 0;font-size:11.5px}@media (max-width:1000px){.kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.kpi-row{grid-template-columns:repeat(2,1fr)}.cust-head{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}