/* Financial reporting uses the existing type, space and colour tokens. */
.finance-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:36px;border-radius:24px;background:linear-gradient(125deg,#143c3b,#164c49 60%,#247268);color:#f7fffb;position:relative;overflow:hidden}.finance-hero h2{font-size:clamp(28px,3.4vw,44px);line-height:1.12;letter-spacing:-1.3px;white-space:pre-line;margin:12px 0 16px;max-width:600px}.finance-hero p{color:#d9eeE7;max-width:540px;line-height:1.65}.finance-hero .eyebrow{font-size:11px;letter-spacing:1.5px;color:#bdedda}.finance-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.finance-hero .primary{background:#d1f4ad;color:#173929;border:1px solid #d1f4ad;box-shadow:none}.finance-hero .button{background:#ffffff10;color:white;border:1px solid #ffffff55}.finance-support{padding:26px;border-radius:20px;background:#ffffff0d;border:1px solid #ffffff30;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.finance-support>strong{font-size:clamp(48px,6vw,78px);letter-spacing:-3px;line-height:1.1;margin:16px 0 4px;color:#dcffb8}.finance-support progress{width:100%;height:8px;accent-color:#b8e992;margin-top:10px}.finance-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:26px 0 0;flex-wrap:wrap}.finance-toolbar>div{display:grid;gap:5px;flex:1}.finance-toolbar small,.finance-flow-row small,.finance-source small,.finance-balances>small{display:block;color:var(--muted,#64748b);font-size:12px;line-height:1.55}.finance-auto{display:flex;gap:8px;align-items:center;font-size:12px}.finance-auto input{width:17px;height:17px;margin:0;accent-color:#257461}.finance-feedback{font-size:12px;color:var(--muted,#64748b);margin:12px 0 20px;min-height:18px}.finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.finance-metric{padding:20px;border-radius:17px;border:1px solid var(--border,#dce5e9);background:var(--surface,#fff);position:relative;overflow:hidden;min-width:0}.finance-metric:before{content:'';height:4px;position:absolute;top:0;left:0;right:0;background:var(--fin-tone,#236f60)}.finance-metric[data-tone=violet]{--fin-tone:#8262cf}.finance-metric[data-tone=amber]{--fin-tone:#c69229}.finance-metric[data-tone=blue]{--fin-tone:#5386d0}.finance-metric[data-tone=teal]{--fin-tone:#24958f}.finance-metric[data-tone=coral]{--fin-tone:#ce715a}.finance-metric>span{font-size:12px;font-weight:650;color:var(--muted,#64748b)}.finance-metric>strong{display:block;font-size:28px;letter-spacing:-.8px;margin:14px 0 9px;overflow-wrap:anywhere;color:var(--text,#172c3c)}.finance-metric p{margin:0;font-size:12px;color:var(--muted,#64748b);line-height:1.65}.finance-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.finance-panel{border:1px solid var(--border,#dce5e9);background:var(--surface,#fff);padding:26px;border-radius:20px;min-width:0}.finance-panel h3{font-size:19px;letter-spacing:-.35px;margin:0 0 7px}.finance-panel>.muted{font-size:12px;line-height:1.6;margin:0 0 20px}.finance-flow-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--border,#e2e8ed);font-size:13px}.finance-flow-row strong{font-weight:600}.finance-flow-row b{white-space:nowrap;font-variant-numeric:tabular-nums}.finance-flow-total{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#e8f4ed;border:1px solid #bedccb;color:#1a4b3c;padding:20px 16px;margin:18px 0 12px;border-radius:12px;font-size:13px;font-weight:650}.finance-flow-total strong{font-size:24px;white-space:nowrap}.finance-missing{padding:16px;background:var(--surface-alt,#f5f7f9);border:1px solid var(--border,#dce5e9);border-radius:12px;font-size:12px;line-height:1.6}.finance-missing summary{font-weight:650;cursor:pointer}.finance-missing ul{padding-left:18px;margin-bottom:0}.finance-missing li{margin:6px 0}.finance-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.finance-balance-grid>div{padding:18px 14px;border:1px solid var(--border,#dce5e9);border-radius:12px;background:var(--surface-alt,#f5f8f9);min-width:0}.finance-balance-grid span{font-size:12px;color:var(--muted,#64748b)}.finance-balance-grid strong{display:block;font-size:23px;letter-spacing:-.5px;margin-top:12px;overflow-wrap:anywhere}.finance-source{padding:18px 0;border-top:1px solid var(--border,#dce5e9)}.finance-source>div{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.finance-source p{font-size:12px;color:var(--muted,#64748b);line-height:1.65;margin:10px 0}.finance-status{font-size:10px;font-weight:650;background:#fff0ce;color:#7b4b0b;padding:5px 8px;border:1px solid #e5cb99;border-radius:20px}.finance-source[data-state=ok] .finance-status{background:#e6f5e9;color:#24603a;border-color:#bcdac5}.finance-source[data-state=error] .finance-status{background:#fff0e9;color:#9b432d;border-color:#edcabc}.finance-usage{margin-top:22px}.finance-usage>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.finance-usage .finance-metric{background:var(--surface-alt,#f7f9fa);box-shadow:none}.finance-audit{padding:20px 0;font-size:12px;line-height:1.7;color:var(--muted,#64748b)}.finance-audit summary{cursor:pointer;font-weight:600}.finance-settings .connection-dialog-body h3{margin:24px 0 15px}.finance-settings input,.finance-settings select{max-width:100%}.finance-settings a,.stripe-wizard a{color:var(--accent,#286bac);font-size:13px;text-decoration:underline;text-underline-offset:3px}.wizard-mode{border:1px solid #b7d9cd;background:#ecf7f2;color:#275644;padding:12px 16px;border-radius:12px;font-size:12px}.wizard-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:24px 0}.wizard-steps li{display:flex;flex-direction:column;gap:10px;align-items:flex-start;color:var(--muted,#64748b);font-size:11px;line-height:1.5}.wizard-steps li>span{display:grid;place-items:center;border:1px solid var(--border,#ccd7df);background:var(--surface-alt,#f5f7fa);width:30px;height:30px;border-radius:50%;font-size:13px}.wizard-steps li[data-complete=true]>span{background:#237b60;color:white;border-color:#237b60}.wizard-key-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin-bottom:16px}.wizard-key-form .connection-field{margin:0}.wizard-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 16px}.wizard-plans article{display:flex;flex-direction:column;gap:8px;border:1px solid #bdd8d0;padding:18px;border-radius:14px;background:var(--surface-alt,#f7faf9)}.wizard-plans h3{font-size:13px;margin:0}.wizard-plans strong{font-size:30px;letter-spacing:-1px}.wizard-plans span{font-size:11px;color:var(--muted,#64748b)}.wizard-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.stripe-wizard .connection-endpoints{display:grid;gap:12px}.stripe-wizard .connection-endpoints h3,.stripe-wizard .connection-endpoints p{margin:0}.stripe-wizard .connection-endpoints input{width:100%;margin-top:8px}.stripe-wizard .connection-endpoints>button{justify-self:start}.stripe-wizard .connection-setup p{font-size:12px;line-height:1.65}.stripe-wizard .connection-check-result{line-height:1.65}.stripe-wizard button:disabled,.finance-settings button:disabled{opacity:.5;cursor:not-allowed}html[data-theme=dark] .finance-panel,html[data-theme=dark] .finance-metric{background:#17242c;border-color:#31414b}html[data-theme=dark] .finance-metric>strong{color:#eef5f8}html[data-theme=dark] .finance-flow-total{background:#203d32;border-color:#365e4e;color:#d1f0df}html[data-theme=dark] .finance-balance-grid>div,html[data-theme=dark] .finance-missing,html[data-theme=dark] .wizard-plans article,html[data-theme=dark] .finance-usage .finance-metric{background:#1b2c34;border-color:#364950}html[data-theme=dark] .wizard-mode{background:#203d32;color:#d1f0df;border-color:#365e4e}html[data-theme=dark] .finance-status{background:#493a23;color:#ffe2a3;border-color:#79633b}html[data-theme=dark] .finance-source[data-state=ok] .finance-status{background:#203d32;color:#d1f0df;border-color:#365e4e}html[data-theme=dark] .finance-source[data-state=error] .finance-status{background:#472e28;color:#ffd1bc;border-color:#795044}
@media(max-width:1050px){.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-hero{gap:20px;padding:28px}.finance-support{padding:20px}.finance-grid{grid-template-columns:1fr}}
@media(max-width:600px){.finance-hero{grid-template-columns:1fr;padding:24px 20px;border-radius:19px}.finance-hero h2{font-size:32px}.finance-support{padding:19px}.finance-support>strong{font-size:50px}.finance-metrics{gap:10px}.finance-metric{padding:16px 13px}.finance-metric>strong{font-size:24px}.finance-toolbar{gap:14px}.finance-toolbar>div{flex-basis:100%}.finance-toolbar>.primary{margin-left:auto}.finance-panel{padding:20px 16px;border-radius:16px}.finance-flow-row{font-size:12px;gap:10px}.finance-flow-total{padding:16px 12px}.finance-flow-total strong{font-size:22px}.finance-balance-grid{gap:8px}.finance-balance-grid strong{font-size:21px}.finance-usage>div{grid-template-columns:1fr}.wizard-key-form{grid-template-columns:1fr}.wizard-key-form button{justify-self:start}.wizard-steps{gap:8px}.wizard-steps li{font-size:10px}.finance-settings .connection-dialog-head h2{font-size:20px}}
#admin .finance-hero .primary{background:#d1f4ad;border-color:#d1f4ad;color:#173929;filter:none}
#admin .finance-hero .primary:hover:not(:disabled){background:#e3facd;border-color:#e3facd;color:#173929;filter:none}

.finance-support progress::-webkit-progress-bar{background:#ffffff30;border-radius:8px}
.finance-support progress::-webkit-progress-value{background:#d1f4ad;border-radius:8px}
.finance-support progress::-moz-progress-bar{background:#d1f4ad;border-radius:8px}