@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111317;--panel:#1a1d23;--border:#2b2e36;--muted:#9097a5;--orange:#ff834b;--green:#81d5b0;--red:#fa9f9a;--blue:#93baf5}*{box-sizing:border-box}body{background:var(--bg);color:#f5f5f7;margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.1)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,.stat h2{font-family:Manrope,system-ui,sans-serif}button{border:0}aside{border-right:1px solid var(--border);background:#181a1f;flex-direction:column;width:236px;padding:34px 23px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;display:flex}.brand-icon{background:var(--orange);color:#202024;border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.brand small{letter-spacing:1.4px;color:var(--muted);margin-top:5px;font-family:DM Sans,sans-serif;font-size:8px;font-weight:500;display:block}.nav-label{color:#68717f;letter-spacing:1.5px;margin:51px 13px 16px;font-size:10px}nav{gap:8px;display:grid}nav button{color:#a1a7b3;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:13px;padding:14px;display:flex}nav button.active{color:var(--orange);background:#ff834b15}.sidebar-bottom{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding-top:22px;display:flex}.avatar{color:#dbc8ed;background:#34303b;border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;font-weight:700;display:grid}.sidebar-bottom b{font-size:12px}.sidebar-bottom small{color:var(--muted);margin-top:5px;font-size:10px;display:block}main{max-width:1670px;margin-left:236px;padding:43px 44px 24px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.eyebrow{color:var(--orange);letter-spacing:1.8px;margin-bottom:12px;font-size:9px;font-weight:700}h1{letter-spacing:-1.25px;font-size:32px;font-weight:800}.subtitle{color:var(--muted);margin-top:10px;font-size:13px}.header-actions{align-items:center;gap:12px;display:flex}.primary,.secondary{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:12px;font-weight:700;display:inline-flex}.primary{background:var(--orange);color:#191b20}.secondary{color:#e9ebef;background:#252932;border:1px solid #363b46}.icon-button{color:var(--muted);background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;min-width:34px;min-height:34px;padding:8px;display:inline-flex}.refresh{border:1px solid var(--border);background:var(--panel);width:40px;height:40px}.period-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.online{color:#afb5c0;font-size:11px}.online>span{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.online small{color:#68717f}.month-control{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}input,select{color:#f4f5f8;background:#20232b;border:1px solid #363b45;border-radius:8px;width:100%;min-width:0;padding:12px}.month-control input{width:174px;padding:8px 10px;font-size:12px}.stats{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:14px;display:grid}.stat{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:22px 20px}.stat>span{color:#adb2bd;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.stat h2{letter-spacing:-.9px;overflow-wrap:anywhere;margin:19px 0 8px;font-size:27px;font-weight:700}.stat small{color:var(--muted);font-size:10px}.stat.total{background:linear-gradient(125deg,#3b2923,#252021);border-color:#76503c}.stat.total>span{color:#f4d9c7}.stat.total h2{color:#ffaf82}.income{color:var(--green)!important}.expense{color:var(--red)!important}.transfer{color:var(--blue)!important}.account-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:17px;display:grid}.account-mini{border:1px solid var(--border);color:inherit;text-align:left;background:#181b21;border-radius:11px;align-items:center;gap:13px;padding:16px;display:flex}.account-mini>svg{color:#626a77;flex-shrink:0;margin-left:auto}.account-mini small{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.account-mini strong{overflow-wrap:anywhere;font-family:Manrope,sans-serif;font-size:15px}.account-symbol{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.c0{color:#f3bc79;background:#f3bc7915}.c1{color:#96c7f8;background:#96c7f815}.c2{color:#b8a3f4;background:#b8a3f415}.quick-actions{grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0;display:grid}.quick-actions button{color:#c4c9d3;background:0 0;border:1px dashed #3a3f49;border-radius:9px;justify-content:flex-start;align-items:center;gap:12px;padding:14px;font-size:11px;display:flex}.quick-actions button>svg{color:#777f8d;margin-left:auto}.quick-actions button>span{display:flex}.overview-grid{grid-template-columns:1.35fr 1fr;gap:20px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:13px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:12px;padding:23px 23px 18px;display:flex}.panel h2,.section-title h2{letter-spacing:-.3px;font-size:15px;font-weight:700}.panel-head p{color:var(--muted);margin-top:6px;font-size:11px}.text-button{color:var(--orange);white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:8px 0;font-size:11px;display:inline-flex}.capitalize{text-transform:capitalize}.movements{padding:0 23px 14px}.movement{border-bottom:1px solid #2a2d35;align-items:center;gap:11px;padding:16px 0;display:flex}.movement:last-child{border-bottom:0}.movement-icon{background:#29322e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.movement-icon.expense{background:#392c2d}.movement-icon.transfer{background:#283140}.movement-info{flex:1;min-width:0}.movement-info strong{overflow-wrap:anywhere;font-size:12px;font-weight:500;display:block}.movement-info span{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:10px;display:block}.movement-end{text-align:right;flex-shrink:0}.movement-end strong{font-size:12px;display:block}.movement-end small{color:#717a88;margin-top:5px;font-size:10px;display:block}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:35px 12px 38px;display:flex}.empty-icon{color:#b6becc;background:#262a33;border:1px solid #3b3f49;border-radius:16px;place-items:center;width:60px;height:60px;display:grid}.empty h3{color:#ced2db;font-size:14px;font-weight:600}.empty p{max-width:260px;font-size:12px;line-height:1.8}.empty .secondary{margin-top:7px}.breakdown{gap:21px;padding:7px 23px 23px;display:grid}.breakdown-label{justify-content:space-between;gap:8px;margin-bottom:9px;font-size:11px;display:flex}.breakdown-label>span{color:#b3bac6;align-items:center;gap:8px;display:flex}.breakdown-label i{border-radius:50%;flex-shrink:0;width:6px;height:6px}.breakdown-label strong{white-space:nowrap;font-weight:500}.bar{background:#292d36;border-radius:5px;height:4px;overflow:hidden}.bar div{border-radius:5px;height:100%}.helper{color:var(--muted);font-size:11px;line-height:1.8}.filters{gap:12px;padding:0 23px 14px;display:flex}.filters select{width:180px;font-size:12px}.search{color:var(--muted);background:#20232b;border:1px solid #363b45;border-radius:8px;flex:1;align-items:center;gap:8px;padding-left:12px;display:flex}.search input{background:0 0;border:0;font-size:12px}.section-title{justify-content:space-between;align-items:center;margin:26px 0 18px;display:flex}.accounts-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.account-card{padding:24px}.account-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.account-card h3{letter-spacing:-1px;overflow-wrap:anywhere;margin-top:14px;font-size:30px}.account-card>p{color:var(--muted);margin-top:5px;margin-bottom:23px;font-size:11px}.account-detail{border-top:1px solid var(--border);justify-content:space-between;gap:15px;padding:14px 0;font-size:11px;display:flex}.account-detail span{color:var(--muted)}.account-detail b{font-weight:500}.delete{color:#a78787}.tip{color:#e9b68d;background:#241e19;border:1px solid #463629;border-radius:10px;align-items:flex-start;gap:15px;margin-top:25px;padding:21px;display:flex}.tip>svg{flex-shrink:0}.tip b{font-size:12px}.tip p{color:#bcaa9d;margin-top:8px;font-size:12px;line-height:1.9}.settings-note{color:var(--muted);margin:0 23px 15px;font-size:12px;line-height:1.9}.setting-row{border-top:1px solid var(--border);align-items:center;gap:12px;margin:0 23px;padding:16px 0;display:flex}.setting-row>div{flex:1;min-width:0}.setting-row b{overflow-wrap:anywhere;font-size:12px}.setting-row small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.compact{padding:25px}.category-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;display:grid}.category-row{border-top:1px solid var(--border);align-items:center;gap:8px;margin:0 23px;padding:12px 0;display:flex}.category-row>span{overflow-wrap:anywhere;flex:1;font-size:12px}.backup{justify-content:space-between;align-items:center;gap:20px;padding:25px 0;display:flex}.backup h3{font-size:13px}.backup p{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.7}footer{color:#6c7482;border-top:1px solid #24272e;justify-content:space-between;gap:10px;margin-top:21px;padding:30px 0 0;font-size:10px;display:flex}footer i{margin:0 5px;font-style:normal}.alert{color:#ffcec0;background:#432c28;border:1px solid #6c453d;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding:13px 16px;font-size:12px;line-height:1.7;display:flex}.alert button{color:#ffd8c9;background:0 0;flex-shrink:0;padding:7px;font-size:11px;text-decoration:underline}.toast{z-index:30;color:#c7f1d9;background:#264636;border:1px solid #50836b;border-radius:12px;gap:10px;padding:14px 20px;font-size:12px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 35px #0008}.loading{text-align:center;color:var(--muted);padding:60px}.loading svg{margin-bottom:15px}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#1b1e25;border:1px solid #3b3f49;border-radius:18px;width:490px;max-width:100%;max-height:calc(100dvh - 40px);padding:27px;overflow:auto;box-shadow:0 30px 100px #0008}.modal-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal h2{letter-spacing:-.7px;font-size:22px}.modal .eyebrow{margin-bottom:8px;font-size:8px}fieldset{border:0;min-width:0;margin:0;padding:0}.modal label{color:#b8beca;margin-top:18px;font-size:12px;display:block}.modal label>input,.modal label>select{margin-top:8px;font-size:14px;display:block}.type-switch{background:#12151b;border:1px solid #30343e;border-radius:10px;gap:5px;padding:5px;display:flex}.type-switch button{color:var(--muted);background:0 0;border-radius:7px;flex:1;padding:11px 4px;font-size:12px}.type-switch .selected{background:#2e333c}.amount-input{border-bottom:1px solid #3b414e;align-items:center;gap:10px;margin-top:10px;padding:3px 0 9px;display:flex}.amount-input span{color:#7f8999;font-size:30px}.amount-input input{letter-spacing:-1px;color:#fff;background:0 0;border:0;padding:0;font-size:38px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.optional{color:#657080;margin-left:5px;font-size:10px}.modal .helper{margin-top:15px}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:27px;padding-top:20px;display:flex}@media (width>=1500px){main{padding:48px 60px}.stat h2{font-size:32px}}@media (width<=1200px){aside{width:205px;padding:30px 17px}.brand{font-size:19px}.brand-icon{width:38px;height:38px}.brand small{font-size:7px}main{margin-left:205px;padding:32px 25px}.stats{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1.2fr 1fr}.stat h2{font-size:29px}.movement{gap:8px}.movements,.breakdown{padding-left:16px;padding-right:16px}.accounts-grid{gap:12px}.account-card{padding:18px}}@media (width<=900px){aside{width:78px;padding:24px 12px}.brand{justify-content:center}.brand>span:last-child,.nav-label,.sidebar-bottom{display:none}nav{margin-top:40px}nav button{justify-content:center;padding:15px}nav span{display:none}main{margin-left:78px;padding:30px 22px}.overview-grid{grid-template-columns:1fr}.accounts-grid{grid-template-columns:1fr 1fr}.account-strip{gap:10px}.account-mini{gap:8px;padding:12px}.account-mini .account-symbol{width:32px;height:32px}.account-mini>svg{display:none}.account-mini strong{font-size:13px}.quick-actions{gap:10px}.quick-actions button{gap:8px;padding:12px;font-size:10px}.header-actions .refresh{display:none}.category-grid{gap:12px}.filters{flex-wrap:wrap}.filters .search{flex-basis:100%}.filters select{flex:1}}@media (width<=600px){aside{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#1b1d24f7;border-top:1px solid #343741;border-right:0;width:100%;height:66px;padding:0;display:block;top:auto;bottom:0}.brand{display:none}nav{gap:0;height:100%;margin:0;display:flex}nav button{border-radius:0;flex-direction:column;flex:1;gap:5px;padding:8px 2px}nav span{font-size:9px;display:block}nav button.active{background:0 0}main{margin-left:0;padding:27px 17px 90px}header{margin-bottom:25px;display:block}h1{font-size:29px}.eyebrow{letter-spacing:1.2px;font-size:8px}.subtitle{font-size:12px;line-height:1.7}.header-actions{justify-content:space-between;margin-top:21px}.header-actions .refresh{order:2;display:inline-flex}.header-actions .primary{flex:1;padding:13px;font-size:13px}.online{font-size:10px}.online small{display:none}.month-control input{width:156px;font-size:11px}.month-control{gap:6px;font-size:10px}.stats{gap:10px}.stat{border-radius:11px;padding:17px 13px}.stat>span{font-size:10px}.stat>span svg{width:15px}.stat h2{margin:16px 0 7px;font-size:24px}.stat small{font-size:9px}.account-strip{scroll-snap-type:x mandatory;margin-top:15px;padding-bottom:4px;display:flex;overflow-x:auto}.account-mini{scroll-snap-align:start;flex:1 0 190px;padding:15px}.account-mini strong{font-size:15px}.account-mini .account-symbol{width:37px;height:37px}.quick-actions{gap:8px;margin:21px 0}.quick-actions button{flex-direction:column;gap:9px;padding:12px 3px;font-size:10px}.quick-actions button>svg{display:none}.overview-grid{gap:17px}.panel-head{padding:20px 17px 16px}.panel h2{font-size:14px}.panel-head p{font-size:10px}.movements{padding:0 13px 10px}.movement{gap:8px;padding:15px 0}.movement-icon{border-radius:8px;width:31px;height:31px}.movement-icon svg{width:17px}.movement-info strong{font-size:11px}.movement-info span{font-size:9px;line-height:1.5}.movement-end strong{font-size:11px}.movement-end small{font-size:9px}.movement .icon-button{min-width:28px;min-height:36px;padding:6px}.movement-end{max-width:110px}.breakdown{gap:20px;padding:5px 17px 21px}.breakdown-label{font-size:11px}.accounts-grid{grid-template-columns:1fr}.account-card{padding:23px}.account-card h3{font-size:31px}.tip{padding:17px}.category-grid{grid-template-columns:1fr;gap:17px}.settings-note{margin:0 17px 12px;font-size:11px}.setting-row{flex-wrap:wrap;gap:8px;margin:0 17px}.setting-row>div{flex-basis:calc(100% - 50px)}.setting-row>.secondary,.setting-row>.text-button{margin-left:39px;margin-right:auto}.category-row{margin:0 17px;padding:10px 0}.backup{flex-direction:column;align-items:flex-start;gap:13px}.filters{gap:8px;padding:0 15px 13px}.filters select{padding:11px 8px;font-size:11px}.panel-head .secondary{padding:10px 12px}footer{flex-direction:column;gap:8px;margin-top:14px;padding-top:20px;font-size:9px}.toast{justify-content:center;bottom:80px;left:17px;right:17px}.modal-backdrop{align-items:center;padding:10px}.modal{border-radius:15px;max-height:calc(100dvh - 20px);padding:22px 19px}.modal h2{font-size:21px}.modal-head{margin-bottom:19px}.form-grid{gap:11px}.modal label{font-size:11px}.modal input,.modal select{font-size:16px!important}.modal .amount-input input{font-size:35px!important}.modal-actions button{flex:1}.alert{flex-direction:column;align-items:flex-start;gap:2px;font-size:11px}.empty{padding:25px 12px 32px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.currency-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.currency-switch{background:#1a1d23;border:1px solid #30343e;border-radius:9px;gap:4px;padding:4px;display:flex}.currency-switch button{color:#929ba9;background:0 0;border-radius:6px;padding:8px 13px;font-size:11px}.currency-switch button.selected{color:#ff9e71;background:#ff834b20}.rate-button{color:#aab3c0;background:0 0;align-items:center;gap:8px;padding:8px;font-size:11px;display:flex}.conversion-note{color:#aab3c0;margin:-5px 0 18px;font-size:11px;line-height:1.8}@media (width<=600px){.currency-row{flex-wrap:wrap;gap:5px}.currency-switch button{padding:9px 11px;font-size:10px}.rate-button{padding:7px 0;font-size:10px}.conversion-note{font-size:10px}.stat h2{font-size:22px}}.backup-actions{flex-wrap:wrap;gap:10px;display:flex}.login-shell{background:radial-gradient(at top,#38271e 0,#0000 50%);place-items:center;min-height:100dvh;padding:20px;display:grid}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;width:420px;max-width:100%;padding:35px}.login-brand{letter-spacing:-1px;align-items:center;gap:13px;margin-bottom:16px;font-size:26px;display:flex}.login-card h1{margin-top:28px;font-size:26px}.login-card>p:not(.eyebrow){color:var(--muted);margin:12px 0 25px;font-size:12px;line-height:1.9}.login-card label{color:var(--muted);margin-bottom:18px;font-size:12px;display:block}.login-card input{margin-top:8px;font-size:16px}.login-card form>.primary{width:100%;font-size:14px}.login-card>small{color:#697584;text-align:center;margin-top:22px;font-size:10px;display:block}.logout-button{color:#a4aebb;z-index:21;background:0 0;align-items:center;gap:8px;padding:8px;font-size:11px;display:flex;position:fixed;bottom:104px;left:34px}@media (width<=900px){.logout-button{font-size:0;bottom:20px;left:15px}}@media (width<=600px){.logout-button{background:#20232b;border:1px solid #3a3e48;border-radius:7px;width:max-content;margin:-78px 20px 83px auto;font-size:11px;position:static}.login-card{padding:27px 23px}.backup-actions{width:100%}.backup-actions button{flex:1}}