@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;700&display=swap";:root{color-scheme:light dark;--radius-lg:24px;--radius-md:16px;--radius-sm:10px}[data-theme=dark]{color-scheme:dark;--bg:#0f1115;--bg-soft:#141820;--panel:#1a1f2a;--panel-alt:#202735;--panel-border:hsla(0,0%,100%,.08);--text:#f1f5f9;--muted:#a7b0bf;--accent:#4dd6b0;--accent-strong:#2eb08f;--warn:#f5b971;--danger:#f26d6d;--shadow:0 18px 50px rgba(0,0,0,.35)}[data-theme=light]{color-scheme:light;--bg:#f5f7fa;--bg-soft:#fff;--panel:#fff;--panel-alt:#f1f3f7;--panel-border:rgba(15,23,42,.12);--text:#0f172a;--muted:#5b677a;--accent:#0ea5a8;--accent-strong:#0f766e;--warn:#d97706;--danger:#dc2626;--shadow:0 14px 24px rgba(15,23,42,.08)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,-apple-system,sans-serif;margin:0;max-width:100vw;min-height:100vh}body,html{overflow-x:hidden}html{max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{justify-content:space-between;padding:28px 48px 16px}.brand,.topbar{align-items:center;display:flex}.brand{gap:16px}.brand-mark{background:var(--accent);border-radius:14px;box-shadow:0 8px 18px #0ea5a840;display:block;height:46px;-o-object-fit:cover;object-fit:cover;width:46px}.brand-title{font-size:1.4rem;font-weight:700;margin:0}.brand-subtitle{color:var(--muted);font-size:.95rem;margin:4px 0 0}.topbar-actions{min-width:0}.nav,.topbar-actions{align-items:center;display:flex;gap:12px}.nav{flex-wrap:wrap}.nav-link{border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:.95rem;padding:8px 14px}.nav-link.active{background:#7ee6c71f;border-color:#7ee6c766;color:var(--text)}.breadcrumbs{align-items:center;color:var(--muted);display:flex;font-size:.85rem;gap:8px}.breadcrumbs span{opacity:.7}.breadcrumbs a{color:var(--text);font-weight:600}.section-divider{background:#ffffff14;height:1px;margin:16px 0}.user-chip{align-items:center;background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;color:var(--muted);display:flex;font-size:.9rem;gap:8px;padding:8px 14px}.user-dot{background:var(--accent);border-radius:999px;box-shadow:0 0 0 4px #7ee6c726;height:8px;width:8px}.main{flex:1;min-width:0;padding:0 48px 48px}.dashboard{display:grid;gap:24px;min-width:0}.chart-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.chart-card{display:grid;gap:16px}.comparison-layout{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.chart-bars{display:grid;gap:14px}.chart-col{align-items:flex-start;display:flex;flex-direction:column;gap:8px;width:100%}.chart-bar{border-radius:999px;height:14px;opacity:.9;overflow:hidden;width:100%}.chart-bar:hover{transform:none}.chart-bar.actual{opacity:.55}.chart-bars.single-bars .chart-bar.budget{align-items:stretch;border-radius:999px;display:flex;opacity:1;position:relative;width:100%}.chart-bars.single-bars .chart-bar.actual{border-radius:inherit;height:100%;opacity:1}.chart-label{color:var(--muted);font-size:.82rem;text-align:left}.chart-values{font-size:.75rem}.chart-label{cursor:pointer;display:inline-block;transform-origin:left center;transition:transform .16s ease,color .16s ease,text-shadow .16s ease}.chart-label.is-hovered,.chart-label:hover{color:var(--text);font-weight:700;text-shadow:0 0 10px hsla(0,0%,100%,.15);transform:scale(1.06)}.chart-legend{color:var(--muted);display:flex;font-size:.85rem;gap:16px}.legend-dot{background:var(--accent);border-radius:999px;display:inline-block;height:10px;margin-right:6px;width:10px}.legend-dot.budget{opacity:.9}.legend-dot.actual{opacity:.5}.donut-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:minmax(180px,240px) minmax(0,1fr)}.donut{border-radius:50%;display:grid;height:250px;place-items:center;position:relative;width:250px}.donut:after{background:var(--panel);border-radius:50%;box-shadow:inset 0 0 20px #00000059;content:""}.donut-center,.donut:after{height:150px;position:absolute;width:150px}.donut-center{display:grid;gap:4px;place-content:center;text-align:center;z-index:1}.donut-value{font-size:1rem;font-weight:600;margin:0}.donut-center-value{margin:0 auto}.donut-center-value,.donut-sub{max-width:100%;text-align:center}.donut-sub{color:var(--muted);font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend{align-self:stretch;display:grid;gap:8px;justify-self:stretch;min-width:0;padding-right:8px;width:100%}.donut-legend-row{align-items:center;display:grid;gap:12px;grid-template-columns:16px minmax(0,2.2fr) minmax(90px,1fr) minmax(90px,1fr)}.donut-header{color:#ffffffb8;font-size:.78rem;font-weight:600;letter-spacing:.1em;line-height:1.1;text-transform:uppercase}.donut-item{align-items:center;background:transparent;border:none;color:var(--text);-moz-column-gap:12px;column-gap:12px;cursor:pointer;display:grid;font-size:.85rem;gap:8px;grid-template-columns:16px minmax(0,2.2fr) minmax(90px,1fr) minmax(90px,1fr);padding:6px 0;text-align:left}.donut-item .muted{color:var(--muted);font-size:.75rem}.donut-amount{font-variant-numeric:tabular-nums;text-align:right}.donut-category{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-only-panel{display:grid;padding-top:10px;place-items:center}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0;padding:24px}.card-title{font-size:1.1rem;font-weight:600;margin:0 0 12px}.stat-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:18px}.stat-label{color:var(--muted);font-size:.85rem}.stat-value{font-size:1.6rem;font-weight:700;margin-top:8px}.stat-value.positive{color:var(--accent)}.stat-value.negative{color:var(--danger)}.range{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.input{background:var(--panel-alt);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text);padding:10px 12px}.input::-moz-placeholder{color:#fff6}.input::placeholder{color:#fff6}.table{border-collapse:collapse;font-size:.95rem;width:100%}.table-wrap{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.table td,.table th{border-bottom:1px solid hsla(0,0%,100%,.08);padding:12px 8px;text-align:left;vertical-align:top}.table td{overflow-wrap:anywhere}.table td .btn{margin-right:6px}.table-actions-head{text-align:right!important;white-space:nowrap;width:1%}.table-actions-head .btn{margin-right:0}.table-actions-cell{text-align:right;white-space:nowrap;width:1%}.table-actions-cell .btn{margin-right:8px;min-width:76px}.table-actions-cell .btn:last-child{margin-right:0}.table-toolbar{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(150px,1fr));margin-top:16px}.group-row td{background:#0ea5a81f;color:var(--text);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.drag-cell{width:36px}.drag-handle{background:transparent;border:none;border-radius:4px;cursor:grab;height:24px;position:relative;width:18px}.drag-handle:before{background:currentColor;border-radius:999px;box-shadow:8px 0 0 currentColor,0 8px 0 currentColor,8px 8px 0 currentColor,0 16px 0 currentColor,8px 16px 0 currentColor;color:var(--muted);content:"";height:4px;left:3px;position:absolute;top:2px;width:4px}.drag-handle:disabled{cursor:not-allowed;opacity:.45}.table-context-menu{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;box-shadow:var(--shadow);display:grid;gap:4px;min-width:220px;padding:6px;position:fixed;z-index:90}.table-context-item{background:transparent;border:none;border-radius:8px;color:var(--text);cursor:pointer;font-size:.84rem;padding:8px 10px;text-align:left}.search-toggle,.table-context-item:hover{background:var(--panel-alt)}.search-toggle{align-items:center;border:1px solid var(--panel-border);border-radius:6px;color:var(--muted);cursor:pointer;display:inline-flex;height:24px;justify-content:center;padding:0;position:relative;width:24px}.search-toggle.active{border-color:#7ee6c766;color:var(--text)}.search-toggle:before{border:1.8px solid;border-radius:50%;box-sizing:border-box;content:"";display:inline-block;height:9px;transform:translate(-1px,-1px);width:9px}.search-toggle:after{background:currentColor;border-radius:999px;content:"";height:1.8px;position:absolute;transform:translate(4px,4px) rotate(42deg);width:6px}.column-filter-row th{padding-bottom:10px;padding-top:8px}.column-filter-row .input{min-width:110px;padding:7px 9px;width:100%}.transfer-actions{display:flex;flex-wrap:wrap;gap:8px}.transfer-dest{gap:8px}.info-button,.transfer-dest{align-items:center;display:inline-flex}.info-button{background:var(--panel-alt);border:1px solid var(--panel-border);border-radius:50%;color:var(--muted);cursor:pointer;font-size:.75rem;font-weight:600;height:22px;justify-content:center;line-height:1;transition:transform .2s ease,color .2s ease,border-color .2s ease;width:22px}.info-button:hover{border-color:#7ee6c766;color:var(--text);transform:translateY(-1px)}.transfer-details-row td{border-bottom:1px solid hsla(0,0%,100%,.08);padding:0 8px 16px}.transfer-details{background:var(--panel-alt);border:1px solid var(--panel-border);border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:12px}.transfer-account{display:grid;gap:6px}.transfer-label{color:var(--muted);font-size:.7rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.transfer-name{font-weight:600;margin:0}.transfer-meta{color:var(--muted);font-size:.85rem;margin:0;word-break:break-word}.table th{color:var(--muted);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;padding:6px 10px}.pill.income{background:#7ee6c726;border:1px solid rgba(126,230,199,.3);color:var(--accent)}.pill.expense{background:#ff6b6b26;border:1px solid hsla(0,100%,71%,.3);color:var(--danger)}.btn{border:none;border-radius:999px;cursor:pointer;font-weight:600;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 10px 20px #20c9974d;color:#0b1215}.btn.ghost{background:transparent;border:1px solid var(--panel-border);color:var(--text)}.btn.danger{background:#ff6b6b26;border:1px solid hsla(0,100%,71%,.4);color:var(--danger)}.btn:hover{transform:translateY(-1px)}.form-grid{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.record-form{margin:0 auto;padding:28px;width:min(100%,1320px)}.record-form-grid{display:grid;gap:14px 16px;grid-template-columns:repeat(3,minmax(220px,1fr))}.record-field{display:grid;gap:6px}.record-field.full{grid-column:1/-1}.record-label{color:var(--muted);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.record-actions{margin-top:16px}@media(max-width:1100px){.record-form{width:min(100%,980px)}.record-form-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}.mobile-transactions{display:none;gap:10px}.mobile-transaction-card{background:var(--panel-alt);border:1px solid var(--panel-border);border-radius:var(--radius-md);display:grid;gap:4px;padding:12px}.mobile-transaction-title{font-weight:600;margin:0}.mobile-transaction-line{color:var(--muted);font-size:.8rem;margin:0}.mobile-transaction-amount{font-weight:700;margin:4px 0 0}.mobile-transaction-actions{display:flex;gap:8px;margin-top:8px}.auth-wrapper{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:calc(100vh - 120px)}.auth-brand{display:grid;gap:12px;margin-bottom:8px;place-items:center;text-align:center}.auth-brand-title{font-size:1.35rem;font-weight:700;margin:0}.auth-brand-subtitle{color:var(--muted);font-size:.9rem;margin:4px 0 0}.auth-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px;width:min(480px,100%)}.auth-title{font-size:1.6rem;margin-bottom:8px}.auth-subtitle{color:var(--muted);margin-bottom:24px}.input-group{display:grid;gap:8px;margin-bottom:16px}.helper{color:var(--muted);font-size:.85rem}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.user-menu{position:relative}.user-chip{border:none;cursor:pointer}.user-chip .chevron{font-size:.75rem;margin-left:6px;opacity:.7}.menu-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow);display:grid;gap:14px;padding:16px;position:absolute;right:0;top:calc(100% + 12px);width:min(360px,86vw);z-index:20}.menu-section{display:grid;gap:8px}.menu-title{color:var(--muted);font-size:.7rem;letter-spacing:.12em;margin:0;text-transform:uppercase}.menu-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.menu-divider{background:#ffffff14;height:1px}.menu-list{display:grid;gap:8px;max-height:180px;overflow:auto}.menu-item{align-items:center;display:flex;font-size:.9rem;gap:8px;justify-content:space-between}@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column;gap:16px;padding:20px 24px 12px}.main{padding:0 24px 32px}.nav{width:100%}.nav-link{flex:1 1 auto;text-align:center}.donut-wrapper{gap:16px;justify-items:center}.comparison-layout,.donut-wrapper{grid-template-columns:1fr}.donut-legend{padding-right:0}}@media(max-width:600px){.brand{align-items:flex-start}.stat-grid{grid-template-columns:1fr}.range{align-items:stretch;flex-direction:column}.main{padding:0 16px 24px}.card{padding:16px}.topbar-actions{width:100%}.breadcrumbs{flex-wrap:wrap}.table{font-size:.8rem}.table td,.table th{padding:8px 6px}.record-form-grid,.table-toolbar{grid-template-columns:1fr}.record-form{padding:16px}.transactions-table-wrap{display:none}.mobile-transactions{display:grid}.mobile-transaction-actions .btn{flex:1;margin:0}.donut{height:210px;width:210px}.donut-center,.donut:after{height:128px;width:128px}.donut-item,.donut-legend-row{font-size:.78rem;grid-template-columns:14px minmax(0,1fr) minmax(72px,auto) minmax(72px,auto)}}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.warning{background:#ffb34726;border:1px solid rgba(255,179,71,.35);border-radius:var(--radius-md);color:var(--warn);padding:14px 18px}.warning.dismissible{align-items:center;display:flex;gap:12px;justify-content:space-between}.warning-close{background:transparent;border:1px solid var(--panel-border);border-radius:999px;color:inherit;cursor:pointer;font-size:1rem;height:28px;line-height:1;width:28px}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:600;padding:6px 12px}.badge.success{background:#7ee6c726;border:1px solid rgba(126,230,199,.3);color:var(--accent)}.badge.pending{background:#ffb34726;border:1px solid rgba(255,179,71,.3);color:var(--warn)}.row-warning td{background:#ffb34714}.config-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:16px}.config-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);display:grid;gap:6px;padding:18px;transition:transform .2s ease,border-color .2s ease}.config-card:hover{border-color:#7ee6c766;transform:translateY(-2px)}.config-card h3{font-size:1rem;margin:0}.config-card p{color:var(--muted);font-size:.85rem;margin:0}