.fp-root{--brand: var(--colorBrandBackground);--brand-2: var(--colorCompoundBrandBackground);--brand-grad: linear-gradient(135deg, var(--colorBrandBackground), var(--colorBrandForeground2));--brand-ink: var(--colorBrandForeground1);--success: var(--colorPaletteGreenForeground1);--success-soft: var(--colorPaletteGreenBackground1);--danger: var(--colorPaletteRedForeground1);--danger-soft: var(--colorPaletteRedBackground1);--warning: var(--colorPaletteDarkOrangeForeground1);--bg: var(--colorNeutralBackground3);--bg-2: var(--colorNeutralBackground4);--surface: var(--colorNeutralBackground1);--surface-2: var(--colorNeutralBackground2);--surface-alt: var(--colorNeutralBackground3);--text: var(--colorNeutralForeground1);--text-muted: var(--colorNeutralForeground2);--text-faint: var(--colorNeutralForeground3);--border: var(--colorNeutralStroke2);--shadow: var(--shadow4);--shadow-lg: var(--shadow16);--glass: color-mix(in srgb, var(--colorNeutralBackground1) 80%, transparent);--radius: var(--borderRadiusXLarge);--radius-sm: var(--borderRadiusMedium);--radius-lg: var(--borderRadiusXLarge);--sidebar-w: 256px;font-family:var(--fontFamilyBase);font-size:14px;line-height:1.55;color:var(--text);-webkit-font-smoothing:antialiased}[dir=rtl] .fp-root{font-family:"Cairo",var(--fontFamilyBase)}#root>.fp-root{min-height:100vh;background:var(--bg)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html[data-theme=light]{background:#f5f5f5}html[data-theme=dark]{background:#1f1f1f}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand-ink)}::selection{background:color-mix(in srgb,var(--brand) 30%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.app{display:flex;min-height:100vh}.main-content{flex:1;min-width:0;margin-inline-start:var(--sidebar-w);display:flex;flex-direction:column}.page-body{padding:24px 30px 60px}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar-w);background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px;z-index:200;transition:transform .28s ease}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:6px 8px 20px;margin-bottom:8px;border-bottom:1px solid var(--border)}.brand-logo{width:40px;height:40px;color:var(--brand-ink);display:grid;place-items:center}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-weight:800;font-size:15px}.brand-sub{font-size:11px;color:var(--text-muted)}.sidebar-nav{display:flex;flex-direction:column;gap:3px;margin-top:6px}.nav-btn{position:relative;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;text-align:start;width:100%;transition:color .15s,font-weight .15s}.nav-btn svg{width:19px;height:19px;flex-shrink:0}.nav-btn:hover{color:var(--text)}.nav-btn.active{color:var(--brand-ink);font-weight:800}.nav-btn.active:hover{color:var(--brand-ink)}.nav-btn.active:before{content:"";position:absolute;inset-inline-start:-6px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:99px;background:var(--brand-ink)}.sidebar-foot{margin-top:auto;padding-top:14px}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:150;opacity:0;pointer-events:none;transition:opacity .25s}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 30px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-titles h1{font-size:20px;font-weight:800;letter-spacing:-.3px}.topbar-titles p{font-size:12.5px;color:var(--text-muted);margin-top:1px}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;color:var(--text-muted);font-size:15px;transition:.15s}.icon-btn:hover{color:var(--text);border-color:var(--brand);transform:translateY(-1px)}.icon-btn svg{width:18px;height:18px}.lang-pill{height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-weight:700;font-size:13px;color:var(--text);transition:.15s}.lang-pill:hover{border-color:var(--brand)}.menu-btn{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card-title{font-size:12px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-title .hint{font-weight:600;text-transform:none;letter-spacing:0;font-size:11.5px;color:var(--text-faint);margin-inline-start:auto}.ct-ico{color:var(--brand-ink);display:inline-flex}.ct-ico svg{width:18px;height:18px}.section{margin-bottom:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.section-head h2{font-size:16px;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.stat-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.stat-card .stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-ico{color:var(--brand-ink);display:grid;place-items:center}.stat-ico svg{width:22px;height:22px}.stat-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:25px;font-weight:800;letter-spacing:-.5px;margin-top:10px}.stat-value.pos{color:var(--success)}.stat-value.neg{color:var(--danger)}.stat-delta{font-size:12px;font-weight:700;margin-top:4px;display:inline-flex;align-items:center;gap:4px}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.stat-delta.flat{color:var(--text-faint)}.stat-card.feature{background:var(--brand-grad);color:#fff;border:none}.stat-card.feature .stat-label,.stat-card.feature .stat-value,.stat-card.feature .stat-ico{color:#fff}.stat-card.feature .stat-sub{color:#ffffffd9;font-size:12.5px;margin-top:4px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.two-col{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}.form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group>label{font-size:13px;font-weight:700}.form-group .muted-label{font-weight:500;color:var(--text-faint);font-size:11.5px}.form .fui-Field,.form .fui-Input,.form .fui-Select,.form .fui-Dropdown,.filters-row .fui-Input,.filters-row .fui-Select,.filters-row .fui-Dropdown{width:100%}.fui-Dropdown{min-width:0}.radio-group{display:flex;gap:10px}.radio-card{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);font-weight:700;font-size:13px;transition:.15s}.radio-card input{display:none}.radio-card.checked{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:14px;transition:transform .1s,opacity .15s,background .15s}.btn:hover{opacity:.92}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-grad);color:#fff;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--brand) 70%,transparent)}.btn-block{width:100%}.btn-ghost{background:var(--surface-alt);color:var(--text)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--brand);color:var(--brand)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:6px 12px;font-size:12.5px;border-radius:8px}.btn-icon-x{width:30px;height:30px;padding:0;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:16px;font-weight:700}.btn-icon-x:hover{background:var(--danger);color:#fff}.table-wrap{overflow-x:auto;margin:0 -4px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:start;padding:9px 12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover td{background:var(--surface-2)}.data-table tfoot td{padding:12px;border-top:2px solid var(--border);font-weight:800}.table-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 2px;border-top:2px solid var(--border);font-weight:800}.amount-pos{color:var(--success);font-weight:800;white-space:nowrap}.amount-neg{color:var(--danger);font-weight:800;white-space:nowrap}.text-muted{color:var(--text-muted)}.cell-strong{font-weight:700}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;background:var(--surface-alt);color:var(--text-muted)}.badge .dot{width:7px;height:7px;border-radius:99px;flex-shrink:0}.badge-soft{background:color-mix(in srgb,var(--c, #94a3b8) 16%,transparent);color:var(--c, #94a3b8)}.chip-recur{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}.filters-row{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filters-row>*{flex:1;min-width:130px}.app-loading{min-height:100vh;display:grid;place-items:center}.landing{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.landing-hero,.landing-auth{min-width:0}@media (max-width: 900px){.landing{grid-template-columns:minmax(0,1fr)}.landing-hero{padding:64px 22px 28px;gap:14px}.landing-auth{padding:28px 22px 48px}.hero-visual{align-self:center}}.landing-lang{position:fixed;top:16px;inset-inline-end:16px;z-index:5;height:36px;min-width:40px;padding:0 12px;border-radius:99px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:800;font-size:13px}.landing-lang:hover{border-color:var(--brand)}.landing-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:56px clamp(24px,6vw,80px);background:linear-gradient(165deg,color-mix(in srgb,var(--brand) 13%,var(--surface)),var(--surface) 70%)}.landing-brand{display:flex;align-items:center;gap:10px}.landing-logo{color:var(--brand-ink);display:inline-flex}.landing-name{font-weight:800;font-size:20px}.landing-title{font-size:clamp(30px,5vw,46px);font-weight:800;line-height:1.12;letter-spacing:-.5px;max-width:15ch}.landing-sub{font-size:clamp(15px,1.5vw,18px);color:var(--text-muted);line-height:1.6;max-width:48ch}.landing-feats{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:4px}.landing-feats li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}.landing-feats .lf-ico{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand-ink)}.landing-feats .lf-ico svg{width:18px;height:18px}.landing-auth{display:grid;place-items:center;padding:40px 24px;background:var(--bg);min-width:0}.landing-auth-inner{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px}.landing-auth-inner h2{font-size:20px;font-weight:800}.landing-cta-note{font-size:12.5px;color:var(--text-faint)}.landing-auth .cl-rootBox{width:100%}.landing-auth .cl-card{width:100%;max-width:100%}.hero-visual{margin-top:14px}.hv-card{display:inline-flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:100%;padding:18px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.hv-card .ring-center{line-height:1.1;text-align:center}.hv-ring-pct{font-size:20px;font-weight:800}.hv-ring-cap{font-size:10px;color:var(--text-muted)}.hv-chips{display:flex;flex-direction:column;gap:8px}.hv-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;font-weight:800;font-size:13px;background:color-mix(in srgb,var(--c) 15%,transparent);color:var(--c);white-space:nowrap}@keyframes landFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes landFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (prefers-reduced-motion: no-preference){.landing-brand{animation:landFadeUp .5s both .05s}.landing-title{animation:landFadeUp .6s both .12s}.landing-sub{animation:landFadeUp .6s both .2s}.landing-feats li{animation:landFadeUp .5s both}.landing-feats li:nth-child(1){animation-delay:.28s}.landing-feats li:nth-child(2){animation-delay:.36s}.landing-feats li:nth-child(3){animation-delay:.44s}.landing-feats li:nth-child(4){animation-delay:.52s}.hero-visual{animation:landFadeUp .7s both .5s}.hv-card{animation:landFloat 5.5s ease-in-out infinite .9s}.landing-auth-inner{animation:landFadeUp .6s both .28s}}.sync-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap;border:1px solid var(--border);color:var(--text-muted);background:var(--surface)}.sync-badge.saved{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.sync-badge.syncing{color:var(--brand-ink);border-color:color-mix(in srgb,var(--brand) 35%,var(--border))}.sync-badge.offline{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}@media (max-width: 640px){.sync-badge .sync-cap{display:none}.sync-badge{padding:6px}}.recurring-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:color-mix(in srgb,var(--brand) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 30%,var(--border));border-radius:var(--radius)}.recurring-banner .rb-ico{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand-ink)}.recurring-banner .rb-text{display:flex;flex-direction:column;line-height:1.35;min-width:0}.recurring-banner .rb-text b{font-size:13.5px}.recurring-banner .rb-text span{font-size:12.5px;color:var(--text-muted)}.recurring-banner>:last-child{margin-inline-start:auto}.ledger-date{display:flex;flex-direction:column;gap:4px}.ledger-date>span{font-size:11.5px;font-weight:700;color:var(--text-muted)}.ledger-totals{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:10px 12px;margin-bottom:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;font-weight:800}.ledger-totals>span:last-child{margin-inline-start:auto}.progress{height:9px;border-radius:99px;background:var(--surface-alt);overflow:hidden}.progress>span{display:block;height:100%;border-radius:99px;transition:width .5s ease;background:var(--brand-grad)}.progress.warn>span{background:linear-gradient(90deg,#f59e0b,#f97316)}.progress.over>span{background:linear-gradient(90deg,#ef4444,#b91c1c)}.progress.good>span{background:linear-gradient(90deg,#10b981,#059669)}.progress-row{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--border)}.progress-row:last-child{border-bottom:none}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.progress-name{display:flex;align-items:center;gap:9px;font-weight:700}.progress-name .ico{display:grid;place-items:center}.progress-name .ico svg{width:20px;height:20px}.progress-val{font-size:12.5px;color:var(--text-muted);white-space:nowrap}.progress-val b{color:var(--text)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.credit-card{position:relative;border-radius:18px;padding:20px;color:#fff;min-height:165px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-lg);overflow:hidden}.credit-card:after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff1f}.cc-top{display:flex;align-items:flex-start;justify-content:space-between}.cc-chip{width:38px;height:28px;border-radius:6px;background:linear-gradient(135deg,#fde68a,#d4a017);opacity:.9}.cc-brand{font-weight:800;font-style:italic;letter-spacing:.5px}.cc-num{font-size:17px;letter-spacing:2px;margin-top:8px}.cc-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.cc-name{font-weight:800;font-size:15px}.cc-spent{font-size:11.5px;opacity:.85;margin-top:2px}.cc-remove{background:#fff3;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:5px 11px;font-size:12px;font-weight:700}.cc-remove:hover{background:#ffffff52}.tx-list{display:flex;flex-direction:column}.tx-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border)}.tx-row:last-child{border-bottom:none}.tx-left{display:flex;align-items:center;gap:12px;min-width:0}.tx-ico{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.tx-ico svg{width:22px;height:22px}.tx-desc{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-meta{font-size:12px;color:var(--text-muted);margin-top:1px}.tx-amt{font-weight:800;font-size:14px;white-space:nowrap}.tx-amt.pos{color:var(--success)}.tx-amt.neg{color:var(--danger)}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rule-cell{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.rule-cell h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);display:flex;justify-content:space-between}.rule-amt{font-size:19px;font-weight:800;margin:8px 0 4px}.rule-target{font-size:11.5px;color:var(--text-faint)}.chart-wrap{width:100%;height:260px;position:relative}.chart-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-faint);font-size:13px}.legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:14px}.legend-item{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-muted)}.legend-item .dot{width:10px;height:10px;border-radius:3px}.legend-item b{color:var(--text)}.empty-state{text-align:center;padding:38px 20px;color:var(--text-muted)}.empty-state .empty-ico{display:inline-flex;color:var(--text-faint);margin-bottom:10px}.empty-state .empty-ico svg{width:38px;height:38px;stroke-width:1.4}.lock-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--brand) 26%,transparent),transparent),var(--bg)}.lock-box{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow-lg);text-align:center}.lock-logo{width:60px;height:60px;border-radius:18px;background:var(--brand-grad);color:#fff;display:grid;place-items:center;margin:0 auto 16px;box-shadow:0 12px 26px -8px color-mix(in srgb,var(--brand) 70%,transparent)}.lock-box h2{font-size:18px;font-weight:800}.lock-box p.sub{color:var(--text-muted);font-size:13px;margin-top:4px}.pin-dots{display:flex;justify-content:center;gap:14px;margin:26px 0 10px}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);transition:.15s}.pin-dot.filled{background:var(--brand);border-color:var(--brand);transform:scale(1.1)}.pin-error{color:var(--danger);font-size:13px;font-weight:700;min-height:18px;margin-bottom:8px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.key{height:58px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);font-size:21px;font-weight:700;transition:.12s}.key:hover{border-color:var(--brand);transform:translateY(-1px)}.key:active{transform:scale(.95)}.key.fn{font-size:14px;font-weight:700;color:var(--text-muted)}.lock-reset{margin-top:18px;font-size:12.5px}.lock-reset button{background:none;border:none;color:var(--text-faint);text-decoration:underline}.switch{position:relative;width:46px;height:26px;flex-shrink:0}.switch input{display:none}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--surface-alt);border:1px solid var(--border);transition:.2s}.switch .thumb{position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:.2s}.switch input:checked+.track{background:var(--brand-grad);border-color:transparent}.switch input:checked+.track+.thumb{inset-inline-start:23px}[dir=rtl] .switch input:checked+.track+.thumb{inset-inline-start:auto;inset-inline-end:3px;transform:translate(0)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.set-row:last-child{border-bottom:none}.set-row .label{font-weight:700}.set-row .desc{font-size:12.5px;color:var(--text-muted);margin-top:2px}.seg{display:inline-flex;background:var(--surface-alt);border-radius:10px;padding:3px;gap:3px}.seg button{border:none;background:transparent;padding:7px 14px;border-radius:8px;font-weight:700;font-size:13px;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.nowrap{white-space:nowrap}.hide{display:none!important}.analytics-grid{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.pace-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.ring{position:relative;display:grid;place-items:center}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.ring-pct{font-size:26px;font-weight:800;letter-spacing:-.5px}.ring-cap{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-top:2px}.pace-status{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;padding:7px 14px;border-radius:99px;background:var(--surface-alt);color:var(--text-muted)}.pace-status.over{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.pace-status.on{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.pace-status.under{background:color-mix(in srgb,#0ea5e9 16%,transparent);color:#0284c7}.pace-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{display:flex;align-items:center;gap:11px;padding:13px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.metric-ico{color:var(--brand-ink);display:grid;place-items:center;flex-shrink:0}.metric-ico svg{width:20px;height:20px}.metric-label{font-size:11.5px;color:var(--text-muted);font-weight:600}.metric-value{font-size:15.5px;font-weight:800;margin-top:2px;letter-spacing:-.2px}.advice{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:15px 16px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);border-inline-start:3px solid var(--brand)}.advice.over{border-inline-start-color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--surface-2))}.advice.on{border-inline-start-color:var(--success);background:color-mix(in srgb,var(--success) 7%,var(--surface-2))}.advice.under{border-inline-start-color:#0ea5e9;background:color-mix(in srgb,#0ea5e9 8%,var(--surface-2))}.advice-ico{color:var(--warning);display:grid;place-items:center;flex-shrink:0;margin-top:1px}.advice-ico svg{width:22px;height:22px}.advice b{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.advice p{font-size:13.5px;font-weight:600;margin-top:2px;line-height:1.5}.budget-note{display:inline-flex;align-items:center;gap:6px;font-size:12.5px}.budget-note svg{flex-shrink:0}.delta-cap{color:var(--text-faint);font-weight:600}.info{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-inline-start:5px;border-radius:50%;border:1.3px solid var(--text-faint);color:var(--text-faint);font-size:9.5px;font-weight:800;font-style:normal;line-height:1;cursor:help;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none;transition:color .15s,border-color .15s}.info:hover,.info:focus-visible{color:var(--brand-ink);border-color:var(--brand-ink);outline:none}.info:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);width:max-content;max-width:230px;white-space:normal;text-align:start;background:var(--text);color:var(--surface);padding:9px 11px;border-radius:9px;font-size:11.5px;font-weight:600;line-height:1.45;letter-spacing:0;text-transform:none;box-shadow:var(--shadow-lg);z-index:80;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.info:before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--text);opacity:0;z-index:80;transition:opacity .15s}.info:hover:after,.info:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.info:hover:before,.info:focus-visible:before{opacity:1}[dir=rtl] .info:after,[dir=rtl] .info:before{left:50%;transform:translate(-50%)}[dir=rtl] .info:hover:after,[dir=rtl] .info:focus-visible:after{transform:translate(-50%) translateY(0)}.chart-tip{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 12px;box-shadow:var(--shadow-lg);font-size:12.5px;min-width:120px}.chart-tip-title{font-weight:800;margin-bottom:5px}.chart-tip-row{display:flex;gap:14px;justify-content:space-between;color:var(--text-muted)}.chart-tip-row b{color:var(--text)}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;text-align:center}.donut-center-label{font-size:10.5px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.donut-center-value{font-size:19px;font-weight:800}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.page-body{animation:fade .25s ease both}.reveal{animation:rise .5s cubic-bezier(.22,1,.36,1) both}.stats-grid .stat-card:nth-child(1){animation-delay:.02s}.stats-grid .stat-card:nth-child(2){animation-delay:.07s}.stats-grid .stat-card:nth-child(3){animation-delay:.12s}.stats-grid .stat-card:nth-child(4){animation-delay:.17s}.card{animation:rise .45s cubic-bezier(.22,1,.36,1) both}.icon-btn,.btn,.credit-card,.key{transition:background .15s,color .15s,transform .12s,border-color .15s,box-shadow .15s}.credit-card:hover{transform:translateY(-3px)}.card{transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-lg)}.stat-card{transition:transform .18s,box-shadow .18s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.metric{transition:border-color .15s,transform .15s}.metric:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--border))}.stat-card.feature:after{content:"";position:absolute;inset-inline-end:-34px;top:-34px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);pointer-events:none}@media (max-width: 1100px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width: 920px){.two-col,.rule-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:1fr;justify-items:center}.pace-metrics{width:100%}}@media (max-width: 820px){.main-content{margin-inline-start:0}.sidebar{transform:translate(-104%)}[dir=rtl] .sidebar{transform:translate(104%)}.app.nav-open .sidebar{transform:translate(0)}.app.nav-open .nav-scrim{opacity:1;pointer-events:auto}.menu-btn{display:grid}.topbar,.page-body{padding-inline:16px}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:14px 16px}.stat-value{font-size:22px}.pace-metrics{grid-template-columns:1fr;gap:8px}.metric{padding:10px 12px}.metric-value{font-size:14px}.card{padding:14px}.card-title{font-size:11px;gap:6px;flex-wrap:wrap}.card-title .hint{font-size:10px}.topbar{padding:12px 14px;gap:6px}.topbar-titles h1{font-size:15px}.topbar-titles p{display:none}.topbar-actions{gap:4px;flex-shrink:0}.topbar-actions .fui-Button{min-width:32px}.sync-badge .sync-cap{display:none}.sync-badge{padding:6px}.page-body{padding:14px 14px 40px}.landing-title{max-width:100%;font-size:clamp(24px,6vw,32px)}.landing-sub{max-width:100%}.landing-hero{padding:40px 18px 24px;gap:12px}.filters-row>*{min-width:100%}.filters-row{gap:8px}.section{margin-bottom:16px}.section-head{margin-bottom:10px}.section-head h2{font-size:14px}.recurring-banner{flex-wrap:wrap;gap:8px;padding:10px 12px}.recurring-banner>:last-child{margin-inline-start:0;width:100%}.grid-2,.grid-3{grid-template-columns:1fr;gap:12px}.two-col{grid-template-columns:1fr;gap:14px}.chart-wrap{height:200px}.rule-grid{grid-template-columns:1fr;gap:10px}.rule-cell{padding:10px}.lock-box{padding:24px 20px}.key{height:50px;font-size:18px}.keypad{gap:8px}.acct-row,.sub-row{padding:10px 0;gap:8px}.data-table{font-size:12px}.data-table th,.data-table td{padding:6px 8px}.credit-card{min-height:140px;padding:16px}.cc-num{font-size:14px;letter-spacing:1px}.cc-name{font-size:13px}.tx-row{padding:10px 2px;gap:8px}.tx-desc{font-size:12.5px}.tx-amt{font-size:13px}.set-row{flex-wrap:wrap;gap:8px;padding:10px 0}.form{gap:10px}.insight-row{padding:8px 2px;gap:8px}}@media (max-width: 520px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:21px}.topbar-titles p{display:none}.page-body{padding-top:12px}.pace-metrics{grid-template-columns:1fr}.topbar{gap:6px}.topbar .row{min-width:0;flex:1}.topbar-titles{min-width:0}.topbar-titles h1{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{gap:3px;flex-shrink:0}.topbar-actions .fui-Button{min-width:32px}[dir=rtl] .stat-value{font-size:18px}[dir=rtl] .topbar-titles h1{font-size:14px}[dir=rtl] .card-title,[dir=rtl] .stat-label{letter-spacing:0}[dir=rtl] .landing-title{font-size:22px}[dir=rtl] .landing-sub{font-size:14px}}.table-wrap{-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.row-actions{display:inline-flex;align-items:center;gap:2px}.acct-list{display:flex;flex-direction:column}.acct-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--border)}.acct-row:last-child{border-bottom:none}.acct-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.acct-ico svg{width:20px;height:20px}.acct-name{font-weight:700}.acct-type{font-size:12px;color:var(--text-muted)}.acct-bal{font-weight:800;margin-inline-start:auto;white-space:nowrap}.acct-bal.neg{color:var(--danger)}.sub-list{display:flex;flex-direction:column}.sub-row{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--border);flex-wrap:wrap}.sub-row:last-child{border-bottom:none}.sub-ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.sub-ico svg{width:20px;height:20px}.sub-name{font-weight:700}.sub-meta{font-size:12px;color:var(--text-muted);margin-top:1px}.sub-due.overdue{color:var(--danger);font-weight:700}.sub-due.soon{color:var(--warning);font-weight:700}.sub-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-inline-start:auto}.sub-amt{font-weight:800;white-space:nowrap}.sub-actions{display:inline-flex;align-items:center;gap:4px}.sub-row.paid{opacity:.6}.insight-list{display:flex;flex-direction:column}.insight-row{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--border)}.insight-row:last-child{border-bottom:none}.insight-ico{display:grid;place-items:center;flex-shrink:0}.insight-ico svg{width:18px;height:18px}.insight-text{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-val{font-weight:800;white-space:nowrap;font-size:13px}.insight-val.neg{color:var(--danger)}.insight-sub{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);margin:12px 0 2px}.receipt-thumb{width:30px;height:30px;border-radius:6px;object-fit:cover;cursor:zoom-in;border:1px solid var(--border)}.receipt-thumb.sm{width:22px;height:22px;border-radius:4px}.tag-chip{font-size:11px;font-weight:700;color:var(--brand-ink);background:color-mix(in srgb,var(--brand) 12%,transparent);padding:1px 7px;border-radius:99px}