:root{--vj-bg:#f5efe6;--vj-surface:#ede3d5;--vj-ink:#2a2622;--vj-ink-muted:#2a26229e;--vj-divider:#2a262266;--vj-hairline:#2a262238;--vj-accent:#c4552b;--vj-accent-pressed:#a8431f;--vj-accent-tint:#f8e9e0;--vj-warn:#a8431f;--vj-on-accent:#f5efe6;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--vj-bg:#2a2622;--vj-surface:#35302b;--vj-ink:#f5efe6;--vj-ink-muted:#f5efe699;--vj-divider:#f5efe659;--vj-hairline:#f5efe629;--vj-accent:#e0774c;--vj-accent-pressed:#c4552b;--vj-accent-tint:#4a3226;--vj-warn:#f0a07a;--vj-on-accent:#2a2622;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--vj-bg);color:var(--vj-ink);margin:0;font:15px/1.5 Manrope,ui-sans-serif,system-ui,-apple-system,sans-serif}h1,h2,p{margin:0;font-family:inherit}h1{letter-spacing:-.5px;font-size:26px;font-weight:800}h2{font-size:18px;font-weight:800}.label{letter-spacing:1.2px;text-transform:uppercase;color:var(--vj-ink-muted);font-size:10px;font-weight:800}.muted{color:var(--vj-ink-muted)}.small{font-size:13px}.error{color:var(--vj-warn);margin:12px 0}.warn{color:var(--vj-warn);font-weight:800}button{font:inherit;letter-spacing:.4px;background:var(--vj-accent);color:var(--vj-on-accent);cursor:pointer;border:0;padding:10px 16px;font-size:14px;font-weight:800}button:hover{background:var(--vj-accent-pressed)}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--vj-ink);border:1px solid var(--vj-divider);background:0 0}input,select{font:inherit;color:var(--vj-ink);background:var(--vj-bg);border:1px solid var(--vj-divider);border-radius:0;padding:9px 10px}.centered{place-items:center;min-height:100vh;padding:16px;display:grid}.login{gap:14px;width:min(360px,100%);display:grid}.login label{gap:6px;font-size:13px;font-weight:800;display:grid}.page{max-width:1200px;margin:0 auto;padding:24px 16px 64px}.top{border-bottom:2px solid var(--vj-divider);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:16px;display:flex}.top-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:2px;margin:24px 0;display:grid}.kpi{background:var(--vj-surface);padding:16px}.kpi-value{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:6px 0 4px;font-size:36px;font-weight:800;line-height:1.1}.charts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.chart{margin:0}.chart figcaption{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.chart-readout{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:13px;display:flex}.readout-item{align-items:center;gap:5px;display:inline-flex}.swatch{background:var(--vj-accent);width:9px;height:9px;display:inline-block}.swatch.bar-alt{background:var(--vj-ink-muted)}.chart svg{width:100%;height:120px;display:block}.chart .bar{fill:var(--vj-accent)}.chart .bar-alt{fill:var(--vj-ink-muted)}.chart .bar-hover{fill:var(--vj-accent-pressed)}.chart .bar-alt.bar-hover{fill:var(--vj-ink)}.chart .baseline{stroke:var(--vj-divider);stroke-width:1px;vector-effect:non-scaling-stroke}.chart-axis{justify-content:space-between;margin-top:4px;display:flex}.processing{border-top:1px solid var(--vj-hairline);border-bottom:1px solid var(--vj-hairline);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:32px 0;padding:16px 0;display:grid}.processing p+p{margin-top:4px}.users-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters input{width:240px;max-width:100%}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--vj-hairline);vertical-align:top;white-space:nowrap;padding:10px 12px 10px 0}th{border-bottom:2px solid var(--vj-divider)}.num{text-align:right;font-variant-numeric:tabular-nums}.th-btn{color:var(--vj-ink-muted);letter-spacing:1.2px;text-transform:uppercase;background:0 0;padding:0;font-size:10px}.th-btn:hover,.th-active{color:var(--vj-ink);background:0 0}th:not(:has(button)){letter-spacing:1.2px;text-transform:uppercase;color:var(--vj-ink-muted);font-size:10px;font-weight:800}.badge{border:1px solid var(--vj-divider);padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.badge-active{background:var(--vj-accent);border-color:var(--vj-accent);color:var(--vj-on-accent)}.badge-trial{background:var(--vj-accent-tint);border-color:var(--vj-accent)}.badge-lapsed{color:var(--vj-ink-muted);border-style:dashed}
