.fin-workspace{--fin-ink:#102d40;--fin-muted:#6d8297;--fin-line:#dce6ef;--fin-blue:#0067d0;display:grid;gap:1.5rem;color:var(--fin-ink);min-width:0}
.fin-workspace button,.fin-workspace a,.fin-workspace input,.fin-workspace textarea,.fin-workspace summary{transition:background-color .15s,border-color .15s,box-shadow .15s}
.fin-workspace :is(button,a,input,textarea,summary):focus-visible{outline:3px solid #7eb6ee;outline-offset:3px}
.fin-workspace button{cursor:pointer}.fin-workspace button:disabled{cursor:default;opacity:.4}
.fin-toolbar,.fin-period-heading,.fin-closing-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.fin-tabs,.fin-periods{display:inline-flex;align-items:center;gap:.25rem;background:#eaf0f6;border:1px solid var(--fin-line);border-radius:14px;padding:.25rem}
.fin-tabs>a,.fin-tabs>span,.fin-periods>button{padding:.7rem 1rem;border-radius:10px;font-size:.875rem;font-weight:650;color:#55718a;white-space:nowrap}
.fin-tabs>.is-active,.fin-periods>.is-active{background:#fff;color:#075391;box-shadow:0 3px 12px #1737500d}
.fin-tabs>a:hover,.fin-periods>button:hover{color:var(--fin-blue);background:#ffffff80}
.fin-date-picker,.fin-period-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.fin-date-picker>label{font-size:.8rem;color:var(--fin-muted)}
.fin-workspace input,.fin-workspace textarea{width:100%;min-width:0;border:1px solid #ccdae7;border-radius:10px;background:#fff;color:var(--fin-ink);padding:.75rem .85rem;font-size:1rem;line-height:1.5;box-shadow:0 1px 2px #17375004}
.fin-workspace input:disabled,.fin-workspace textarea:disabled{color:#38536b;background:#f5f8fb;opacity:1}
.fin-workspace input[aria-invalid=true]{border-color:#d15a61}
.fin-date-picker>input{width:auto;padding:.55rem .7rem;font-size:.875rem}
.fin-eyebrow{font-size:.65rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#577792;line-height:1.6;margin:0 0 .4rem}
.fin-workspace h2{font-size:clamp(1.5rem,2.5vw,2.15rem);font-weight:760;letter-spacing:-.035em;line-height:1.25;margin:0}
.fin-workspace h3{font-size:1.05rem;font-weight:700;line-height:1.45;margin:0}
.fin-muted,.fin-footnote{color:var(--fin-muted);font-size:.8rem;line-height:1.6}.fin-period-heading .fin-muted{margin-top:.55rem}
.fin-panel{border:1px solid var(--fin-line);background:#fff;border-radius:18px;min-width:0;box-shadow:0 3px 12px #17375003}
.fin-panel>header{display:flex;align-items:flex-start;gap:.9rem;padding:1.35rem 1.5rem;border-bottom:1px solid #e9eef4}
.fin-panel>header p,.fin-panel-body>p:not(.fin-eyebrow){font-size:.82rem;line-height:1.6;color:var(--fin-muted);margin:.35rem 0 0}
.fin-panel-body{padding:1.5rem}.fin-panel-body h3{font-size:1.4rem;letter-spacing:-.02em}
.fin-step{display:flex;justify-content:center;align-items:center;flex:0 0 1.75rem;height:1.75rem;border-radius:9px;background:#edf5fe;color:#126ac0;font-weight:700;font-size:.8rem;margin-top:.12rem}
.fin-recent{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem}
.fin-recent-day{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;padding:.8rem 1rem;background:#fff;border:1px solid var(--fin-line);border-radius:13px;text-align:left;min-width:0}
.fin-recent-day>span{color:var(--fin-muted);font-size:.75rem}.fin-recent-day>strong{font-size:1rem}.fin-recent-day>small{font-size:.65rem;white-space:nowrap}
.fin-recent-day.is-selected{border-color:#6da7e6;background:#edf5ff;box-shadow:0 0 0 1px #6da7e6}.fin-recent-day:hover{border-color:#7da7d0}
.fin-badge{display:inline-flex;align-items:center;width:fit-content;border-radius:7px;padding:.3rem .55rem;font-size:.72rem;line-height:1.4;font-weight:650;white-space:nowrap}
.fin-state-confirmed{color:#19764c}.fin-badge.fin-state-confirmed{background:#eaf7ef}
.fin-state-draft{color:#976119}.fin-badge.fin-state-draft{background:#fff4df}
.fin-state-missing{color:#9b3f48}.fin-badge.fin-state-missing{background:#fff0f1}
.fin-state-untracked{color:#758492}.fin-badge.fin-state-untracked{background:#f0f3f6}
.fin-notice{border:1px solid #d6e6f5;background:#eef6ff;border-radius:12px;padding:1rem 1.2rem;color:#426581;font-size:.85rem;line-height:1.6}
.fin-notice--warning{background:#fff9ee;border-color:#ecdabc;color:#805a23}.fin-notice>strong{font-weight:700}
.fin-closing-layout{display:grid;grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:1.5rem}
.fin-form{display:grid;gap:1.1rem;min-width:0}.fin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1.5rem;padding:1.5rem}
.fin-field{display:flex;flex-direction:column;gap:.5rem;min-width:0}.fin-field>label{font-size:.84rem;font-weight:650;line-height:1.5}.fin-field>small{font-size:.75rem;color:var(--fin-muted);line-height:1.6}.fin-field>label:not(:first-child){margin-top:.75rem}
.fin-money-input{position:relative}.fin-money-input>input{padding-right:3rem;font-variant-numeric:tabular-nums;font-weight:650}.fin-money-input>span{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);font-size:.8rem;color:var(--fin-muted)}
.fin-error{font-size:.8rem;color:#b73545;line-height:1.5}.fin-error:empty{display:none}.fin-required{font-size:.7rem;font-weight:500;color:#b73545}
.fin-summary{position:sticky;top:6rem}.fin-summary-inner{background:linear-gradient(140deg,#edf6ff,#f8fbff);border:1px solid #d4e5f7;border-radius:18px;padding:1.4rem}
.fin-summary-total{display:block;font-size:clamp(1.5rem,2.2vw,2.1rem);letter-spacing:-.035em;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums;margin:.8rem 0}
.fin-breakdown{display:grid;gap:.8rem;border-block:1px solid #d7e4f1;padding:1rem 0;margin:1.25rem 0}.fin-breakdown>div{display:flex;justify-content:space-between;gap:.75rem;font-size:.78rem}.fin-breakdown dt{color:#526f88}.fin-breakdown dd{font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
.fin-help{font-size:.75rem;line-height:1.6;color:#637e96}.fin-save-actions{display:grid;gap:.6rem;margin-top:1.25rem}.fin-save-actions>*{width:100%;justify-content:center}.fin-reload{margin-block:1rem}.fin-reload>.fi-btn{width:100%;font-size:.75rem;background:transparent;box-shadow:none}.fin-summary-inner>small{display:block}.fin-unsaved{display:block;font-size:.72rem;font-weight:650;color:#93621c;margin-top:.75rem}
.fin-history{padding:1.3rem 1.5rem}.fin-history summary{cursor:pointer;font-size:.85rem;font-weight:650}.fin-history summary>span:last-child{font-weight:400;color:var(--fin-muted);font-size:.75rem;margin-left:.5rem}.fin-history>ol{margin-top:1.2rem;list-style:none;display:grid;gap:.75rem}.fin-history>ol>li{border-top:1px solid #e8edf3;padding-top:.85rem}.fin-history-title{color:var(--fin-ink)}
.fin-history-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding-top:1rem}.fin-history-values dt{font-size:.72rem;color:var(--fin-muted)}.fin-history-values dd{font-size:.85rem;font-weight:650;margin-top:.2rem}.fin-history-reason{font-size:.8rem;line-height:1.6;color:#425d74;margin-top:.75rem;white-space:pre-wrap;overflow-wrap:anywhere}
.fin-filters{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.fin-custom>summary{font-size:.8rem;font-weight:600;cursor:pointer;color:#536f89}.fin-custom-fields{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap;margin-top:.75rem}.fin-custom-fields>label{font-size:.75rem;color:var(--fin-muted)}.fin-custom-fields input{display:block;margin-top:.3rem;padding:.55rem .7rem;font-size:.875rem}
.fin-period-nav>button{background:#fff;border:1px solid #d2e0ed;border-radius:11px;min-width:2.75rem;padding:.65rem .95rem;font-size:.8rem;font-weight:650;color:#315e83}.fin-period-nav>button:hover{background:#edf5fd}
.fin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;transition:opacity .15s}.fin-is-loading{opacity:.45}.fin-metric{padding:1.3rem 1.4rem;border:1px solid var(--fin-line);background:#fff;border-radius:16px;min-width:0}.fin-metric--primary{background:linear-gradient(125deg,#e6f2ff,#f5faff);border-color:#c9e0f6}.fin-metric>p{font-size:.8rem;font-weight:600;color:#4e6b85}.fin-metric>strong{display:block;font-size:clamp(1.2rem,1.8vw,1.9rem);font-weight:780;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.3;margin:.7rem 0}.fin-metric>strong>span{font-size:1.1rem;color:#87a0b5;font-weight:500}.fin-metric>small{font-size:.7rem;color:var(--fin-muted);line-height:1.6;display:block}
.fin-report-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(18rem,1fr);gap:1.5rem}
.fin-chart-scroll{overflow-x:auto;padding:1.5rem 1.5rem .75rem}.fin-chart{display:flex;gap:.4rem;min-width:min-content}.fin-chart-column{flex:1;min-width:1.55rem}.fin-chart-link{display:flex;flex-direction:column;width:100%;text-align:center;align-items:stretch;border-radius:4px}.fin-chart-link:hover{background:#f2f7fc}
.fin-chart-positive{height:145px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #c9d9e7}.fin-bar{display:block;width:100%;max-width:3.75rem;border-radius:4px 4px 0 0;background:#438dd1;min-height:0}.fin-bar--partial{background:repeating-linear-gradient(135deg,#79abd5,#79abd5 4px,#cde1f1 4px,#cde1f1 8px)}.fin-bar--missing{background:#c3ced8}.fin-chart-negative{height:145px;display:flex;justify-content:center;align-items:flex-start}.fin-bar--negative{background:#c86874;border-radius:0 0 4px 4px}.fin-chart-label{display:block;font-size:.62rem;color:var(--fin-muted);padding-top:.5rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.fin-comparison{padding:1rem 1.5rem;font-size:.78rem;line-height:1.6;color:var(--fin-muted);border-top:1px solid #edf1f5}.fin-comparison>strong{margin-right:.3rem}.fin-positive{color:#25794d}.fin-negative{color:#b84757}.fin-chart-empty{min-height:235px;display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--fin-muted);font-size:.85rem;text-align:center}
.fin-source-list{display:grid;gap:1.1rem;padding:1.4rem 1.5rem}.fin-source>div:first-child{display:flex;justify-content:space-between;gap:.8rem;font-size:.8rem}.fin-source strong{font-variant-numeric:tabular-nums;white-space:nowrap}.fin-source>small{display:block;font-size:.65rem;color:var(--fin-muted);margin-top:.3rem}.fin-source-track{height:5px;border-radius:4px;background:#f0f4f8;margin-top:.65rem;overflow:hidden}.fin-source-track>span{display:block;height:100%;border-radius:4px;background:#468bcb}.fin-source--card .fin-source-track>span{background:#46a9ac}.fin-source--credit .fin-source-track>span{background:#9c85ca}.fin-source--multisport .fin-source-track>span{background:#d1a351}
.fin-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.fin-insights h3{font-size:1.3rem}.fin-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;padding:1.3rem 1.5rem;overflow-x:auto}.fin-weekdays>div{display:flex;flex-direction:column;gap:.45rem;min-width:0}.fin-weekdays span{font-size:.7rem;color:var(--fin-muted)}.fin-weekdays strong{font-size:.85rem;font-variant-numeric:tabular-nums}.fin-weekdays small{font-size:.65rem;color:var(--fin-muted)}
.fin-table-scroll{overflow:auto;max-height:31rem;border-radius:0 0 18px 18px}.fin-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8rem;text-align:left;white-space:nowrap}.fin-table th,.fin-table td{padding:.95rem 1.2rem;border-bottom:1px solid #e9eef4}.fin-table thead th{position:sticky;top:0;z-index:1;background:#f3f7fb;color:#58748c;font-size:.72rem;font-weight:650;box-shadow:0 1px 0 #dce6ef}.fin-table tbody th{font-weight:650}.fin-table tbody tr:hover{background:#fafcfe}.fin-table tbody tr:last-child>*{border-bottom:0}.fin-table .fin-number{text-align:right;font-variant-numeric:tabular-nums}.fin-detail-link{font-weight:650;color:var(--fin-blue)}.fin-detail-link:hover{text-decoration:underline}.fin-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fin-empty{padding:2.25rem;background:linear-gradient(115deg,#fff,#f1f7ff)}.fin-empty h3{font-size:1.5rem;letter-spacing:-.025em}.fin-empty p:not(.fin-eyebrow){font-size:.875rem;line-height:1.7;color:var(--fin-muted);margin:.75rem 0 1.25rem;max-width:40rem}
@media(max-width:85rem){.fin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-metric>strong{font-size:1.7rem}.fin-recent-day{padding:.75rem .65rem}.fin-recent-day>small{font-size:.6rem}.fin-weekdays{grid-template-columns:repeat(7,minmax(6.5rem,1fr))}.fin-chart-scroll{padding-inline:1rem}.fin-source-list{padding-inline:1rem}}
@media(max-width:74rem){.fin-closing-layout{grid-template-columns:minmax(0,1fr)}.fin-summary{position:static}.fin-summary-inner{display:block}.fin-summary-total{font-size:2rem}.fin-summary-inner .fin-breakdown{max-width:35rem}.fin-save-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-reload>.fi-btn{width:auto}.fin-report-grid{grid-template-columns:minmax(0,1fr)}.fin-insights{grid-template-columns:minmax(0,1fr)}.fin-recent{overflow-x:auto;grid-template-columns:repeat(7,minmax(6.5rem,1fr));padding:2px 2px .5rem}.fin-recent-day>small{font-size:.65rem}}
@media(max-width:40rem){.fin-workspace{gap:1.1rem}.fin-fields{grid-template-columns:minmax(0,1fr);padding:1.2rem}.fin-panel>header,.fin-panel-body{padding:1.2rem}.fin-metrics{gap:.65rem}.fin-metric{padding:1rem}.fin-metric>strong{font-size:1.3rem;overflow-wrap:anywhere}.fin-metric>p{font-size:.7rem}.fin-tabs>a,.fin-tabs>span,.fin-periods>button{padding:.6rem .8rem;font-size:.8rem}.fin-closing-heading{align-items:flex-start}.fin-save-actions{grid-template-columns:minmax(0,1fr)}.fin-history-values{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-history summary>span:last-child{display:block;margin:.3rem 0 0}.fin-date-picker{width:100%}.fin-date-picker>label{width:100%}.fin-date-picker>input{flex:1}.fin-custom-fields>label{flex:1}.fin-chart-label{font-size:.6rem}.fin-empty{padding:1.4rem}.fin-empty h3{font-size:1.3rem}.fin-table th,.fin-table td{padding:.85rem 1rem}.fin-period-nav{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.fin-workspace *{transition:none!important}}
.fin-payment-check{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 1.5rem 1.5rem;padding:.9rem 1rem;border-radius:10px;background:#f1f7fd;color:var(--fin-ink);font-size:.9rem}
.fin-payment-check small{display:block;color:var(--fin-muted);font-size:.75rem;margin-top:.2rem}.fin-payment-check strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.fin-category-heading{padding:1.4rem 1.5rem 0;border-top:1px solid var(--fin-line)}.fin-category-heading h4{font-size:1rem;font-weight:750;margin:0}.fin-category-heading p{font-size:.8rem;line-height:1.6;color:var(--fin-muted);margin:.4rem 0 0}
.fin-fields--categories{grid-template-columns:repeat(3,minmax(0,1fr))}.fin-category-check{margin:0 1.5rem 1.5rem;padding:.8rem 1rem;background:#f4f7fb;border-radius:10px;font-size:.8rem;line-height:1.5;color:var(--fin-muted)}.fin-category-check p{margin:.4rem 0 0}.fin-category-check--ok{color:#156b48;background:#edf9f2}.fin-category-check--error{color:#9a3412;background:#fff4ed}
.fin-category-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;padding:1.5rem;margin:0}.fin-category-totals dt{font-size:.85rem;color:var(--fin-muted)}.fin-category-totals dt small{display:block}.fin-category-totals dd{font-size:1.35rem;font-weight:750;margin:.4rem 0 0;font-variant-numeric:tabular-nums}
@media(max-width:48rem){.fin-fields--categories{grid-template-columns:minmax(0,1fr)}}