@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:-apple-system,BlinkMacSystemFont,DM Sans,sans-serif;color:#f4f5fb;background:#0e1119;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{max-width:650px;min-height:100dvh;margin:auto;background:#0e1119;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.header{display:flex;align-items:center;justify-content:space-between;padding:calc(22px + env(safe-area-inset-top)) 23px 20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#81889b;font-weight:800}.header h1{font-size:27px;letter-spacing:-1px;margin:5px 0 0}.dot{color:#7d8cff}.avatar{height:43px;width:43px;border-radius:14px;background:#22283a;display:grid;place-items:center;color:#a9b4ff}main{padding:0 21px}.hero{background:linear-gradient(120deg,#5c6fdf,#826be5);border-radius:23px;padding:26px 23px 21px;box-shadow:0 14px 36px #15173388}.hero-label,.spay-card .line{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#e0e2ff}.hero strong{display:block;font-size:35px;letter-spacing:-1.5px;margin:15px 0 30px;white-space:nowrap}.hero-foot{display:flex;justify-content:space-between;gap:8px;color:#e5e8ff;font-size:11px}.offline{font-weight:700}.section-head{display:flex;align-items:center;justify-content:space-between;margin:29px 0 14px}.section-head h2,.page-heading h2{font-size:18px;letter-spacing:-.45px;margin:0}.text-btn{border:0;background:transparent;color:#aab6ff;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:750;padding:7px 0}.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.wallet-card{background:#1a1f2d;border:1px solid #282e3d;border-radius:19px;padding:17px;min-height:184px;display:flex;flex-direction:column;align-items:flex-start}.wallet-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px}.wallet-name{font-size:12px;color:#b1b7c6;margin-bottom:4px}.wallet-card strong{font-size:19px;letter-spacing:-.7px;overflow-wrap:anywhere}.wallet-edit{margin-top:auto;align-self:flex-end;color:#aeb9ff;background:#2a3147;border:1px solid #414c71;border-radius:9px;font-size:12px;display:flex;align-items:center;gap:5px;padding:7px 10px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-actions>button{border:1px solid #2b3040;border-radius:18px;background:#1a1f2d;padding:16px 12px;color:#f4f5fb;font-weight:700;font-size:13px;display:flex;align-items:center;gap:9px}.action-icon{height:34px;width:34px;flex-shrink:0;border-radius:11px;display:grid;place-items:center}.action-icon svg{width:20px}.green,.income{background:#16382f;color:#6ad6a9}.orange,.expense{background:#3c2a27;color:#efaa81}.activity-list{background:#1a1f2d;border:1px solid #282e3d;border-radius:18px;overflow:hidden}.activity-item{display:flex;align-items:center;padding:14px 12px;gap:11px;border-bottom:1px solid #292d3d}.activity-item:last-child{border-bottom:0}.activity-icon{height:37px;width:37px;flex-shrink:0;border-radius:12px;display:grid;place-items:center}.activity-detail{min-width:0;flex:1}.activity-detail strong{display:block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.activity-detail small{display:block;color:#8d95a7;font-size:11px;margin-top:4px}.activity-item b{font-size:13px;white-space:nowrap}.delete{color:#798197;padding:5px;border:0;background:transparent}.positive{color:#66d7ae!important}.negative{color:#f0a88f!important}.empty{grid-column:1 / -1;background:#1a1f2d;border:1px dashed #41475b;border-radius:18px;padding:29px 18px;text-align:center;color:#e3e6f0;font-weight:700}.empty p{font-weight:400;color:#8891a4}.compact{border:0;font-size:13px;font-weight:500;color:#939bad;padding:22px}.primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:#7b88fc;border:0;border-radius:13px;color:#fff;padding:15px 18px;font-weight:800}.primary.small{width:auto;display:inline-flex;padding:11px}.page-heading{margin:4px 0 22px}.page-heading h2{font-size:26px}.page-heading p{font-size:13px;color:#9098aa;margin:7px 0 0}.spay-card{border-radius:21px;background:linear-gradient(125deg,#303e77,#49457d);padding:21px}.spay-card .line{display:flex;justify-content:space-between;align-items:center}.spay-card>strong{display:block;font-size:27px;margin:12px 0 23px}.two-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-stats small,.plan-card small,.summary-grid small{display:block;color:#bfc5dd;font-size:11px;margin-bottom:6px}.two-stats b{font-size:16px}.progress,.track{height:7px;background:#ffffff30;border-radius:10px;overflow:hidden;margin:18px 0}.progress span{display:block;height:100%;background:#a7f3d0;border-radius:10px}.plan-card{padding:18px;background:#1a1f2d;border:1px solid #292f40;border-radius:19px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.plan-card strong{font-size:20px;overflow-wrap:anywhere}.allowance{grid-column:1 / -1;color:#a3acc0;font-size:12px;display:block}.allowance input{margin-top:7px}.hint{color:#8790a4;font-size:12px;line-height:1.65;margin:18px 3px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.summary-grid>div{background:#1a1f2d;border:1px solid #282e3d;border-radius:17px;padding:17px}.summary-grid strong{display:block;overflow-wrap:anywhere;font-size:19px}.summary-grid .full{grid-column:1 / -1}.breakdown{background:#1a1f2d;border-radius:18px;padding:17px}.category-row{margin-bottom:17px}.category-row:last-child{margin-bottom:0}.category-row>div:first-child{display:flex;justify-content:space-between;font-size:13px}.category-row span{color:#aeb6c7}.track{background:#353a4c;margin:8px 0 0}.track>div{height:100%;border-radius:10px;background:#8997ff}.settings{background:#1a1f2d;border-radius:18px;overflow:hidden}.settings button,.settings label{display:flex;align-items:center;gap:12px;width:100%;padding:18px;border:0;border-bottom:1px solid #2a3040;background:transparent;color:#f4f5fb;font-weight:600;font-size:13px;text-align:left;cursor:pointer}.settings svg:last-of-type{margin-left:auto;color:#858da1}.settings input{display:none}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:650px;width:100%;display:flex;justify-content:space-around;background:#171b27ee;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #343949;padding:12px 9px calc(10px + env(safe-area-inset-bottom));z-index:5}.tabbar button{border:0;background:transparent;color:#80899b;display:flex;flex:1;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:700}.tabbar .selected{color:#a6b1ff}.loading{padding:50px;text-align:center;color:#fff}.toast{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:12px 14px;background:#e4e7ff;color:#171b2b;z-index:50;border-radius:12px;width:min(90vw,450px);display:flex;gap:9px;justify-content:space-between;font-size:13px}.toast button{background:none;border:0}.edit-hint{font-size:12px;color:#a3acc0;line-height:1.5;margin:0}.overlay{position:fixed;right:0;left:0;height:var(--visible-height, 100dvh);bottom:auto;top:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:10;overscroll-behavior:contain}.sheet{background:#202534;border:1px solid #3a4054;border-radius:25px 25px 0 0;width:100%;max-width:650px;padding:0 23px calc(27px + env(safe-area-inset-bottom));max-height:calc(var(--visible-height, 100dvh) - 10px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:90px}.sheet-title{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;background:#202534;padding:19px 0 15px;margin-bottom:10px;border-bottom:1px solid #343a4d;gap:10px}.sheet-title h2{font-size:22px;margin:0}.sheet-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.keyboard-done{padding:9px 10px;color:#b6c0ff;background:#30384f;border:0;border-radius:9px;font-size:13px;font-weight:700}.icon-btn{border:0;background:#353b4c;color:#fff;border-radius:11px;width:42px;height:42px;min-width:42px;min-height:42px;display:grid;place-items:center}.sheet form{display:grid;gap:16px;padding-bottom:18px}.sheet form label{font-weight:700;color:#c8cede;font-size:12px}input,select{color:#f6f6fb;background:#141925;border:1px solid #434a60;border-radius:12px;outline:0;width:100%;padding:13px 14px;display:block;margin-top:8px;font-size:16px}input:focus,select:focus{border-color:#8594ff}.sheet form input,.sheet form select{scroll-margin-top:95px}.segmented{display:flex;background:#141925;border-radius:13px;padding:4px}.segmented button{width:50%;padding:11px;color:#aeb4c4;background:transparent;border:0;border-radius:10px}.segmented .active{background:#495477;color:#fff}@media(max-height:520px){.sheet{border-radius:15px 15px 0 0}.sheet-title{padding:10px 0}.sheet form{gap:10px}}html,body{overflow-x:hidden}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden}.sheet{position:relative;flex:0 1 auto;width:100%;max-width:650px;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:90px;padding-bottom:calc(25px + env(safe-area-inset-bottom))}.sheet-title{position:sticky;top:0;z-index:10;background:#202534}.sheet input,.sheet select{font-size:16px;scroll-margin-top:85px}.sheet-controls button{min-width:42px;min-height:42px}@media(max-height:560px){.sheet{max-height:98dvh}}.sheet input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:56px;padding:16px 18px;border-radius:18px;border:1px solid #3a425c;background:#0c1222;color:#f3f6ff;font-size:16px;font-weight:600;line-height:1.2;text-align:left;box-sizing:border-box;color-scheme:dark}.sheet input[type=date]::-webkit-date-and-time-value{text-align:left}.sheet input[type=date]::-webkit-datetime-edit{color:#f3f6ff;padding:0}.sheet input[type=date]::-webkit-datetime-edit-fields-wrapper{display:flex;align-items:center}.sheet input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.85);cursor:pointer}.sheet input[type=date]:focus{outline:none;border-color:#7b86ff;box-shadow:0 0 0 3px #7b86ff2e}