@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&family=Clash+Display:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080a0d;--bg2:#0f1215;--bg3:#161b21;--bg4:#1d2329;--border:#1f2530;--border2:#2a3340;--text:#eef0f5;--text2:#9aa3b0;--muted:#4f5a68;--accent:#3b82f6;--accent-glow:#3b82f620;--green:#22c55e;--green-dim:#22c55e20;--red:#ef4444;--red-dim:#ef444420;--yellow:#f59e0b;--yellow-dim:#f59e0b20;--purple:#8b5cf6;--sidebar-w:240px;--topbar-h:60px;--bottom-nav-h:60px;--font-display:"Clash Display", "Syne", sans-serif;--font-mono:"DM Mono", monospace;--radius:10px;--radius-sm:6px}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;font-size:13px}.app-shell{height:100vh;display:flex;overflow:hidden}.main{background:var(--bg);flex:1;min-width:0;overflow-y:auto}.tab-content{min-height:100%;padding-bottom:80px}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);z-index:100;flex-direction:column;transition:transform .3s;display:flex;overflow:hidden auto}.brand{border-bottom:1px solid var(--border);flex-shrink:0;padding:22px 20px 16px}.brand h1{font-family:var(--font-display);letter-spacing:-1px;font-size:26px;font-weight:700;line-height:1}.brand h1 span{color:var(--accent)}.brand p{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:10px}.sidebar nav{flex:1;padding:10px 0}.sidebar nav button{width:100%;color:var(--text2);font-family:var(--font-mono);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:10px;padding:10px 18px;font-size:12px;transition:all .15s;display:flex}.sidebar nav button:hover{background:var(--bg3);color:var(--text)}.sidebar nav button.active{background:var(--accent-glow);color:var(--accent);border-left-color:var(--accent)}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:14px}.nav-divider{background:var(--border);height:1px;margin:6px 14px}.year-selector{border-top:1px solid var(--border);flex-shrink:0;padding:14px 18px}.year-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:10px}.year-btns{flex-wrap:wrap;gap:4px;display:flex}.year-btns button{background:var(--bg3);border:1px solid var(--border);color:var(--text2);font-family:var(--font-mono);cursor:pointer;border-radius:20px;padding:4px 9px;font-size:11px;transition:all .15s}.year-btns button:hover{border-color:var(--accent);color:var(--accent)}.year-btns button.active{background:var(--accent);border-color:var(--accent);color:#fff}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:12px 18px}.sidebar-footer p{color:var(--muted);font-size:10px}.mobile-nav{height:var(--bottom-nav-h);background:var(--bg2);border-top:1px solid var(--border);z-index:200;-webkit-overflow-scrolling:touch;display:none;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-inner{align-items:stretch;min-width:max-content;padding:0 4px;display:flex}.mobile-nav button{color:var(--muted);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 14px;font-size:9px;transition:color .15s;display:flex}.mobile-nav button.active{color:var(--accent);border-top-color:var(--accent)}.mobile-nav-icon{font-size:18px}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--bg);z-index:50;min-height:var(--topbar-h);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.topbar h2{font-family:var(--font-display);letter-spacing:-.3px;white-space:nowrap;font-size:17px;font-weight:600}.topbar-right{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.search-box{align-items:center;gap:4px;display:flex}.search-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:var(--radius-sm);outline:none;width:180px;padding:7px 12px;font-size:12px;transition:all .15s}.search-input:focus{border-color:var(--accent);background:var(--bg4);width:220px}.month-picker,.filter-select,.text-input,.edit-input,.edit-select,.budget-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:var(--radius-sm);outline:none;padding:7px 10px;font-size:12px;transition:border .15s}.month-picker:focus,.filter-select:focus,.text-input:focus,.edit-input:focus{border-color:var(--accent);background:var(--bg4)}.text-input{width:100%}.edit-input.wide{width:160px}.edit-input.narrow,.text-input.narrow{width:90px}.budget-input{width:80px}.filter-select option,.edit-select option{background:var(--bg3)}.btn-primary{background:var(--accent);color:#fff;font-family:var(--font-mono);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;border:none;padding:7px 16px;font-size:12px;font-weight:500;transition:all .15s}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--text2);font-family:var(--font-mono);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;background:0 0;padding:7px 12px;font-size:12px;transition:all .15s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost:disabled{opacity:.3;cursor:not-allowed}.btn-edit{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:14px;transition:all .15s}.btn-edit:hover{color:var(--accent);background:var(--accent-glow)}.btn-del{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:12px;transition:all .15s}.btn-del:hover{color:var(--red);background:var(--red-dim)}.btn-save{background:var(--green);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px 10px;font-size:12px;font-weight:600}.btn-cancel{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:3px 8px}.kpi-grid{background:var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;display:grid}.kpi-card{background:var(--bg2);padding:18px 20px}.kpi-card.clickable{cursor:pointer;transition:background .15s}.kpi-card.clickable:hover{background:var(--bg3)}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:10px}.kpi-value{font-family:var(--font-display);letter-spacing:-.5px;font-size:20px;font-weight:600;line-height:1.2}.kpi-sub{color:var(--text2);margin-top:5px;font-size:11px}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.panel-header h3{font-family:var(--font-display);font-size:13px;font-weight:600}.panel-header span{color:var(--text2);font-size:12px}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 24px;display:grid}.bar-list{flex-direction:column;gap:9px;padding:12px 14px;display:flex}.mini-bar-row{cursor:default;grid-template-columns:120px 1fr 75px;align-items:center;gap:8px;display:grid}.mini-bar-row:hover .mini-bar-label{color:var(--text)}.mini-bar-label{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;transition:color .15s;overflow:hidden}.mini-bar-track{background:var(--bg4);border-radius:3px;height:5px;position:relative;overflow:visible}.mini-bar-fill{border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.mini-bar-val{color:var(--text);text-align:right;white-space:nowrap;font-size:11px}.budget-marker{background:var(--yellow);z-index:1;border-radius:1px;width:2px;height:13px;position:absolute;top:-4px}.over-badge{color:var(--red);margin-left:3px;font-size:10px;font-weight:700}.month-chart{justify-content:space-around;align-items:flex-end;gap:4px;height:100px;padding:10px 12px 0;display:flex}.month-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.month-bars{flex:1;align-items:flex-end;gap:2px;width:100%;display:flex}.bar-inc{background:linear-gradient(#22c55e40,#22c55e80);border-radius:3px 3px 0 0;flex:1;min-height:2px;transition:height .5s}.bar-exp{background:linear-gradient(#ef444440,#ef444480);border-radius:3px 3px 0 0;flex:1;min-height:2px;transition:height .5s}.month-label{color:var(--muted);margin-top:5px;font-size:9px}.chart-legend{border-top:1px solid var(--border);gap:14px;padding:8px 14px;display:flex}.chart-legend span{color:var(--text2);align-items:center;gap:5px;font-size:11px;display:flex}.chart-legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.top-list{flex-direction:column;display:flex}.top-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.top-item:last-child{border-bottom:none}.top-desc{white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-bottom:2px;font-size:12px;overflow:hidden}.top-cat{color:var(--muted);font-size:10px}.top-amt{color:var(--red);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.txn-table{border-collapse:collapse;width:100%}.txn-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--border);background:var(--bg2);top:var(--topbar-h);padding:9px 12px;font-size:10px;font-weight:500;position:sticky}.txn-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 12px;font-size:12px}.txn-table tbody tr:last-child td{border-bottom:none}.txn-table tbody tr:hover td{background:var(--bg3)}.txn-table tr.biz-row td{background:#f59e0b08}.txn-table tr.editing-row td{background:var(--bg4)}.date-cell{color:var(--text2);white-space:nowrap;font-size:11px}.desc-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.amt-cell{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.neg{color:var(--red)}.pos{color:var(--green)}.muted{color:var(--muted)}.cat-badge{background:var(--bg4);border:1px solid var(--border2);white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:10px;display:inline-block}.action-cell{align-items:center;gap:2px;display:flex}.biz-toggle{cursor:pointer;opacity:.2;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px;transition:opacity .15s}.biz-toggle.active{opacity:1}.pagination{color:var(--text2);align-items:center;gap:8px;font-size:12px;display:flex}.txn-cards{background:var(--border);flex-direction:column;gap:1px;display:none}.txn-card{background:var(--bg2);align-items:center;gap:10px;padding:12px 14px;display:flex}.txn-card.biz{background:#f59e0b08}.txn-card-left{flex:1;min-width:0}.txn-card-desc{white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13px;overflow:hidden}.txn-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.txn-card-right{text-align:right;flex-shrink:0}.txn-card-amt{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.txn-card-date{color:var(--muted);margin-top:2px;font-size:10px}.import-grid{grid-template-columns:280px 1fr;align-items:start;gap:16px;padding:18px 24px;display:grid}.import-form{flex-direction:column;gap:10px;padding:14px;display:flex}.import-hint{color:var(--text2);background:var(--bg3);border-radius:var(--radius-sm);border:1px solid var(--border);padding:8px 10px;font-size:11px}.mode-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.mode-tabs button{color:var(--text2);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 4px;font-size:11px;transition:all .15s}.mode-tabs button.active{background:var(--accent);color:#fff}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;color:var(--text2);padding:28px 16px;font-size:12px;transition:all .15s}.drop-zone:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.preview-panel{max-height:70vh;overflow:auto}.error-msg{color:var(--red);background:var(--red-dim);border-radius:var(--radius-sm);padding:8px 10px;font-size:11px}.success-msg{color:var(--green);font-size:11px}.success-banner{background:var(--green-dim);color:var(--green);border-bottom:1px solid #22c55e30;padding:10px 24px;font-size:12px}.rules-grid{grid-template-columns:320px 1fr;align-items:start;gap:16px;padding:18px 24px;display:grid}.rules-form{flex-direction:column;gap:12px;padding:14px;display:flex}.form-row{flex-direction:column;gap:5px;display:flex}.form-row label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.form-check{color:var(--text2);align-items:center;gap:8px;font-size:12px;display:flex}.budget-list{padding:4px 0}.budget-row{border-bottom:1px solid var(--border);padding:9px 16px}.budget-row:last-child{border-bottom:none}.budget-info{grid-template-columns:160px 1fr 190px;align-items:center;gap:10px;display:grid}.budget-cat{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.budget-track{background:var(--bg4);border-radius:2px;height:4px;overflow:hidden}.budget-fill{border-radius:2px;height:100%;transition:width .5s}.budget-nums{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;font-size:12px;display:flex}.budget-limit{color:var(--accent);cursor:pointer;text-underline-offset:3px;font-size:11px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.budget-sep{color:var(--border2)}.over{color:var(--red);font-weight:600}.nw-grid{grid-template-columns:1fr 1fr;gap:16px;padding:18px 24px 0;display:grid}.add-form{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex}.empty{text-align:center;color:var(--muted);padding:48px 24px;font-size:13px;line-height:1.8}code{background:var(--bg4);font-family:var(--font-mono);color:var(--accent);border-radius:4px;padding:2px 7px;font-size:11px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text2)}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.import-grid,.rules-grid{grid-template-columns:1fr}.nw-grid{grid-template-columns:1fr;padding:14px 16px 0}}@media (width<=768px){:root{--sidebar-w:0px}.sidebar{display:none}.mobile-nav{display:flex}.tab-content{padding-bottom:calc(var(--bottom-nav-h) + 16px)}.topbar{height:52px;padding:0 14px}.topbar h2{font-size:15px}.topbar-right{gap:6px}.search-input{width:130px;font-size:12px}.search-input:focus{width:150px}.month-picker,.filter-select{padding:6px 8px;font-size:11px}.dashboard-grid{grid-template-columns:1fr;gap:10px;padding:12px 14px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-value{font-size:17px}.panel{border-radius:var(--radius-sm)}.txn-table-wrapper{display:none}.txn-cards{display:flex}.budget-info{grid-template-columns:1fr;gap:5px}.budget-nums{justify-content:flex-start}.import-grid,.rules-grid{gap:12px;padding:12px 14px}.add-form{padding:10px}.panel-header{padding:10px 12px}.bar-list{padding:10px}.mini-bar-row{grid-template-columns:100px 1fr 65px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-card{padding:14px}.kpi-value{font-size:16px}.topbar-right .filter-select{display:none}.search-input{width:110px}.search-input:focus{width:130px}}