.fin-root{max-width:1440px;margin:auto}.fin-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#e8eddb;border:1px solid #cedabc;border-radius:9px;padding:15px 18px;margin:20px 0;color:#3c5338}.fin-banner span{flex:1;min-width:200px;font-size:12px;line-height:1.6}.fin-banner strong{font-size:12px;text-transform:uppercase;letter-spacing:.7px}.fin-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:10px;margin:20px 0}.fin-tabs button{white-space:nowrap;padding:10px 14px;border-radius:6px}.fin-tabs button.selected{background:var(--green);color:white}.fin-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;background:white;border:1px solid var(--line);padding:16px 20px;border-radius:9px;margin-bottom:22px}.fin-root label,.fin-dialog label{display:block;font-size:12px;font-weight:600;margin:7px 0}.fin-root input,.fin-root select{width:100%;padding:9px;border:1px solid #dce3d7;border-radius:5px;background:#fff;color:var(--ink)}.fin-root .fin-search{flex:1;min-width:210px}.fin-root .fin-search input{display:block;margin-top:6px}.fin-toolbar{align-items:flex-end}.fin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.fin-panel{padding:22px;min-width:0}.fin-panel h2{font-size:17px;margin:0 0 16px}.fin-panel h3{font-size:14px;margin-top:20px}.fin-breakdown{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.fin-breakdown:last-child{border-bottom:0}.fin-breakdown strong{white-space:nowrap}.fin-breakdown small,.fin-table small{display:block;color:#7b877a;font-size:11px;margin-top:5px;line-height:1.5}.fin-table-wrap{width:100%;overflow:auto}.fin-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.fin-table th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#75846e;background:#f3f6ee;padding:15px 16px;white-space:nowrap}.fin-table td{padding:17px 16px;border-bottom:1px solid var(--line);min-width:100px}.fin-table td:first-child{min-width:220px}.fin-table td .link{text-align:left}.fin-money{white-space:nowrap;font-weight:700}.fin-badge{display:inline-block;font-size:10px;line-height:1.4;background:#edf2e6;color:#41633e;border:1px solid #dbe5d1;border-radius:4px;padding:4px 7px;white-space:nowrap}.fin-pagination{display:flex;gap:14px;justify-content:flex-end;align-items:center;margin:20px 0;flex-wrap:wrap;font-size:12px}.fin-pagination>span:first-child{margin-right:auto;color:#7a8775}.fin-disabled{opacity:.4}.fin-detail-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.fin-detail-heading h2{font-size:23px;margin:8px 0}.fin-detail-amount{font:700 28px Manrope,sans-serif;white-space:nowrap}.fin-warning,.fin-recovery{padding:14px;background:#fff6df;border:1px solid #e4d7b3;border-radius:6px;line-height:1.65;color:#766036}.fin-demo-note{font-size:12px;color:#677c60;line-height:1.6}.fin-footnote{font-size:11px;line-height:1.6;color:#7b8775;margin-top:25px}.fin-dialog{max-width:100%;line-height:1.6}.fin-dialog fieldset{border:1px solid var(--line);border-radius:8px;padding:16px;margin:20px 0;min-width:0}.fin-dialog legend{padding:0 6px;font-weight:700}.fin-dialog .check-label{display:flex;align-items:center;gap:8px}.fin-dialog .check-label input{width:auto}.fin-dialog select[multiple]{min-height:84px}.fin-allocation{display:grid;grid-template-columns:1fr 120px auto;align-items:end;gap:8px;margin-bottom:8px}.fin-drop{display:flex!important;flex-direction:column;gap:8px;align-items:center;padding:25px;border:1px dashed #9caf8f;border-radius:8px;background:#f5f8ee;cursor:pointer}.fin-drop input{max-width:100%;font-size:12px}.fin-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;height:220px;padding:15px 0 0}.fin-chart-column{display:flex;flex-direction:column;align-items:center;min-width:0;gap:8px}.fin-chart-amount{font-size:9px;white-space:nowrap}.fin-chart-track{height:155px;width:100%;max-width:45px;display:flex;align-items:flex-end;background:#f3f5ef;border-radius:4px}.fin-chart-bar{width:100%;background:#64835b;border-radius:4px 4px 0 0;min-height:2px}.fin-chart-bar.negative{background:#b28460}.fin-chart-column small{font-size:10px;color:#7a8672}#modal:has(.fin-dialog){width:min(790px,95vw)}#modal-error{white-space:pre-line}
@media(max-width:1000px){.fin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-grid{grid-template-columns:1fr}.fin-chart{gap:5px}.fin-chart-amount{font-size:8px}}
@media(max-width:600px){.fin-root .heading{gap:12px}.fin-filters{padding:12px;gap:8px}.fin-panel{padding:16px}.fin-detail-heading{flex-direction:column;gap:8px}.fin-chart{overflow:auto;grid-template-columns:repeat(12,40px)}.fin-chart-amount{font-size:9px}.fin-allocation{grid-template-columns:1fr 90px}.fin-allocation>.link{grid-column:1/-1;text-align:right}.fin-banner{padding:12px}.fin-breakdown{flex-wrap:wrap}.fin-table{font-size:11px}.fin-tabs{gap:3px}.fin-tabs button{padding:9px}.fin-dialog .form-grid{grid-template-columns:1fr}.fin-root .stat-value{font-size:23px}}
@media print{aside,header,footer,.fin-banner,.fin-tabs,.fin-toolbar button,.fin-pagination,#toast,.fin-root .heading>button,.fin-root .fin-footnote{display:none!important}.shell{margin:0}main{padding:0}.fin-root .fin-filters{display:none}.fin-table-wrap{overflow:visible}.fin-table td,.fin-table th{padding:8px}.fin-root .panel{break-inside:avoid}}
.fin-table input[type="checkbox"]{width:17px;height:17px;accent-color:var(--green)}.fin-table td:has([data-fin-select]){min-width:45px;width:45px}.fin-bulk-field{border:1px solid var(--line);padding:12px;border-radius:7px}.fin-bulk-field .check-label{margin-top:0}.fin-dialog .fin-grid{gap:12px}

/* Expense entry keeps labels attached to their controls and optional fields quiet. */
.fin-expense-form{display:grid;gap:18px}
.fin-expense-form .form-grid{gap:16px;align-items:start}
.fin-expense-form .fin-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.fin-expense-form label{margin:0;line-height:1.45}
.fin-expense-form :is(input,select,textarea){margin:0;min-width:0}
.fin-expense-form input:not([type=checkbox]):not([type=hidden]),.fin-expense-form select{min-height:40px}
.fin-expense-form .form-help{margin:0;font-size:11px;line-height:1.5}
.fin-expense-form .fin-payment-choice{padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:var(--racing-soft,#f3f6ee)}
.fin-expense-form .fin-payment-choice .form-help{margin-top:6px}
.fin-expense-form .check-label{display:flex;margin:0;gap:8px;align-items:center}
.fin-expense-form .check-label input{margin:0;width:16px;height:16px;flex-shrink:0}
.fin-expense-form .fin-money-date{grid-template-columns:minmax(160px,210px) minmax(170px,230px)}
.fin-expense-form fieldset{margin:0;padding:14px 16px}
.fin-expense-form legend{font-size:12px}
.fin-expense-form .fin-allocation{grid-template-columns:minmax(0,1fr) 135px auto;gap:12px;margin:0 0 10px;align-items:end}
.fin-expense-form .fin-allocation>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.fin-expense-form .fin-allocation.fin-single-category{grid-template-columns:minmax(0,1fr);max-width:380px}
.fin-expense-form .fin-category-fields>.form-help{margin:4px 0 12px}
.fin-expense-form .fin-optional{margin:0;border-top:1px solid var(--line);padding-top:16px}
.fin-expense-form .fin-optional summary{font-weight:600;line-height:1.6}
.fin-expense-form .fin-optional-fields{display:grid;gap:16px;margin-top:14px}
#modal .fin-expense-form #fin-tags{height:76px;min-height:76px;max-width:300px;padding:5px 8px}
.fin-expense-form #fin-invoice{max-width:300px}
.fin-expense-form .fin-link-picker{display:flex;gap:8px}
.fin-expense-form .fin-link-picker input{flex:1;width:0}
.fin-expense-form .fin-link-picker button{white-space:nowrap}
.fin-expense-form #fin-selected-links{display:flex;gap:6px;flex-wrap:wrap}
.fin-expense-form .fin-selected-link{display:inline-flex;gap:8px;align-items:center;background:var(--racing-soft,#edf2e6);border-radius:5px;padding:4px 8px;font-size:11px;overflow-wrap:anywhere}
.fin-expense-form .fin-selected-link button{font-size:18px;padding:0 4px}
.fin-expense-form .fin-drop{margin:10px 0;padding:18px}
.fin-expense-form .fin-documents>.fin-field{margin-top:14px}
.fin-expense-form textarea{min-height:70px}
.fin-expense-form #fin-duplicate-confirm{margin:0}
.fin-expense-form #fin-duplicate-confirm p{margin:6px 0 12px}
@media(max-width:600px){
  .fin-expense-form .fin-money-date{grid-template-columns:1fr 1fr}
  .fin-expense-form .fin-allocation{grid-template-columns:minmax(0,1fr) 105px}
  .fin-expense-form .fin-allocation>.link{grid-column:1/-1}
  .fin-expense-form fieldset{padding:12px}
  .fin-expense-form .fin-link-picker{flex-wrap:wrap}
  .fin-expense-form .fin-link-picker input{width:100%;flex-basis:100%}
}

.fin-currency-input{display:block;position:relative;min-width:0}
.fin-currency-input>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted);font-size:13px;line-height:1}
.fin-dialog .fin-currency-input>input{width:100%;padding-left:28px}
.fin-expense-form .fin-choice-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.fin-expense-form .fin-choice-label .fin-add-reference{font-size:10px;padding:0;line-height:1.45}
.fin-expense-form .fin-inline-directory{padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--racing-soft,#f3f6ee);margin-top:6px}
.fin-expense-form .fin-inline-fields{display:grid;gap:10px;margin:10px 0}
.fin-expense-form .fin-inline-directory>strong{font-size:12px}
.fin-expense-form .fin-inline-directory .error-text{font-size:11px;margin:8px 0}
.fin-expense-form .fin-inline-directory .button-group button{font-size:10px;padding:7px}
.fin-expense-form .fin-allocation:has(.fin-inline-directory:not([hidden])){align-items:start}
.fin-expense-form .fin-subscription-hint{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:12px;color:var(--muted)}
.fin-expense-form .fin-subscription-hint .link{font-size:12px;font-weight:600;padding:0}

.fin-subscription-form{display:grid;gap:16px}
.fin-subscription-form .fin-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.fin-subscription-form label,.fin-subscription-form .form-help{margin:0}
.fin-subscription-form .form-help{font-size:11px;line-height:1.5}
.fin-subscription-form .fin-cadence-row{display:grid;grid-template-columns:90px minmax(130px,180px);gap:12px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--racing-soft,#edf4f0);width:fit-content;max-width:100%}
.fin-subscription-form .fin-choice-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.fin-subscription-form .fin-add-reference{padding:0;font-size:11px}
.fin-subscription-form .fin-inline-directory{padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--racing-soft,#edf4f0)}
.fin-subscription-form .fin-inline-fields{display:grid;gap:12px;margin:12px 0}
.fin-subscription-form .fin-billing-note{padding:12px 14px;background:var(--racing-soft,#edf4f0);border:1px solid var(--line);border-radius:7px;font-size:12px;line-height:1.6}
.fin-subscription-form #fin-amount{max-width:220px}
.fin-subscription-form .fin-currency-input{max-width:220px}
.fin-subscription-form .fin-subscription-trial{display:grid;gap:12px;margin:0}
.fin-subscription-form .check-label{margin:0}
.fin-subscription-trial{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0}
.fin-subscription-trial summary{font-weight:600;line-height:1.6}
.fin-subscription-trial .form-help{margin:8px 0}