/* TailAdmin-inspired application shell. TailAdmin is MIT licensed. */
*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ta-nav,.ta-nav-active{display:flex;align-items:center;gap:.75rem;border-radius:.625rem;padding:.72rem .85rem;font-size:.875rem;font-weight:500;transition:.15s}.ta-nav{color:#667085}.ta-nav:hover{background:#f2f4f7;color:#344054}.ta-nav-active{background:#ecf3ff;color:#465fff}.dark .ta-nav{color:#98a2b3}.dark .ta-nav:hover{background:#1d2939;color:#f2f4f7}.dark .ta-nav-active{background:rgba(70,95,255,.15);color:#8098ff}.ta-card{border:1px solid #e4e7ec;border-radius:1rem;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.03)}.dark .ta-card{border-color:#1d2939;background:#101828}.ta-input{height:2.75rem;width:100%;border:1px solid #d0d5dd;border-radius:.5rem;background:transparent;padding:.625rem .875rem;font-size:.875rem;outline:none;transition:.15s}.ta-input:focus{border-color:#8098ff;box-shadow:0 0 0 3px rgba(70,95,255,.12)}.dark .ta-input{border-color:#344054;color:#f2f4f7}.ta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.68rem 1rem;font-size:.875rem;font-weight:500;transition:.15s}.ta-btn-primary{background:#465fff;color:#fff}.ta-btn-primary:hover{background:#3641f5}.ta-btn-muted{border:1px solid #d0d5dd;background:#fff;color:#344054}.ta-btn-muted:hover{background:#f9fafb}.dark .ta-btn-muted{border-color:#344054;background:#1d2939;color:#e4e7ec}.ta-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:500}.ta-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:#667085}.ta-table td{padding:1rem;font-size:.875rem}.ta-table tbody tr{border-top:1px solid #f2f4f7}.dark .ta-table tbody tr{border-color:#1d2939}@media(max-width:1023px){body.sidebar-open{overflow:hidden}body.sidebar-open #sidebar{transform:translateX(0)}body.sidebar-open #sidebarOverlay{display:block}}
/* Compact application layout. */
.ta-nav,.ta-nav-active{gap:.7rem;padding:.62rem .75rem}
.ta-card{border-radius:.875rem}
summary::-webkit-details-marker{display:none}

/* Financial overview and transaction workspace. */
.finance-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 26px}.section-eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;color:#64748b}.finance-heading h2{font-size:28px;font-weight:750;letter-spacing:-.035em;margin:7px 0}.finance-heading p,.chart-heading p,.filter-title p{font-size:13px;color:#667085;line-height:1.6}.period-label{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:1px solid #e4e7ec;border-radius:10px;font-size:12px;white-space:nowrap}.finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{min-width:0;padding:22px;position:relative;overflow:hidden}.metric-value{font-size:clamp(18px,1.8vw,28px);font-weight:750;letter-spacing:-.04em;line-height:1.4;margin:20px 0 10px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metric-caption{font-size:11px;color:#667085}.metric-featured,.dark .metric-featured{background:linear-gradient(120deg,#273db5,#465fff);border-color:#465fff;color:#fff;box-shadow:0 8px 20px #465fff20}.metric-featured .text-gray-500,.metric-featured .metric-caption{color:#dce3ff}.metric-featured .metric-value{color:#fff}.finance-analysis{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:20px}.cashflow-panel{padding:24px;min-width:0}.chart-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.chart-heading h3,.month-summary h3{font-size:17px;font-weight:650;margin:5px 0}.period-tabs{display:flex;gap:3px;padding:4px;border:1px solid #e4e7ec;border-radius:9px;flex-shrink:0}.period-tabs a{padding:6px 9px;font-size:11px;color:#667085;border-radius:6px}.period-tabs a[aria-current]{background:#ecf3ff;color:#465fff;font-weight:650}.cashflow-canvas{height:270px;margin-top:20px}.month-summary{padding:24px;display:flex;flex-direction:column}.flow-ratio{display:flex;height:10px;background:#fda29b;border-radius:10px;overflow:hidden;margin:28px 0 20px}.flow-ratio span{display:block;height:100%;background:#12b76a}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:12px}.summary-row>span{display:flex;align-items:center;gap:7px;color:#667085}.summary-row strong{font-variant-numeric:tabular-nums}.flow-dot{height:7px;width:7px;border-radius:50%;display:inline-block}.income-dot{background:#12b76a}.expense-dot{background:#f97066}.summary-note{display:flex;align-items:flex-start;gap:9px;padding:13px;background:#f8fafc;border-radius:10px;color:#667085;font-size:12px;line-height:1.7;margin-top:auto}.summary-note svg{flex-shrink:0;margin-top:2px}.summary-link{display:flex;justify-content:space-between;margin-top:20px;color:#465fff;font-size:12px;font-weight:600}.filter-panel{margin-bottom:24px;overflow:hidden}.filter-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #eef0f4}.filter-title{display:flex;align-items:center;gap:12px}.filter-title h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:650}.filter-title p{font-size:12px;margin-top:3px}.filter-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ecf3ff;color:#465fff;border-radius:11px;flex-shrink:0}.filter-count{background:#ecf3ff;color:#465fff;padding:1px 7px;border-radius:6px;font-size:11px}.filter-body{padding:24px}.filter-body[hidden]{display:none}.filter-body .ta-input{background:#fcfcfd;min-width:0}.quick-date{border:1px solid #e4e7ec;border-radius:7px;padding:7px 13px;font-size:12px;color:#475467;background:#fff;transition:.15s}.quick-date:hover,.quick-date[aria-pressed="true"]{border-color:#8098ff;color:#465fff;background:#ecf3ff}.active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 24px;border-top:1px solid #eef0f4;background:#fafbff;font-size:12px;color:#667085}.filter-chip{display:inline-flex;align-items:center;gap:10px;max-width:100%;overflow-wrap:anywhere;border:1px solid #dce3ff;border-radius:7px;padding:5px 10px;background:#fff;color:#465fff}.filter-chip:hover{background:#ecf3ff}.filter-chip span{font-size:16px}.clear-filters{font-weight:600;margin-left:4px;color:#667085}.ta-table tbody tr:hover{background:#f9fafb}.ta-btn:focus-visible,.quick-date:focus-visible,a:focus-visible{outline:3px solid #8098ff;outline-offset:3px}.dark .period-label,.dark .quick-date,.dark .filter-chip,.dark .filter-body .ta-input{background:#182230;border-color:#344054;color:#d0d5dd}.dark .section-eyebrow,.dark .metric-caption,.dark .summary-row>span,.dark .finance-heading p,.dark .chart-heading p,.dark .filter-title p{color:#98a2b3}.dark .summary-note,.dark .active-filters{background:#0c1424;color:#98a2b3}.dark .filter-heading,.dark .active-filters,.dark .period-tabs{border-color:#253247}.dark .ta-table tbody tr:hover{background:#182230}.dark .period-tabs a[aria-current]{background:#465fff25;color:#a4b5ff}.dark .filter-icon,.dark .filter-count{background:#465fff20;color:#a4b5ff}.dark .metric-featured .metric-caption{color:#dce3ff}
@media(min-width:1600px){.metric-value{font-size:28px}}@media(max-width:1279px){.finance-analysis{grid-template-columns:minmax(0,1fr) 260px}.metric-card{padding:17px}.cashflow-panel,.month-summary{padding:20px}}@media(max-width:1023px){.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-value{font-size:25px}.finance-analysis{grid-template-columns:1fr}.month-summary{display:none}}@media(max-width:639px){.finance-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.finance-heading h2{font-size:24px}.finance-metrics{gap:10px}.metric-card{padding:14px}.metric-value{font-size:20px;margin-top:16px}.metric-card .truncate{white-space:normal}.chart-heading{align-items:flex-start;flex-direction:column;gap:12px}.cashflow-panel{padding:18px}.cashflow-canvas{height:230px}.filter-heading{padding:16px}.filter-heading .ta-btn{padding:7px 10px;font-size:11px;white-space:nowrap}.filter-title p{display:none}.filter-title{gap:8px}.filter-icon{width:32px;height:32px}.filter-body{padding:16px}.active-filters{padding:14px 16px}.finance-heading p{font-size:12px}}
.overview-month-picker{flex-shrink:0}.overview-month-picker label{display:block;font-size:11px;font-weight:600;color:#667085;margin-bottom:7px}.overview-month-picker>div{display:flex;align-items:center;gap:8px}.overview-month-picker .ta-input{width:175px;background:#fff}.dark .overview-month-picker .ta-input{background:#182230}.dark .overview-month-picker label{color:#98a2b3}@media(max-width:639px){.overview-month-picker{width:100%}.overview-month-picker .ta-input{width:100%;flex:1}}
/* Refined workspace hierarchy and compact filtering. */
:root{--workspace-ink:#182438;--workspace-muted:#718096;--workspace-line:#e8edf3;--workspace-accent:#465fff}body{background:#f5f7fb;color:var(--workspace-ink)}body>div>div>main{padding-top:28px}#sidebar{border-color:var(--workspace-line)}#sidebar>a{padding-top:25px;padding-bottom:25px}#sidebar nav>p{font-size:10px;letter-spacing:.16em;margin-bottom:16px}.ta-nav,.ta-nav-active{padding:12px 14px;border-radius:10px;font-size:13px}.ta-nav-active{background:#eef1ff;box-shadow:inset 3px 0 #465fff}.ta-nav svg,.ta-nav-active svg{width:18px;height:18px}.ta-card{border-color:var(--workspace-line);border-radius:16px;box-shadow:0 3px 14px #23385804}.ta-btn{border-radius:9px;font-size:12px;font-weight:600;min-height:40px;transition:background .18s,box-shadow .18s,transform .18s}.ta-btn-primary{box-shadow:0 3px 7px #465fff18}.ta-btn-primary:hover{box-shadow:0 5px 12px #465fff30;transform:translateY(-1px)}.ta-btn:active{transform:translateY(0)}.ta-btn-muted{border-color:#e3e8ef;color:#536176}.ta-input{height:42px;border-color:#e1e7ef;border-radius:9px;font-size:12px;color:#344054}.ta-input::placeholder{color:#9aa6b6}.transactions-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.transactions-heading h2{font-size:28px;font-weight:750;letter-spacing:-.045em;margin:6px 0}.transactions-heading p{font-size:13px;line-height:1.65;color:var(--workspace-muted)}.result-count{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--workspace-line);border-radius:30px;font-size:12px;color:#536176;padding:9px 14px;white-space:nowrap}.result-dot{height:6px;width:6px;border-radius:50%;background:#667bca}.filter-heading{padding:17px 22px;border-bottom:0}.filter-title h3{font-size:13px}.filter-title p{font-size:11px;color:var(--workspace-muted)}.filter-icon{width:34px;height:34px;border-radius:10px;background:#f1f3fd}.filter-heading .ta-btn{font-size:11px;min-height:34px;padding:6px 11px;background:transparent}.filter-body{padding:0 22px 18px}.search-toolbar{display:flex;align-items:center;gap:10px}.search-field{flex:1;min-width:0;position:relative}.search-field>svg{position:absolute;left:13px;top:12px;color:#93a1b4;width:17px;height:17px}.search-field .ta-input{padding-left:39px!important;background:#f8fafc;height:44px;font-size:13px}.search-toolbar>.ta-btn{height:44px;padding-left:20px;padding-right:20px}.search-toolbar>.ta-btn span{margin-left:10px}.quick-periods{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:14px}.quick-periods>span{font-size:11px;color:#8491a3;margin-right:8px}.quick-date{border-color:transparent;background:#f3f5f9;padding:6px 11px;font-size:11px;color:#66758a;border-radius:7px;font-weight:500}.quick-date:hover{border-color:#d7defe;background:#f0f3ff}.quick-date[aria-pressed=true]{background:#edf0ff;border-color:#dbe1ff;color:#465fff}.advanced-filters{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .25s ease,opacity .2s ease}.advanced-filters.is-collapsed{grid-template-rows:0fr;opacity:0}.advanced-inner{overflow:hidden;min-height:0}.filter-fields{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1fr;gap:14px;border-top:1px solid var(--workspace-line);padding-top:18px;margin-top:18px}.filter-fields>div{min-width:0}.filter-fields label{display:block;color:#718096;font-size:11px;margin-bottom:7px;font-weight:500}.filter-fields .ta-input{background:white}.filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:16px}.reset-link{font-size:11px;color:#8491a3}.reset-link:hover{color:#465fff}.active-filters{padding:11px 22px;background:#fafbfe;font-size:11px;border-color:var(--workspace-line)}.filter-chip{font-size:10px;border-radius:6px;padding:3px 8px;border-color:#e2e7f5;color:#64729b}.filter-chip span{font-size:14px}.clear-filters{font-size:10px}.results-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;gap:16px;border-bottom:1px solid var(--workspace-line)}.results-heading h3{font-size:13px;font-weight:650}.results-heading p{font-size:11px;color:#8491a3;margin-top:4px}.results-heading .ta-badge{font-size:10px;background:#f3f5f9;color:#718096;padding:5px 9px}.ta-table th{font-size:10px;text-transform:none;letter-spacing:.015em;padding:13px 20px;color:#8491a3}.ta-table td{font-size:12px;padding:18px 20px}.transaction-results article{padding:18px 20px}.transaction-results article strong{font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:42px 20px 46px}.empty-state>span{display:flex;align-items:center;justify-content:center;margin:0 auto 16px;width:58px;height:58px;border:7px solid #f8fafc;border-radius:50%;background:#eff3f8;color:#8797ae}.empty-state h4{font-size:14px;font-weight:600;color:#475569}.empty-state p{font-size:12px;line-height:1.7;margin:7px 0 18px;color:#8491a3}.empty-state .ta-btn{font-size:11px;min-height:34px}.ta-table .empty-state{padding:12px 20px}.transaction-results{transition:opacity .18s;position:relative}.is-updating .transaction-results{opacity:.48;pointer-events:none}.is-updating .filter-panel{cursor:progress}main.is-updating:before{content:'';position:fixed;left:0;top:0;z-index:100;height:3px;width:45%;background:#465fff;animation:request-progress .9s ease-in-out infinite}.metric-card{padding:24px}.metric-card .h-9{background:transparent;width:24px;height:24px;border-radius:0}.metric-card .text-xs{font-size:12px}.metric-featured,.dark .metric-featured{background:linear-gradient(115deg,#263968,#3f5594);border-color:#3f5594;box-shadow:0 5px 14px #26396816}.metric-value{font-weight:650;font-size:26px;margin-top:20px;letter-spacing:-.045em}.metric-caption{padding-top:13px;border-top:1px solid #edf0f5;color:#8491a3}.metric-featured .metric-caption{border-color:#ffffff20}.finance-heading h2{font-weight:700}.section-eyebrow{font-size:9px;letter-spacing:.15em}.chart-heading h3,.month-summary h3{font-size:15px}.period-tabs{border-color:#edf0f5;background:#f8fafc}.period-tabs a[aria-current]{background:#fff;color:#465fff;box-shadow:0 1px 4px #20305812}.month-summary .summary-note{font-size:11px}.dark .transactions-heading p,.dark .filter-fields label{color:#98a2b3}.dark .result-count,.dark .search-field .ta-input{background:#182230;border-color:#344054;color:#d0d5dd}.dark .results-heading,.dark .filter-fields{border-color:#253247}.dark .quick-date,.dark .results-heading .ta-badge{background:#1d2939;color:#a9b6c9;border-color:transparent}.dark .quick-date[aria-pressed=true]{background:#465fff22;border-color:#465fff55;color:#a4b5ff}.dark .metric-caption{border-color:#253247}.dark .metric-featured .metric-caption{border-color:#ffffff20}.dark .empty-state>span{border-color:#182230;background:#1d2939}.dark .empty-state h4{color:#d0d5dd}.dark .period-tabs{background:#182230}.dark .period-tabs a[aria-current]{background:#344054;color:#d0d5dd}
@keyframes request-progress{0%{transform:translateX(-100%)}100%{transform:translateX(320%)}}
@media(max-width:1279px){.filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:20px}.metric-value{font-size:23px}}@media(max-width:639px){body>div>div>main{padding-top:23px}.transactions-heading{align-items:flex-start;margin-bottom:20px;gap:12px}.transactions-heading h2{font-size:23px}.transactions-heading p{font-size:12px;max-width:290px}.result-count{font-size:10px;padding:7px 10px;margin-top:21px}.filter-heading{padding:15px 16px}.filter-body{padding:0 16px 15px}.filter-title h3{font-size:12px}.filter-heading .ta-btn{font-size:10px;padding:5px 8px}.filter-icon{display:none}.search-toolbar{gap:8px}.search-toolbar>.ta-btn{padding:0 13px;font-size:11px}.search-toolbar>.ta-btn span{display:none}.search-field .ta-input{font-size:12px}.quick-periods{gap:5px}.quick-periods>span{display:none}.quick-date{font-size:10px;padding:6px 10px}.filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.filter-fields>div:first-child{grid-column:1/-1}.filter-actions{justify-content:space-between}.active-filters{padding:10px 16px;gap:6px}.results-heading{padding:16px}.metric-card{padding:16px}.metric-value{font-size:21px}.metric-caption{font-size:10px;padding-top:10px}.metric-card .text-xs{font-size:10px}.finance-heading{margin-bottom:20px}.finance-analysis{gap:14px}.empty-state{padding:35px 16px}.empty-state p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.metric-featured .text-brand-500{color:#dce5ff}.metric-featured .text-gray-500{color:#e0e7ff}.metric-featured .metric-caption{color:#c6d3f3}.transaction-results .ta-table tbody tr{transition:background .15s}
/* Long bank references must wrap without displacing the amount. */
.transaction-card{min-width:0;max-width:100%}.transaction-card-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.transaction-card-content{min-width:0}.transaction-description,.transaction-card-content p,.transaction-card code{min-width:0;overflow-wrap:anywhere;word-break:normal}.transaction-amount{min-width:0;max-width:100%;text-align:right;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.transaction-card>p{min-width:0;overflow-wrap:anywhere}.transaction-card code{max-width:100%}
@media(max-width:479px){.transaction-card-main{grid-template-columns:minmax(0,1fr)}.transaction-card-main>.transaction-amount{grid-row:1;justify-self:end}.transaction-card-main>.transaction-card-content,.transaction-card-main>.transaction-description{grid-row:2}.transaction-card-content p,.transaction-description{line-height:1.65}}
/* Subtle emphasis for transaction amounts. */
.transaction-amount{display:inline-block;justify-self:end;border-radius:7px;padding:5px 9px;font-size:15px;line-height:1.4;font-weight:700;letter-spacing:-.015em;background:#fef3f2;color:#d92d20}.transaction-amount.text-emerald-600{background:#ecfdf3;color:#078454}.ta-table .transaction-amount-cell{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.015em;background:#fff8f7}.ta-table .transaction-amount-cell.text-emerald-600{background:#f4fcf7;color:#078454}.dark .transaction-amount,.dark .ta-table .transaction-amount-cell{background:#f0443812;color:#fda29b}.dark .transaction-amount.text-emerald-600,.dark .ta-table .transaction-amount-cell.text-emerald-600{background:#12b76a15;color:#6ce9a6}@media(max-width:479px){.transaction-amount{font-size:15px}}