@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{font-family:DM Sans,sans-serif;color:#f5f4eb;background:#101210;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#101210;--panel:rgba(29,32,28,.78);--border:rgba(238,239,213,.12);--yellow:#f5e879;--muted:#999d91;--green:#8ce0b5;--red:#ff8580}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 5% 0%,rgba(245,232,121,.07),transparent 35%),#101210}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.app-shell{position:relative;isolation:isolate;max-width:520px;min-height:100dvh;margin:0 auto;padding:0 20px 110px;overflow:hidden;background:radial-gradient(ellipse at 95% 24%,rgba(245,232,121,.045),transparent 30%)}.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(65px);opacity:.14}.ambient-one{width:210px;height:210px;background:#f5e879;top:90px;right:-150px}.ambient-two{width:170px;height:170px;background:#b3a7ff;top:550px;left:-145px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:flex;align-items:center;gap:11px;font:800 22px Manrope,sans-serif;letter-spacing:-1px}.brand-lockup.small{font-size:17px;letter-spacing:-.7px}.brand-light{font-weight:500;color:var(--yellow)}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--yellow);color:#171812;box-shadow:0 5px 24px #f5e87924}.brand-lockup.small .brand-icon{width:32px;height:32px;border-radius:11px}.topbar-actions{display:flex;gap:9px;align-items:center}.icon-button{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#e8e9df;background:#ffffff09;border:1px solid var(--border)}.avatar{width:35px;height:35px;border-radius:50%;border:1px solid rgba(245,232,121,.45);background:linear-gradient(145deg,#fff4a8,#b8a942);color:#181a12;font-weight:800}.page-content{position:relative;z-index:1}.greeting-row{display:flex;justify-content:space-between;align-items:center;margin:22px 0 20px}.eyebrow{font-size:9px;letter-spacing:1.55px;color:#aeb09e;font-weight:700}.greeting-row h1,.page-title h1{font:700 29px Manrope,sans-serif;letter-spacing:-1.3px;margin:7px 0 4px}.wave{font-size:21px;color:var(--yellow)}.muted{color:var(--muted);font-size:12px;margin:0}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px #8ce0b599;margin-right:3px}.balance-card{padding:22px 21px 18px;border:1px solid rgba(245,232,121,.25);border-radius:25px;background:linear-gradient(135deg,#f5e87929,#20231ce6 52%,#191c18f0);box-shadow:inset 0 1px #ffffff14,0 20px 45px #0000002e;position:relative;overflow:hidden}.balance-card:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(245,232,121,.13);border-radius:50%;right:-92px;top:-116px;box-shadow:0 0 0 18px #f5e87906,0 0 0 38px #f5e87905}.balance-card-top,.balance-bottom{display:flex;align-items:center;justify-content:space-between}.balance-card-top>span:first-child{font-size:12px;color:#d7d8c9}.balance-live{font-size:8px;letter-spacing:1px;color:#c3c5b6;display:flex;align-items:center;gap:6px}.balance-live i{width:5px;height:5px;border-radius:50%;background:var(--green)}.balance-amount{font:700 clamp(28px,8vw,36px) Manrope,sans-serif;letter-spacing:-1.5px;margin:14px 0 21px;white-space:nowrap}.balance-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;color:#c7c8b8;font-size:10px}.balance-bottom>span:first-child{display:flex;align-items:center;gap:7px}.balance-bottom svg{color:var(--yellow)}.balance-orb{width:26px;height:26px;border:1px solid rgba(245,232,121,.32);color:var(--yellow);border-radius:50%;display:grid;place-items:center;font-weight:700}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.glass{background:linear-gradient(145deg,#222520d1,#151815d1);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff09,0 12px 30px #0000001f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.summary-card{padding:15px 14px 14px;border-radius:19px;min-width:0}.summary-top{display:flex;align-items:center;gap:8px;margin-bottom:13px}.summary-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;font-weight:800}.summary-icon.income,.transaction-icon.income,.choice-icon.income{background:#5bc58f26;color:var(--green)}.summary-icon.expense,.transaction-icon.expense,.choice-icon.expense{background:#ff787321;color:var(--red)}.summary-label{font-size:11px;color:#b9bbae}.summary-card>strong{display:block;font:700 clamp(15px,4vw,19px) Manrope,sans-serif;letter-spacing:-.5px;white-space:nowrap}.summary-caption{display:block;color:#7f8377;font-size:9px;margin-top:7px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.transaction-section-heading{margin:29px 0 13px}.section-heading h2{font:700 17px Manrope,sans-serif;letter-spacing:-.5px;margin:5px 0 0}.text-link{display:flex;align-items:center;gap:2px;background:none;border:0;color:var(--yellow);font-size:11px;padding:7px 0}.transaction-list{border-radius:19px;padding:2px 13px}.transaction-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.065);min-width:0}.transaction-row:last-child{border-bottom:0}.transaction-icon{flex-shrink:0;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#ffffff0b;color:#dfe0d3}.transaction-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.transaction-main strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-main span{font-size:9px;color:#92968a}.transaction-amount{display:flex;align-items:center;gap:1px;font-size:10px;font-weight:700;white-space:nowrap}.positive{color:var(--green)}.negative{color:var(--red)}.home-insight{display:flex;align-items:center;gap:11px;padding:15px 1px;margin-top:12px}.insight-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(245,232,121,.2);background:#f5e87914;border-radius:12px;color:var(--yellow)}.home-insight>div{flex:1}.home-insight strong{font-size:11px}.home-insight p{font-size:10px;color:var(--muted);margin:4px 0 0}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translate(-50%);width:min(520px,100%);height:76px;padding:10px 16px max(12px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:center;background:#101210e0;border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;color:#797d72;text-decoration:none;font-size:9px;min-width:51px}.nav-item svg{width:19px;height:19px;stroke-width:1.8}.nav-item.active{color:var(--yellow)}.fab{position:fixed;z-index:7;bottom:48px;left:50%;transform:translate(-50%);width:54px;height:54px;border:5px solid #101210;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#1c1d15;box-shadow:0 4px 28px #f5e8793b;transition:transform .15s}.fab:active{transform:translate(-50%) scale(.94)}.bottom-nav .nav-item:nth-child(2){margin-right:30px}.bottom-nav .nav-item:nth-child(3){margin-left:30px}.sheet-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;background:#0000009e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center}.bottom-sheet{width:min(520px,100%);padding:12px 20px calc(25px + env(safe-area-inset-bottom));background:linear-gradient(150deg,#272a23,#151714 70%);border:1px solid rgba(255,255,255,.13);border-bottom:0;border-radius:27px 27px 0 0;box-shadow:0 -20px 70px #00000059;animation:rise .2s ease-out}.sheet-handle{width:37px;height:4px;background:#66695e;border-radius:4px;margin:0 auto 19px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sheet-heading h2{font:700 18px Manrope,sans-serif;margin:0}.money-choice{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:15px;border:1px solid var(--border);border-radius:18px;background:#ffffff09;color:#f5f4eb;margin:9px 0}.choice-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center}.money-choice>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px}.money-choice strong{font-size:13px}.money-choice small{font-size:10px;color:var(--muted)}.choice-arrow{font-size:20px;color:#a8aa9c}.page-title{padding:24px 0 20px}.page-title h1{font-size:32px;margin-top:8px}.title-dot{color:var(--yellow)}.page-title .muted{margin-top:7px}.analytics-content{display:flex;flex-direction:column;gap:14px}.segmented{display:flex;padding:4px;background:#ffffff0b;border:1px solid var(--border);border-radius:14px;gap:4px}.segmented button{flex:1;border:0;background:transparent;color:#a6a99c;border-radius:10px;padding:10px 8px;font-size:11px}.segmented button.selected{background:var(--yellow);color:#1a1b13;font-weight:700}.chart-card{border-radius:20px;padding:17px 15px}.chart-card .section-heading{margin-bottom:12px}.chart-card .section-heading h2{font-size:17px}.tiny-pill{font-size:9px;color:var(--yellow);background:#f5e87914;border:1px solid rgba(245,232,121,.15);border-radius:20px;padding:6px 9px}.donut-wrap{position:relative;max-width:300px;margin:0 auto}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:5px}.donut-center span{font-size:10px;color:var(--muted)}.donut-center strong{font:700 16px Manrope,sans-serif}.legend-list{display:flex;flex-direction:column;gap:13px;margin-top:10px}.legend-row{display:flex;align-items:center;gap:9px;font-size:11px;color:#c9cabe}.legend-row strong{margin-left:auto;font-size:10px;color:#f2f1e8}.legend-dot{width:8px;height:8px;border-radius:3px}.chart-mark{color:var(--yellow);font-size:20px}.empty-chart{height:115px;display:grid;place-items:center;color:var(--muted);font-size:11px;text-align:center}.filter-segmented{margin:0 0 13px}.full-list{padding:2px 14px}.empty-state{text-align:center;padding:28px 8px;color:var(--muted);font-size:12px}.profile-card{border-radius:22px;padding:25px;text-align:center}.profile-avatar{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;margin:0 auto 13px;background:linear-gradient(140deg,#fff2a0,#b6a73d);color:#15160f;font:800 28px Manrope,sans-serif;box-shadow:0 0 0 7px #f5e87912}.profile-card h2{font:700 18px Manrope,sans-serif;margin:0 0 6px}.settings-list{border-radius:18px;margin-top:14px;padding:0 15px}.setting-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 0;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#e6e7dc;text-align:left;font-size:12px}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:11px;color:var(--muted);font-weight:500}.setting-row span{display:flex;align-items:center;gap:9px}.logout-row{color:var(--red)}.form-page{padding-top:24px}.page-header{display:flex;align-items:center;gap:13px;margin-bottom:24px}.page-header h1{font:700 25px Manrope,sans-serif;letter-spacing:-.8px;margin:5px 0 0}.page-header .icon-button{flex-shrink:0}.form-card{border-radius:22px;padding:20px 17px}.field-label{display:block;font-size:11px;color:#d2d4c8;margin:15px 0 8px}.field-label:first-child{margin-top:0}.amount-input{display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(245,232,121,.35);padding:5px 0 12px;margin-bottom:19px}.amount-input span{font:600 27px Manrope,sans-serif;color:var(--yellow)}.amount-input input{width:100%;min-width:0;background:transparent;border:0;outline:none;color:#f7f5e9;font:700 32px Manrope,sans-serif;letter-spacing:-1px}.amount-input input::placeholder{color:#53574c}.text-input{width:100%;padding:13px 12px;border:1px solid var(--border);border-radius:12px;background:#ffffff09;color:#f4f4e9;font-size:12px;outline:none}.text-input option{background:#20221e}.text-input::placeholder{color:#74786d}.text-input[type=date]{color-scheme:dark}.primary-button{width:100%;border:0;border-radius:14px;background:var(--yellow);color:#17180f;font-weight:800;font-size:12px;padding:15px;margin-top:20px;box-shadow:0 8px 25px #f5e8791a}.primary-button:disabled{opacity:.65}.submit-button{display:flex;align-items:center;justify-content:center;gap:8px}.error-text{color:#ff9691;font-size:11px;margin:12px 0 0}.muted.auth-subtitle{font-size:13px}.auth-page{position:relative;min-height:100dvh;max-width:520px;margin:auto;padding:65px 25px 28px;background:radial-gradient(ellipse at 95% 5%,rgba(245,232,121,.15),transparent 35%),#101210;display:flex;flex-direction:column;align-items:stretch}.auth-back{position:absolute;top:18px;left:20px}.auth-page .brand-lockup{margin:20px 0 44px}.auth-page .brand-icon{width:47px;height:47px}.auth-kicker{font-size:9px;letter-spacing:2px;color:var(--yellow);font-weight:700;margin:0 0 12px}.auth-page h1{font:800 34px Manrope,sans-serif;letter-spacing:-1.5px;margin:0 0 9px}.auth-subtitle{margin-bottom:25px!important}.auth-form{border-radius:21px;padding:20px 17px}.auth-form .field-label{margin-top:15px}.auth-form .field-label:first-child{margin-top:0}.auth-form .primary-button{margin-top:23px}.auth-switch{text-align:center;font-size:11px;color:var(--muted);margin-top:23px}.auth-switch button{border:0;background:transparent;color:var(--yellow);font-weight:700}.auth-footnote{margin-top:auto;padding-top:45px;text-align:center;color:#6f7368;font-size:9px;letter-spacing:.3px}@keyframes rise{0%{transform:translateY(25px);opacity:.5}to{transform:translateY(0);opacity:1}}@media(min-width:600px){body{padding:22px 0}.app-shell{border:1px solid rgba(255,255,255,.08);border-radius:28px;min-height:calc(100dvh - 44px);padding-bottom:105px}.bottom-nav{bottom:22px;border-radius:0 0 28px 28px}.fab{bottom:70px}.auth-page{min-height:calc(100dvh - 44px);border:1px solid var(--border);border-radius:28px;padding-left:35px;padding-right:35px}}@media(max-width:360px){.app-shell{padding-left:14px;padding-right:14px}.balance-card{padding:18px 15px}.balance-amount{font-size:27px}.summary-card{padding:13px 10px}.transaction-amount{font-size:9px}.auth-page{padding-left:18px;padding-right:18px}}
