:root{--bg: #f4f6f8;--surface: #ffffff;--surface-2: #f0f2f5;--text: #1a2230;--muted: #6b7686;--border: #e3e7ec;--good: #0e9f6e;--good-soft: #e2f6ee;--bad: #dc2626;--bad-soft: #fdeaea;--neutral: #6366f1;--accent: #0e9f6e;--radius: 18px;--radius-sm: 12px;--shadow: 0 2px 10px rgba(24, 39, 60, .06);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 66px;font-family:Segoe UI,system-ui,-apple-system,Noto Naskh Arabic,Tahoma,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:700;line-height:1.3}p{margin:0}button{font-family:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.boot{display:grid;place-items:center;min-height:100vh}.spinner{width:34px;height:34px;border:3px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{max-width:520px;margin-inline:auto;min-height:100vh;padding-bottom:calc(var(--nav-h) + var(--safe-bottom))}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px}.brand-mark{font-size:22px}.brand-name{font-weight:800;font-size:19px}.lang-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:999px;font-weight:600;font-size:14px}.screen{padding:16px 16px 26px}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{gap:10px}.screen-title{font-size:22px}.section-sub{font-size:15px;color:var(--muted);margin-top:6px}.month-title{font-size:15px;color:var(--muted);font-weight:600}.center{text-align:center}.muted{color:var(--muted);font-size:14px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.row-gap{display:flex;gap:10px;flex-wrap:wrap}.row-gap.end{justify-content:flex-end}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{background:var(--surface-2);border-radius:999px;padding:5px 12px;font-weight:700;font-size:14px;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}.stat-label{font-size:13px;color:var(--muted)}.stat-value{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}.stat-card.good .stat-value{color:var(--good)}.stat-card.bad .stat-value{color:var(--bad)}.banner{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius);color:#fff}.banner-icon{font-size:26px}.banner strong{font-size:19px;display:block}.banner-sub{font-size:15px;opacity:.95;font-variant-numeric:tabular-nums}.banner-good{background:linear-gradient(135deg,#0e9f6e,#0b8f63)}.banner-bad{background:linear-gradient(135deg,#dc2626,#b91c1c)}.confirm-income h3{font-size:17px}.inline-form{display:flex;gap:10px;align-items:stretch}.inline-form .input-amount{flex:1}.progress{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .35s ease}.progress-fill.good{background:var(--good)}.progress-fill.bad{background:var(--bad)}.progress-fill.neutral{background:var(--neutral)}.mini-row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.breakdown{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.breakdown-head{display:flex;justify-content:space-between;margin-bottom:6px;font-weight:600}.breakdown-head .muted{font-variant-numeric:tabular-nums}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.expense-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.expense-row.static{cursor:default}.expense-main{display:flex;flex-direction:column;gap:2px;min-width:0}.expense-cat{font-weight:700}.expense-note{font-size:13px}.expense-date{font-size:12px;font-variant-numeric:tabular-nums}.expense-amount{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.movement{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--border)}.movement:last-child{border-bottom:none}.movement-main{display:flex;flex-direction:column;gap:2px}.amount-pos{color:var(--good);font-weight:800;font-variant-numeric:tabular-nums}.amount-neg{color:var(--bad);font-weight:800;font-variant-numeric:tabular-nums}.bought-row{flex-direction:row;align-items:center;justify-content:space-between}.savings-hero{align-items:stretch;text-align:center;gap:10px}.big-number{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--good)}.good-text{color:var(--good);font-weight:700}.month-switch{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow)}.month-switch-label{font-weight:800;font-size:17px}.btn{border:none;border-radius:var(--radius-sm);padding:12px 18px;font-weight:700;font-size:15px;min-height:48px;transition:transform .05s ease,opacity .2s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-full{width:100%}.btn-primary{background:var(--accent);color:#fff}.btn-subtle{background:var(--surface-2);color:var(--text)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-danger{background:var(--bad-soft);color:var(--bad)}.icon-btn{border:none;background:var(--surface-2);color:var(--text);width:40px;height:40px;border-radius:10px;font-size:16px;display:grid;place-items:center}.icon-btn:disabled{opacity:.35}.icon-btn.danger{background:var(--bad-soft);color:var(--bad)}.fab{position:fixed;inset-inline-end:calc(50% - 240px);bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);width:58px;height:58px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:30px;line-height:1;box-shadow:0 6px 18px #0e9f6e66;display:grid;place-items:center;z-index:30}@media(max-width:540px){.fab{inset-inline-end:20px}}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-weight:600;font-size:14px}.field-hint{font-size:12px;color:var(--muted)}.input{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:13px 14px;font-size:16px;color:var(--text);min-height:48px}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--good-soft)}.input-amount{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.3px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.error-msg{color:var(--bad);font-size:14px;font-weight:600;background:var(--bad-soft);padding:10px 12px;border-radius:var(--radius-sm)}.seg{display:flex;background:var(--surface-2);border-radius:var(--radius-sm);padding:4px;gap:4px}.seg-btn{flex:1;border:none;background:transparent;padding:10px;border-radius:9px;font-weight:700;color:var(--muted)}.seg-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.cat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid var(--border)}.cat-row.editing{flex-direction:column;align-items:stretch}.add-cat{border-top:1px dashed var(--border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.setup{min-height:100vh;padding:20px 18px calc(30px + var(--safe-bottom));display:flex;flex-direction:column;gap:16px;max-width:520px;margin-inline:auto}.setup-top{display:flex;justify-content:flex-end}.setup-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.setup-hero{font-size:46px;text-align:center}.setup-card h1{font-size:24px;text-align:center}.setup-preview{text-align:center;font-variant-numeric:tabular-nums}.bottom-nav{position:fixed;bottom:0;inset-inline:0;max-width:520px;margin-inline:auto;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;z-index:25}.nav-item{flex:1;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);padding:6px 2px}.nav-icon{font-size:20px;line-height:1;filter:grayscale(.4);opacity:.7}.nav-label{font-size:11px;font-weight:600}.nav-item.active{color:var(--accent)}.nav-item.active .nav-icon{filter:none;opacity:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:40;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{background:var(--surface);width:100%;max-width:520px;border-radius:22px 22px 0 0;max-height:90vh;overflow-y:auto;animation:sheet-up .22s ease}@keyframes sheet-up{0%{transform:translateY(30px);opacity:.6}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.modal-head h2{font-size:18px}.modal-body{padding:18px;padding-bottom:calc(24px + var(--safe-bottom))}.empty-state{color:var(--muted);text-align:center;padding:24px 10px;font-size:14px}.toast{position:fixed;bottom:calc(var(--nav-h) + var(--safe-bottom) + 18px);inset-inline:0;margin-inline:auto;width:fit-content;max-width:90%;background:var(--text);color:#fff;padding:12px 20px;border-radius:999px;font-weight:600;z-index:60;box-shadow:var(--shadow);animation:sheet-up .2s ease}@media(prefers-color-scheme:dark){:root{--bg: #0f172a;--surface: #1a2436;--surface-2: #243149;--text: #eef2f7;--muted: #97a3b6;--border: #2c3a52;--good-soft: #123a2c;--bad-soft: #3a1717;--shadow: 0 2px 12px rgba(0, 0, 0, .3)}}