@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#eef2fc;background:#0a1020;--bg:#0a1020;--panel:#121b2e;--panel2:#19243a;--line:#293650;--muted:#8d9ab2;--green:#39ca98;--red:#f07891;--blue:#8494fa}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#0e1628;border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 35px}.brand b{font:800 15px Manrope;letter-spacing:.5px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.7px;margin-top:4px}.logo{width:48px;height:48px;border-radius:15px;background:linear-gradient(140deg,#8594fa,#5264c6);display:grid;place-items:center;color:#fff;margin:0 auto 18px}.logo.mini{width:39px;height:39px;margin:0;border-radius:12px}.navcaption,.kicker{font-size:10px;letter-spacing:1.7px;color:#8190ad;font-weight:800}.navcaption{padding:0 10px 12px}.nav{border:0;background:none;color:#9eabc1;padding:12px;border-radius:10px;display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;margin:2px 0}.nav svg:last-child{margin-left:auto;opacity:.25}.nav.active,.nav:hover{background:#1b2944;color:#fff}.nav.active{box-shadow:inset 3px 0 var(--blue)}.sidebottom{margin-top:auto}.private{display:flex;align-items:center;gap:10px;background:#151f34;border:1px solid var(--line);border-radius:11px;padding:12px;color:#bdc9df;font-size:11px;margin-bottom:12px}.private small{color:var(--muted);font-size:10px}main{margin-left:250px;min-height:100vh}header{height:78px;position:sticky;top:0;z-index:8;background:#0d1526ef;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 35px}header h2{font:700 17px Manrope;margin:3px 0 0}.user{display:flex;align-items:center;gap:12px;color:#aebbd0;font-size:11px}.user div{width:34px;height:34px;border-radius:50%;background:#35466b;display:grid;place-items:center;color:#fff;font-weight:800}.content{max-width:1450px;padding:29px 35px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.welcome h1{font:800 25px Manrope;margin:0 0 5px}.muted{color:var(--muted);font-size:12px;margin:0}.month{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:9px 11px;color:#9baac4}.month input,.filters input[type=month]{border:0;background:none;color:#dce5f5;outline:0;font-size:11px}.currencycards{display:grid;grid-template-columns:1fr 1fr;gap:17px}.currencycard,.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px}.currencycard{padding:20px}.cchead{display:flex;justify-content:space-between;color:#9eacd0;font-size:10px;letter-spacing:1.3px;font-weight:800;margin-bottom:19px}.cchead svg{color:var(--green)}.currencycard>small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.3px;margin-bottom:5px}.currencycard>strong{font:800 clamp(24px,3vw,34px) Manrope;display:block;margin-bottom:17px;overflow-wrap:anywhere}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.metric{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #28344b;padding:10px 0 0;margin-top:9px;font-size:11px;color:#9eabc1}.metric b{color:#e4eaf7;text-align:right}.warning{display:flex;align-items:center;gap:7px;background:#512c3a;color:#ff9bac;padding:10px;border-radius:8px;margin-top:13px;font-size:11px}.actions{display:flex;gap:10px;margin:17px 0}.primary,.secondary{border:0;border-radius:9px;padding:11px 14px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:#7889f1;color:#fff}.primary:hover{background:#8998ff}.secondary{background:#1d2b46;color:#cbd6eb;border:1px solid #334462}.grid2{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.panel{padding:19px;margin-bottom:16px;min-width:0}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panelhead h3{font:700 14px Manrope;margin:0 0 5px}.panelhead select,.filters select,.filters input[type=month]{background:#0d1729;border:1px solid var(--line);border-radius:8px;color:#dfe7f5;padding:9px;font-size:11px}.textbutton{border:0;background:none;color:#aab7ff;font-size:11px}.records{display:grid}.record{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #27334a}.record:last-child{border-bottom:0}.recordicon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.recordicon.income{background:#39ca9822;color:var(--green)}.recordicon.expense{background:#f0789122;color:var(--red)}.recorddesc{flex:1;min-width:0;display:grid;gap:4px}.recorddesc b{font-size:11px}.recorddesc small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record>strong{font-size:11px;white-space:nowrap}.rowicon,.close{border:0;background:none;color:#8f9db6;padding:5px;border-radius:6px}.rowicon:hover,.close:hover{background:#293752;color:#fff}.empty{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#7887a2;font-size:11px}.declaregrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.declaregrid button{border:1px solid var(--line);background:#17243a;border-radius:13px;padding:23px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#dce5f5}.declaregrid button:first-child svg{color:var(--green)}.declaregrid button:last-child svg{color:var(--red)}.declaregrid b{font-size:13px}.declaregrid small{color:var(--muted);font-size:10px}.note{line-height:1.7;margin-top:17px}.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.filters select,.filters input[type=month]{min-width:105px}.search{display:flex;align-items:center;gap:8px;background:#0d1729;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:#8593ad;flex:1;min-width:150px}.search input{background:none;border:0;outline:0;color:#fff;padding:9px 0;width:100%;font-size:11px}.statementtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:19px}.statementtiles>div{background:#0e182b;border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:9px;min-width:0}.statementtiles small{font-size:9px;color:var(--muted);letter-spacing:.8px}.statementtiles b{font:700 16px Manrope;overflow-wrap:anywhere}.settingrow{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.settingrow b{color:#e4eaf7;text-align:right}.settingrow button{padding:7px 10px}footer{display:flex;align-items:center;gap:8px;color:#66748d;font-size:9px;padding:12px 2px}footer button{margin-left:auto;border:0;background:none;color:#9baaff;display:flex;gap:6px;align-items:center;font-size:10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#020611c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:15px}.modal{width:min(100%,440px);max-height:94vh;overflow:auto;background:#151f34;border:1px solid #34425e;border-radius:17px;padding:22px;display:flex;flex-direction:column;gap:9px}.modalhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modalhead h2{font:800 19px Manrope;margin:4px 0}.modal label,.authbox label{font-size:10px;color:#aebbd0;margin-top:4px}.modal input,.modal select,.authbox input{width:100%;background:#0b1527;border:1px solid #30405d;border-radius:8px;padding:11px;color:#edf2fc;outline:0;font-size:12px}.switch{display:grid;grid-template-columns:1fr 1fr;background:#0b1527;padding:4px;border-radius:9px;gap:5px}.switch button{border:0;background:none;color:#91a0b8;border-radius:7px;padding:10px;font-size:11px}.switch .inc{background:#1b493e;color:#52d5a5}.switch .exp{background:#4c2b3a;color:#f28ba1}.wide{width:100%;margin-top:10px}.toast{position:fixed;bottom:20px;right:20px;background:#263956;border:1px solid #465b7b;border-radius:10px;padding:13px 17px;font-size:11px;z-index:70}.auth,.loading{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse at top,#1b2a4b,#0a1020 60%)}.authbox{width:min(100%,390px);padding:32px;background:#131e32;border:1px solid var(--line);border-radius:19px;text-align:center}.authbox h1{font:800 25px Manrope;margin:5px 0}.authbox p{font-size:11px;line-height:1.7;margin:10px 0 20px}.authbox label{display:block;text-align:left;margin:12px 0 6px}.message{color:#aebcff!important;margin:13px 0!important}.secure{border-top:1px solid var(--line);padding-top:15px;margin-top:20px;color:#8190aa;font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px}.loading{color:#cbd7ec}.menubtn,.scrim{display:none}@media(max-width:1000px){.content{padding:24px}.grid2{grid-template-columns:1fr}.currencycard{padding:17px}}@media(max-width:720px){.sidebar{transform:translate(-105%);transition:transform .2s}.sidebar.open{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9}main{margin:0}header{height:70px;padding:0 14px;gap:10px}.menubtn{display:block;border:0;background:none;color:#aebbd0;padding:5px}.user span{display:none}.content{padding:20px 13px}.welcome{align-items:flex-start;flex-direction:column;gap:12px}.welcome h1{font-size:22px}.currencycards{grid-template-columns:1fr}.currencycard>strong{font-size:30px}.actions button{flex:1;padding:11px 7px;font-size:10px}.panel{padding:14px}.statementtiles{grid-template-columns:1fr}.statementtiles b{font-size:18px}.record{gap:7px}.record>strong{font-size:10px}.rowicon{padding:3px}.declaregrid{grid-template-columns:1fr}.settingrow{align-items:flex-start;flex-direction:column;gap:7px}.settingrow b{text-align:left}.filters>*{flex:1}.search{flex-basis:100%}.panelhead{align-items:flex-start}.panelhead>.primary,.panelhead>.secondary{font-size:10px;padding:9px 10px}}