@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Inter:wght@400;600;700;800&display=swap";:root{font-family:Inter,Cairo,system-ui,sans-serif;color:#0b2d4a;background:#f6faff;--blue:#0a7cff;--green:#00c48c;--navy:#0b2d4a;--pale:#e8f4ff;--line:#dcebf7}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0,#dff9f3,transparent 35%),linear-gradient(160deg,#fff 45%,#e8f4ff)}.auth-card{width:min(100%,420px);background:#fff;padding:34px 24px;border-radius:30px;text-align:center;box-shadow:0 24px 70px #0b2d4a18}.wallet-logo{width:72px;height:62px;border-radius:18px;background:linear-gradient(145deg,#07c58e,#005b8f 55%,#092b48);position:relative;display:inline-block;box-shadow:0 10px 22px #007fa833}.wallet-logo i,.wallet-logo b{position:absolute;display:block;border-radius:8px}.wallet-logo i{width:42px;height:26px;background:linear-gradient(135deg,#38e483,#04a758);top:8px;left:12px;transform:rotate(-16deg)}.wallet-logo b{width:53px;height:34px;background:linear-gradient(145deg,#18c5ff,#0874ef 55%,#06318a);border:4px solid #e8f4ff;left:10px;top:20px}.wallet-logo span{position:absolute;color:#fff;z-index:2;right:15px;top:31px;font-size:11px}.auth-card h1{margin:14px 0 0;font-size:30px}.tag{color:var(--green);font-weight:700}.auth-card p:not(.tag){color:#61778b}.auth-card label,label{display:grid;gap:7px;text-align:start;font-size:14px;font-weight:700;margin-block:13px}input,select{width:100%;min-height:50px;border:1px solid #c9dceb;border-radius:14px;padding:11px 13px;background:#fff;color:var(--navy);outline:0}input:focus,select:focus,button:focus-visible{box-shadow:0 0 0 3px #0a7cff25;border-color:var(--blue);outline:0}.primary,.secondary{min-height:50px;border-radius:14px;padding:10px 18px;font-weight:800}.primary{border:0;background:linear-gradient(100deg,var(--blue),var(--green));color:#fff}.secondary{background:#fff;border:1px solid var(--blue);color:var(--blue)}.auth-card .primary{width:100%}.link,.language{border:0;background:none;color:var(--blue);padding:12px}.error{color:#d92d20!important}.app{min-height:100dvh;padding-bottom:92px}.app>header{height:70px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand .wallet-logo{width:43px;height:38px;border-radius:11px}.brand .wallet-logo i{width:25px;height:16px;top:5px;left:8px}.brand .wallet-logo b{width:32px;height:22px;border-width:2px;left:6px;top:12px}.brand .wallet-logo span{font-size:7px;right:8px;top:19px}.avatar{border:0;background:var(--pale);color:var(--navy);width:40px;height:40px;border-radius:50%}.app>main{max-width:720px;margin:auto;padding:18px 16px}.period-tabs,.scope-tabs,.type-tabs{display:flex;background:#edf5fb;border-radius:14px;padding:4px;margin-bottom:14px}.period-tabs button,.scope-tabs button,.type-tabs button{flex:1;border:0;background:none;min-height:38px;border-radius:10px;color:#61778b}.period-tabs .active,.scope-tabs .active,.type-tabs .active{background:#fff;color:var(--navy);font-weight:800;box-shadow:0 3px 10px #0b2d4a10}.type-tabs .active.expense{background:#ff6767;color:#fff}.type-tabs .active.income{background:var(--green);color:#fff}.balance-card{background:linear-gradient(145deg,#058b91,#063a62 62%,#0b2d4a);color:#fff;border-radius:24px;padding:22px;box-shadow:0 18px 36px #07506b2d;overflow:hidden;position:relative}.balance-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#00c48c33;inset-inline-end:-80px;bottom:-110px}.balance-card>span{opacity:.86}.balance-card>strong{font-size:35px;display:block;margin:5px 0 16px}.balance-card>div{display:flex;gap:28px}.balance-card small{display:grid;opacity:.88}.balance-card small bdi{font-weight:800;font-size:15px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 26px}.quick-grid button{border:0;background:#fff;color:var(--navy);border-radius:16px;min-height:76px;display:grid;place-content:center;gap:5px;font-size:12px;box-shadow:0 6px 20px #0b2d4a0c}.quick-grid span{font-size:22px;color:var(--blue)}.section-head,.page-title{display:flex;align-items:center;justify-content:space-between}.section-head h2{font-size:19px}.section-head button{border:0;background:none;color:var(--blue)}.circle-add{border:0;background:var(--green);color:#fff;border-radius:50%;width:40px;height:40px;font-size:22px}.list{display:grid;gap:9px}.list article{display:flex;align-items:center;gap:10px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:16px}.cat-icon{width:42px;height:42px;background:var(--pale);display:grid;place-items:center;border-radius:13px;font-size:20px}.entry-copy{display:grid;flex:1;min-width:0}.entry-copy small{color:#72869a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list bdi{font-weight:800}.list bdi.income{color:#00a678}.list bdi.expense{color:#f05252}.trash{border:0;background:none;color:#9aaaba;font-size:21px}.empty{min-height:170px;border:1px dashed #bcd4e6;border-radius:18px;display:grid;place-content:center;text-align:center;color:#72869a}.empty span{font-size:30px}.report-card,.future-card,.settings-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}.donut{width:190px;height:190px;margin:10px auto 25px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) 0 32%,var(--green) 32% 50%,#ff9f2f 50% 68%,#7657ee 68% 82%,#ff5f5f 82% 100%)}.donut>div{width:125px;height:125px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.donut small{color:#72869a}.donut bdi{font-weight:800;font-size:21px}.breakdown{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #eef4f8}.breakdown span{display:flex;align-items:center;gap:7px}.breakdown i{width:8px;height:8px;border-radius:50%}.budget-list{display:grid;gap:12px}.budget-list article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.budget-list article>div{display:flex;justify-content:space-between;font-weight:800}.budget-list progress{width:100%;height:9px;margin:14px 0 7px;accent-color:var(--green)}.budget-list small{color:#72869a}.future-card{display:flex;gap:14px;margin-top:18px}.future-card>span{font-size:30px}.future-card h2{font-size:17px;margin-bottom:4px}.future-card p{color:#72869a;margin:0}.settings-card{display:grid;gap:8px}.settings-card p{color:#61778b}.settings-card button{min-height:48px;border:0;border-top:1px solid var(--line);background:none;text-align:start}.settings-card .danger{color:#d92d20}.fab{position:fixed;z-index:8;bottom:58px;left:50%;transform:translate(-50%);border:5px solid #fff;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;width:62px;height:62px;border-radius:50%;font-size:28px;box-shadow:0 8px 24px #0a7cff55}nav{position:fixed;z-index:7;bottom:0;inset-inline:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;padding:6px 5px calc(7px + env(safe-area-inset-bottom))}nav button{border:0;background:none;color:#7b8fa1;min-height:55px;flex:1;max-width:150px;display:grid;place-items:center;font-size:10px}nav button span{font-size:20px;line-height:18px}nav button.active{color:var(--blue);font-weight:800}.overlay{position:fixed;z-index:12;top:0;right:0;bottom:0;left:0;background:#0b2d4a88;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,600px);background:#fff;border-radius:26px 26px 0 0;padding:12px 20px calc(24px + env(safe-area-inset-bottom));max-height:94dvh;overflow:auto}.grab{width:48px;height:5px;border-radius:5px;background:#cbdce8;margin:0 auto 14px}.amount-input{position:relative}.amount-input input{font-size:25px;font-weight:800;padding-inline-end:60px}.amount-input span{position:absolute;inset-inline-end:14px;top:15px;color:#72869a}.receipt-box{border:1px dashed #a9c8df;background:#f7fbff;border-radius:16px;padding:12px}.receipt-button{display:block;margin:0;text-align:center;color:var(--blue);cursor:pointer}.receipt-box img{display:block;max-width:100%;max-height:150px;margin:10px auto;border-radius:10px}.receipt-box small{display:block;color:#72869a;margin-top:8px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}@media(prefers-reduced-motion:no-preference){button,.balance-card{transition:.18s ease}.quick-grid button:hover{transform:translateY(-2px)}}.receipt-box img{max-height:180px}.receipt-box small,.privacy-note{display:block;color:#72869a;margin-top:8px}.receipt-box>strong{display:block;margin:10px 0}.receipt-item{display:grid;grid-template-columns:1fr 90px 32px;gap:6px;margin:6px 0}.receipt-item input{min-height:40px;padding:7px}.receipt-item button{border:0;background:#fee2e2;color:#b42318;border-radius:9px}.voice-button{width:100%;border:1px solid #b7d9f1;background:#eef8ff;color:var(--blue);border-radius:13px;min-height:46px;font-weight:800}.privacy-note{margin-bottom:12px}.report-subtitle{margin-top:26px!important;padding-top:18px;border-top:2px solid #eef4f8}.plan-section{margin-bottom:28px}.premium-badge{display:inline-block;background:#fff4ce;color:#875900;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.commitment-form{background:#fff;border:1px solid var(--line);padding:16px;border-radius:18px;margin:14px 0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.commitment-form label small{font-weight:400;color:#72869a}.commitment-form>.primary{width:100%}.obligation-list{display:grid;gap:12px;margin:16px 0}.obligation-list article{background:#fff;border:1px solid var(--line);padding:16px;border-radius:18px}.obligation-list article>div{display:flex;justify-content:space-between;font-size:17px}.obligation-list p,.obligation-list small{color:#72869a}.obligation-list progress{width:100%;accent-color:var(--green)}.paid-button{width:100%;min-height:40px;margin-top:12px}.plan-message{background:#fff4ce;color:#875900;border-radius:12px;padding:12px}@media(max-width:440px){.form-pair{grid-template-columns:1fr}}.header-actions,.modal-title,.help-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.help-button,.inline-help{width:34px;height:34px;border-radius:50%;border:1px solid #b7d9f1;background:#eef8ff;color:var(--blue);font-weight:900;font-size:18px}.modal-title h2{margin:0}.help-overlay{z-index:50}.help-sheet{width:min(94vw,480px);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:20px;box-shadow:0 24px 70px #00284f44}.help-head button{border:0;background:#edf3f7;border-radius:50%;width:36px;height:36px;font-size:24px}.help-head small{color:var(--green);font-weight:800}.help-head h2{margin:2px 0}.tutorial-player{background:linear-gradient(145deg,#062c4b,#075d70);border-radius:20px;padding:16px;margin:16px 0;color:#fff}.tutorial-phone{border:3px solid #dff7ff;border-radius:18px;min-height:190px;padding:14px;background:#f7fbff;color:#082d4a;box-shadow:0 12px 26px #00172e55}.tutorial-top{font-size:12px;color:#688196}.tutorial-scene{display:grid;place-items:center;text-align:center;min-height:135px;animation:tutorialIn .45s ease}.tutorial-scene span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#0a7cff,#00c48c);color:#fff;font-size:28px;margin-bottom:12px}.tutorial-progress{height:5px;background:#fff3;border-radius:99px;margin:14px 0 10px;overflow:hidden}.tutorial-progress i{display:block;height:100%;background:#23e0a3;transition:width .3s}.tutorial-player>button{width:100%;min-height:40px;border:0;border-radius:11px;background:#fff;color:#064565;font-weight:800}.help-sheet ol{padding-inline-start:24px}.help-sheet li{padding:7px;color:#607488}.help-sheet li.active{color:#075d70;font-weight:800}.help-warning{background:#fff6d9;padding:11px;border-radius:12px;color:#765300}.help-close{width:100%}@keyframes tutorialIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.help-video{margin:14px 0}.help-video video{display:block;width:100%;max-height:300px;background:#062c4b;border-radius:16px}.help-video figcaption{text-align:center;color:#607488;font-size:12px;margin-top:6px}.balance-card .actual-balance{display:block;margin-top:10px;padding-top:9px;border-top:1px solid #ffffff33;color:#d9f3ff}.balance-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:390px){.balance-card>div{grid-template-columns:1fr 1fr}.balance-card>div small:last-child{grid-column:1/-1}}.edit-entry{border:0;background:#e8f4ff;color:#0a7cff;border-radius:9px;width:34px;height:34px;font-size:17px}.onboarding-card{margin:14px 0;padding:16px;border:1px solid #dcecf7;border-radius:18px;background:linear-gradient(135deg,#f4fbff,#f4fffb)}.onboarding-card>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.onboarding-card>div small{background:#e1f4ee;color:#007d61;border-radius:999px;padding:3px 9px}.onboarding-card button{width:100%;display:flex;gap:10px;align-items:center;text-align:start;border:0;background:transparent;padding:8px 0;color:#06345b}.onboarding-card button span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#0a7cff;color:#fff;font-weight:800}.onboarding-card button.done{color:#5b7285}.onboarding-card button.done span{background:#00a878}.onboarding-card p{font-size:.8rem;color:#60798c;margin:7px 0 0}.plan-comparison{margin:10px 0}.plan-comparison>button{width:100%}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;text-align:start}.plan-grid article{padding:12px;border:1px solid #d8e7f2;border-radius:14px;background:#fff}.plan-grid article.premium{border-color:#87dfc3;background:#f2fff9}.plan-grid p{font-size:.78rem;margin:8px 0}.plan-grid>small{grid-column:1/-1;color:#60798c;line-height:1.5}@media(max-width:420px){.plan-grid{grid-template-columns:1fr}}.offer-feedback{grid-column:1/-1;display:grid;gap:8px}.offer-feedback>button{min-height:40px}.offer-feedback label{font-size:.8rem}.offer-feedback select{width:100%;margin-top:5px}.feedback-thanks{grid-column:1/-1;background:#e8fff5;color:#067457;padding:10px;border-radius:12px}.calculation-explainer{margin:-7px 0 14px}.calculation-explainer>button{width:100%;border:1px solid #cfe3f2;background:#f7fbfe;color:#075d70;border-radius:0 0 14px 14px;padding:9px;font-weight:800}.calculation-explainer>div{border:1px solid #dce9f2;border-top:0;border-radius:0 0 14px 14px;padding:12px;background:#fff}.calculation-explainer p,.calculation-explainer>div>small{font-size:.8rem;color:#607488}.formula{display:flex;align-items:center;justify-content:space-between;gap:5px;overflow-x:auto;padding:8px 0}.formula span{display:grid;min-width:max-content}.formula span small{font-size:.68rem;color:#607488}.formula span bdi{font-weight:800}.formula i{font-style:normal;color:#8195a6}.formula-result{color:#008668}