:root{--bg:#f1f5f9;--card:#ffffff;--muted:#64748b;--accent:#1e90ff;--danger:#ef4444;--glass:rgba(255,255,255,0.6);--topbar-h:60px;--bottombar-h:56px;--pwa-bottom-obstruction:calc( var(--bottombar-h) + env(safe-area-inset-bottom,0px) + 8px );--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}[data-theme="dark"]{--bg:#000000;--card:#0a1020;--muted:#94a3b8;--accent:#1e90ff;--danger:#f87171;--glass:rgba(15,23,42,0.6);--text:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border:#1e293b}*{box-sizing:border-box}html,body{overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:none;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;-webkit-tap-highlight-color:transparent}body.pwa-mode,body.pwa-mode .app,body.pwa-mode button,body.pwa-mode label,body.pwa-mode .tab,body.pwa-mode .tx,body.pwa-mode .purchase-item,body.pwa-mode .expiry-item,body.pwa-mode .card,body.pwa-mode .modal-content,body.pwa-mode .menu-item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.pwa-mode input:not([type="checkbox"]):not([type="radio"]),body.pwa-mode textarea,body.pwa-mode [contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body{margin:0;background:var(--bg);color:#0f172a;-webkit-font-smoothing:antialiased;height:100vh;display:block;padding:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,0.5) transparent;-ms-overflow-style:-ms-autohiding-scrollbar}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,0.6)}[data-theme="dark"]::-webkit-scrollbar-thumb{background:rgba(71,85,105,0.5)}[data-theme="dark"]::-webkit-scrollbar-thumb:hover{background:rgba(71,85,105,0.7)}.app-loader{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(30,144,255,0.18),transparent 42%),linear-gradient( 180deg,rgba(255,255,255,0.96),rgba(241,245,249,0.98) );opacity:1;visibility:visible;transition:opacity 0.28s ease,visibility 0.28s ease}[data-theme="dark"] .app-loader{background:radial-gradient(circle at top,rgba(30,144,255,0.2),transparent 42%),linear-gradient(180deg,rgba(2,6,23,0.96),rgba(0,0,0,0.98))}.app-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.app-loader-card{width:min(100%,280px);display:grid;justify-items:center;gap:14px;padding:24px 22px;border-radius:24px;background:rgba(255,255,255,0.82);border:1px solid rgba(30,144,255,0.16);box-shadow:0 18px 44px rgba(15,23,42,0.12);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-theme="dark"] .app-loader-card{background:rgba(15,23,42,0.78);border-color:rgba(96,165,250,0.18);box-shadow:0 20px 48px rgba(0,0,0,0.45)}.app-loader-logo{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:22px}.app-loader-logo img{display:block}.app-loader-copy{display:grid;gap:4px}.app-loader-copy strong{font-size:18px;letter-spacing:0.01em}.app-loader-copy span{font-size:13px;color:var(--muted)}.app-loader-spinner{width:28px;height:28px;border-radius:999px;border:3px solid rgba(30,144,255,0.18);border-top-color:var(--accent);animation:app-loader-spin 0.8s linear infinite}@keyframes app-loader-spin{to{transform:rotate(360deg)}}.onboarding-overlay{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(30,144,255,0.08),transparent 50%),linear-gradient( 180deg,rgba(241,245,249,0.98),rgba(255,255,255,0.99) );transition:opacity 0.35s ease,visibility 0.35s ease;padding:24px 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}[data-theme="dark"] .onboarding-overlay{background:radial-gradient(circle at top,rgba(30,144,255,0.15),transparent 50%),linear-gradient(180deg,rgba(2,6,23,0.98),rgba(0,0,0,0.99))}.onboarding-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.onboarding-container{width:min(100%,380px);height:100%;display:flex;flex-direction:column;align-items:center;gap:32px}.onboarding-slides{width:100%;overflow:hidden;position:relative;flex:1;display:flex;align-items:center}.onboarding-slide{display:none;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:8px 12px;animation:onboarding-fade-in 0.35s ease}.onboarding-slide.active{display:flex}@keyframes onboarding-fade-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.onboarding-icon-wrap{width:96px;height:96px;border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.onboarding-icon-accent{background:rgba(30,144,255,0.12);color:var(--accent)}.onboarding-icon-green{background:rgba(34,197,94,0.12);color:#22c55e}.onboarding-icon-orange{background:rgba(249,115,22,0.12);color:#f97316}.onboarding-icon-purple{background:rgba(139,92,246,0.12);color:#8b5cf6}.onboarding-icon-teal{background:rgba(20,184,166,0.12);color:#14b8a6}[data-theme="dark"] .onboarding-icon-accent{background:rgba(30,144,255,0.18)}[data-theme="dark"] .onboarding-icon-green{background:rgba(34,197,94,0.18)}[data-theme="dark"] .onboarding-icon-orange{background:rgba(249,115,22,0.18)}[data-theme="dark"] .onboarding-icon-purple{background:rgba(139,92,246,0.18)}[data-theme="dark"] .onboarding-icon-teal{background:rgba(20,184,166,0.18)}.onboarding-title{font-size:22px;font-weight:700;margin:0;color:var(--text);letter-spacing:-0.01em}.onboarding-desc{font-size:15px;line-height:1.55;color:var(--text-secondary);margin:0;max-width:320px}.onboarding-dots{display:flex;gap:8px;align-items:center}.onboarding-dot{width:8px;height:8px;border-radius:999px;background:var(--text-muted);opacity:0.35;transition:all 0.3s ease}.onboarding-dot.active{width:24px;background:var(--accent);opacity:1}.onboarding-actions{display:flex;width:100%;gap:12px;justify-content:space-between}.onboarding-btn-skip{flex:1;padding:14px 20px;border:1.5px solid var(--text-muted);border-radius:50px;background:transparent;color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.onboarding-btn-skip:active{transform:scale(0.97)}.onboarding-btn-next{flex:2;padding:14px 20px;border:none;border-radius:50px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 12px rgba(30,144,255,0.25)}.onboarding-btn-next:active{transform:scale(0.97)}[data-theme="dark"] .onboarding-btn-skip{border-color:rgba(148,163,184,0.3)}[data-theme="dark"] body,[data-theme="dark"]{color:#e5e7eb}.app{width:100%;max-width:none;background:transparent;border-radius:0;box-shadow:none;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.select-open body,.select-open .app{overflow:hidden !important}@media (display-mode:standalone){.topbar{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:1000;padding-top:calc(8px + env(safe-area-inset-top,0px));height:calc(44px + env(safe-area-inset-top,0px));min-height:calc(44px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;justify-content:center}[data-theme="dark"] .topbar{border-bottom:1px solid transparent}.content{padding-top:0px 10px;padding-bottom:calc( 16px + var(--bottombar-h) + env(safe-area-inset-bottom,0px) )}.bottombar{bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}html,body,.app,.content,.filters,.custom-date-range,.transactions{scrollbar-width:none !important;-ms-overflow-style:none !important;overscroll-behavior:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.app::-webkit-scrollbar,.content::-webkit-scrollbar,.filters::-webkit-scrollbar,.custom-date-range::-webkit-scrollbar,.transactions::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;background:transparent !important}}@supports (-webkit-touch-callout:none){html,body,.app,.content,.filters,.custom-date-range,.transactions{scrollbar-width:none !important;-ms-overflow-style:none !important;overscroll-behavior:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.app::-webkit-scrollbar,.content::-webkit-scrollbar,.filters::-webkit-scrollbar,.custom-date-range::-webkit-scrollbar,.transactions::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;background:transparent !important}.select-open body,.select-open .app{overflow:hidden !important}}.app-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;margin-right:12px;flex-shrink:0;overflow:hidden}.header-back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:12px;flex-shrink:0;border:none;border-radius:12px;background:none;color:inherit}.header-back svg{width:24px;height:24px}.header-back.hidden,.app-icon.hidden{display:none}.header-back:active{transform:scale(0.98)}.header-back:focus-visible{outline:2px solid rgba(30,144,255,0.45);outline-offset:2px}.app-icon img{width:32px;height:32px;object-fit:cover}.shot-frame{position:relative;width:32px;height:32px;border-radius:8px;overflow:hidden;background:var(--card)}.shot-frame img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.3s ease}.shot-frame img.loaded{opacity:1}.shot-frame::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:200% 100%;animation:loading 1.5s infinite;z-index:1}.shot-frame img.loaded +::before{display:none}.topbar h1{margin:0;font-size:18px;font-weight:700;margin-left:12px}[data-theme="dark"] .topbar{border-bottom:1px solid transparent;box-shadow:0 6px 18px rgba(0,0,0,0.35)}.topbar{display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:1000;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 16px 16px;height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));min-height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent}.topbar h1{margin:0;font-size:18px;font-weight:700;position:absolute;left:50%;transform:translateX(-50%)}.section-title{margin:8px 0px 8px 0px;font-size:15px;font-weight:600;color:var(--muted);letter-spacing:0.5px}.transactions-header-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:15px;padding:0px 12px}.transactions-header-row .section-title{margin:0}.view-all-btn{background:transparent;border:none;color:var(--accent);font-size:14px;cursor:pointer;font-weight:600;padding:0;border-radius:0;text-decoration:none;transition:color 0.2s ease,opacity 0.2s ease;-webkit-tap-highlight-color:transparent}.transactions .view-all-btn{margin:4px auto 0}.view-all-btn:hover,.view-all-btn:focus-visible{color:var(--text);opacity:0.95;background:transparent}.view-all-btn.hidden{display:none}.balances-entry{width:100%;margin:0 0 16px;padding:18px 18px 18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(30,144,255,0.14);border-radius:22px;background:radial-gradient( circle at top right,rgba(59,130,246,0.18),transparent 36% ),linear-gradient( 135deg,rgba(255,255,255,0.94),rgba(248,250,252,0.88) );box-shadow:0 12px 32px rgba(15,23,42,0.08),inset 0 1px 0 rgba(255,255,255,0.72);text-align:left;color:inherit}.balances-entry-copy{display:grid;gap:4px}.balances-entry-title{font-size:18px;font-weight:800;letter-spacing:-0.02em;color:#0f172a}.balances-entry-text{font-size:13px;color:var(--muted)}.balances-entry-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:40px;border-radius:14px;color:#0b63ce;background:rgba(59,130,246,0.12);box-shadow:inset 0 1px 0 rgba(255,255,255,0.56)}.balances-entry:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(15,23,42,0.1),inset 0 1px 0 rgba(255,255,255,0.72)}.balances-entry:active{transform:scale(0.995)}.balances-entry:focus-visible{outline:2px solid rgba(30,144,255,0.4);outline-offset:3px}[data-theme="dark"] .balances-entry{border-color:rgba(96,165,250,0.14);background:radial-gradient( circle at top right,rgba(59,130,246,0.22),transparent 34% ),linear-gradient(135deg,rgba(15,23,42,0.96),rgba(2,6,23,0.88));box-shadow:0 18px 36px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.06)}[data-theme="dark"] .balances-entry-title{color:#e2e8f0}[data-theme="dark"] .balances-entry-icon{color:#93c5fd;background:rgba(59,130,246,0.18)}.quick-cards-row{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 19px}.quick-card{width:100%;padding:16px;border:none;border-radius:20px;background:#ffffff;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all 0.2s ease}.quick-card:active{transform:scale(0.995)}.quick-card:focus-visible{outline:2px solid rgba(30,144,255,0.4);outline-offset:2px}.quick-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(30,144,255,0.1);color:#1e90ff;flex-shrink:0}.quick-card-content{display:flex;flex-direction:column;gap:2px;text-align:left;flex:1;min-width:0}.quick-card-title{font-size:15px;font-weight:700;letter-spacing:-0.01em;color:#0f172a;line-height:1.2}.quick-card-text{font-size:12px;color:#64748b;line-height:1.3}[data-theme="dark"] .quick-card{border-color:rgba(96,165,250,0.14);background:var(--card);box-shadow:0 1px 3px rgba(15,23,42,0.3),inset 0 1px 0 rgba(255,255,255,0.06)}[data-theme="dark"] .quick-card:hover{box-shadow:0 4px 12px rgba(15,23,42,0.4),inset 0 1px 0 rgba(255,255,255,0.1)}[data-theme="dark"] .quick-card-icon{color:#93c5fd;background:rgba(59,130,246,0.18)}[data-theme="dark"] .quick-card-title{color:#e2e8f0}[data-theme="dark"] .quick-card-text{color:#94a3b8}@media (max-width:480px){.quick-cards-row{gap:10px;margin:0 0 13px}.quick-card{padding:12px;gap:10px}.quick-card-icon{width:36px;height:36px}.quick-card-title{font-size:14px}.quick-card-text{font-size:11px}}.top-actions{display:flex;gap:8px;align-items:center;position:absolute;right:16px;top:calc(12px + env(safe-area-inset-top,0px));bottom:12px}.icon{background:none;border:none;font-size:18px;padding:8px;border-radius:8px;color:inherit;cursor:pointer}#themeToggle{background:var(--card);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;padding:6px;min-height:36px;min-width:36px}.theme-icon{transition:all 0.3s ease;opacity:1}.scan-icon:hover,.edit-icon:hover{opacity:0.7}.edit-icon{color:var(--accent)}select[style*="pointer-events:none"]{cursor:not-allowed;background-color:var(--bg-secondary);color:var(--text-muted)}select[style*="pointer-events:none"]:focus{outline:none;box-shadow:none}input:disabled,textarea:disabled{background-color:var(--bg-secondary);color:var(--text-muted);opacity:0.8}select[style*="pointer-events:none"] option{background-color:var(--bg);color:var(--text)}.theme-icon.hidden{opacity:0;transform:rotate(180deg) scale(0.8)}html:not([data-theme="dark"]) #moonIcon{opacity:1;transform:rotate(0deg) scale(1)}html:not([data-theme="dark"]) #sunIcon{opacity:0;transform:rotate(180deg) scale(0.8);position:absolute}[data-theme="dark"] #sunIcon{opacity:1;transform:rotate(0deg) scale(1)}[data-theme="dark"] #moonIcon{opacity:0;transform:rotate(-180deg) scale(0.8);position:absolute}.primary{background:var(--accent);color:white;border:none;padding:8px 12px;border-radius:50px;cursor:pointer}.secondary{background:transparent;color:#0f172a;border:1px solid rgba(2,6,23,0.12);padding:8px 12px;border-radius:50px;cursor:pointer;font-size:14px;height:40px}[data-theme="dark"] .secondary{color:#e5e7eb;border-color:rgba(148,163,184,0.5)}.content{padding:0px 10px;overflow-x:hidden}.menu-panel{position:absolute;top:42px;right:0;background:var(--card);border-radius:12px;box-shadow:0 12px 30px rgba(2,6,23,0.16);border:1px solid rgba(2,6,23,0.06);padding:6px;min-width:200px;display:none;z-index:1000}[data-theme="dark"] .menu-panel{box-shadow:0 12px 30px rgba(0,0,0,0.5);border-color:rgba(148,163,184,0.12)}.menu-panel.open{display:block}.menu-item{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:none;border-radius:10px;padding:10px 12px;text-align:left;color:inherit;min-height:44px}.menu-item:hover{background:rgba(2,6,23,0.06)}[data-theme="dark"] .menu-item:hover{background:rgba(148,163,184,0.1)}.menu-item-upgrade{color:#0f766e;font-weight:600}[data-theme="dark"] .menu-item-upgrade{color:#5eead4}.mi-iconBox{width:42px;height:42px;border-radius:10px;background:var(--card);display:flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 8px 18px rgba(2,6,23,0.3);border:1px solid rgba(2,6,23,0.06)}.mi-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;vertical-align:middle}.menu-item span:not(.mi-icon){line-height:1.2;display:flex;align-items:center;flex:1}.plan-badge{display:flex;align-items:center;justify-content:center;position:absolute;left:66px;top:50%;transform:translateY(-50%);z-index:2;border:1px solid rgba(2,6,23,0.15);border-radius:999px;padding:4px 8px;font-size:11px;line-height:1;font-weight:700;color:var(--muted);background:rgba(255,255,255,0.75);cursor:pointer;user-select:none}.plan-badge.premium{color:#0f766e;border-color:rgba(15,118,110,0.35);background:rgba(153,246,228,0.35)}[data-theme="dark"] .plan-badge{border-color:rgba(148,163,184,0.35);background:rgba(15,23,42,0.85)}[data-theme="dark"] .plan-badge.premium{color:#5eead4;border-color:rgba(45,212,191,0.4);background:rgba(13,148,136,0.2)}@supports (-webkit-touch-callout:none){@media (display-mode:standalone){.plan-badge{top:calc(8px + env(safe-area-inset-top,0px) + 20px);transform:translateY(-50%)}}}.summary{margin-bottom:4px;position:relative;padding:10px 0 4px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.atm-card{position:relative;border-radius:20px;min-height:200px;padding:12px 12px 12px 18px;background:radial-gradient(circle at top right,rgba(255,255,255,0.26),transparent 34%),linear-gradient(135deg,#0f172a 0%,#1d4ed8 56%,#38bdf8 100%);overflow:hidden;z-index:1;transform:translateY(-8px)}[data-theme="dark"] .atm-card{background:radial-gradient(circle at top right,rgba(255,255,255,0.20),transparent 34%),linear-gradient(135deg,#0f172a 0%,#1e3a8a 56%,#38bdf8 100%);box-shadow:0 18px 40px rgba(0,0,0,0.38),0 10px 24px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.14)}.atm-glow{position:absolute;top:-50%;right:-20%;width:100%;height:180%;background:radial-gradient(circle at 70% 30%,rgba(56,189,248,0.20) 0%,transparent 50%),radial-gradient(circle at 30% 60%,rgba(29,78,216,0.12) 0%,transparent 40%);pointer-events:none}.atm-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,transparent 0%,rgba(56,189,248,0.06) 30%,rgba(29,78,216,0.03) 100%);pointer-events:none;border-radius:0 0 24px 24px}.atm-card::before{content:"";position:absolute;bottom:-8%;left:-10%;width:120%;height:40%;background:radial-gradient(ellipse 120% 100% at 50% 100%,rgba(56,189,248,0.10) 0%,transparent 70%);pointer-events:none;border-radius:50%}.atm-hero-amount{display:block;text-align:center;font-size:40px;font-weight:800;letter-spacing:-2px;font-variant-numeric:tabular-nums;color:#ffffff;line-height:1.1;margin-bottom:4px;pointer-events:none}.atm-eye-toggle{margin-left:auto;display:flex;align-items:center;cursor:pointer;user-select:none;flex-shrink:0}.atm-eye-toggle{display:flex;align-items:center;cursor:pointer;user-select:none;flex-shrink:0}.atm-eye-toggle input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}.atm-eye-slider{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,0.08);border-radius:50px;transition:background 0.2s ease}.atm-eye-toggle:hover .atm-eye-slider{background:rgba(255,255,255,0.15)}.atm-eye-slider .eye-icon{position:absolute;transition:opacity 0.2s ease}.atm-eye-slider .eye-closed{color:rgba(255,255,255,0.7);opacity:1}.atm-eye-slider .eye-open{color:#ffffff;opacity:0}.atm-eye-toggle input[type="checkbox"]:checked ~ .atm-eye-slider .eye-closed{opacity:0}.atm-eye-toggle input[type="checkbox"]:checked ~ .atm-eye-slider .eye-open{opacity:1}.atm-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative;z-index:2}.atm-chip{flex-shrink:0}.atm-chip rect{fill:rgba(255,255,255,0.25);stroke:rgba(255,255,255,0.4)}.atm-chip rect:not(:first-child){fill:rgba(255,255,255,0.35)}.atm-brand{font-size:14px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff}.atm-hero{padding:8px 0 16px;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,0.15)}.atm-hero-label{display:block;text-align:center;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff;margin-top:2px}.atm-hero-amount{display:block;font-size:40px;font-weight:800;letter-spacing:-2px;font-variant-numeric:tabular-nums;color:#ffffff;line-height:1.1;margin-bottom:4px;pointer-events:none}.atm-hero-label{display:block;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff}.atm-expand-toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0 0;position:relative;z-index:2;cursor:pointer;transition:opacity 0.2s;user-select:none}.atm-expand-text{font-size:10px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;color:#ffffff}.atm-expand-chevron{transition:transform 0.3s ease}.atm-expand-chevron polyline{stroke:#ffffff}.atm-details{padding-top:4px;position:relative;z-index:2;max-height:0;overflow:hidden;opacity:0;transition:max-height 0.35s ease,opacity 0.3s ease,padding-top 0.3s ease}.atm-details.open{max-height:200px;opacity:1;padding-top:4px}.atm-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;cursor:pointer;transition:opacity 0.2s}.atm-detail-row:hover{opacity:0.85}.atm-detail-row + .atm-detail-row{border-top:1px solid rgba(255,255,255,0.15)}.atm-detail-label{font-size:12px;font-weight:500;letter-spacing:0.5px;text-transform:uppercase;color:#ffffff}.atm-detail-amount{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-0.2px;color:#ffffff}.card-stack{position:relative;width:100%}.card-stack-item{position:absolute;top:0;left:0;width:100%;z-index:1;opacity:0;visibility:hidden;transition:transform 0.3s ease,opacity 0.3s ease;transform-origin:center center;pointer-events:none}.card-stack-item.active{position:relative;z-index:10;opacity:1;visibility:visible;pointer-events:auto}.card-stack-item.behind{z-index:2;opacity:0.85;visibility:visible;transform:scale(0.95) translateY(6px);pointer-events:none}.card-stack-item.dismissed{opacity:0;visibility:hidden;pointer-events:none}.card-stack-actions{display:flex;justify-content:center;align-items:center;margin-top:12px;gap:12px}.card-stack-counter{display:flex;gap:6px;align-items:center}.card-stack-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:0.35;transition:opacity 0.25s ease,transform 0.25s ease}.card-stack-dot.active{opacity:1;background:var(--accent);transform:scale(1.25)}[data-theme="dark"] .card-stack-dot{background:#8a8b8d}[data-theme="dark"] .card-stack-dot.active{background:var(--accent)}@media (max-width:480px){.card-stack{}}.accounts-section{margin-bottom:18px;position:relative}.accounts-section-copy{min-width:0}.accounts-toggle{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid rgba(37,99,235,0.15);border-radius:12px;background:#f0f4f8;color:#e5e7eb;cursor:pointer;transition:all 0.2s ease;position:relative;z-index:2}.accounts-toggle:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(15,23,42,0.12),inset 0 1px 0 rgba(255,255,255,0.78)}.accounts-toggle:active{transform:translateY(0)}.accounts-toggle:focus-visible{outline:3px solid rgba(37,99,235,0.2);outline-offset:2px}.accounts-toggle-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;flex:0 0 auto;background:linear-gradient(135deg,#1d4ed8 0%,#38bdf8 100%);color:#eff6ff;box-shadow:0 10px 22px rgba(29,78,216,0.25)}.accounts-toggle-label{font-size:14px;font-weight:700;letter-spacing:0.01em;white-space:nowrap}.accounts-toggle-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);will-change:transform;color:var(--muted)}.accounts-section:not(.accounts-section-collapsed) .accounts-toggle-chevron{transform:rotate(180deg)}.accounts-section-body{display:grid;grid-template-rows:1fr;opacity:1;transform:translateY(0);transition:grid-template-rows 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1),margin-top 0.3s cubic-bezier(0.4,0,0.2,1);margin-top:0;overflow:hidden;min-height:0}.accounts-section-body > *{min-height:0;transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1);transform:translateY(0);opacity:1}.accounts-section.accounts-section-collapsed .accounts-section-body{grid-template-rows:0fr;opacity:0;transform:translateY(-8px);margin-top:-8px;pointer-events:none}.accounts-section.accounts-section-collapsed .accounts-section-body > *{transform:translateY(-8px);opacity:0}.accounts-section.accounts-section-collapsed .section-head{margin-bottom:0}.accounts-section.accounts-section-collapsed .accounts-toggle-chevron{transform:rotate(0deg)}[data-theme="dark"] .accounts-toggle{border-color:rgba(148,163,184,0.18);background:linear-gradient( 135deg,rgba(15,23,42,0.94),rgba(15,23,42,0.82) );color:#e5e7eb;box-shadow:0 14px 28px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.06)}[data-theme="dark"] .accounts-toggle:hover{box-shadow:0 18px 32px rgba(0,0,0,0.34),inset 0 1px 0 rgba(255,255,255,0.08)}[data-theme="dark"] .accounts-toggle:focus-visible{outline-color:rgba(96,165,250,0.32)}[data-theme="dark"] .accounts-toggle-chevron{color:#94a3b8}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.accounts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.account-card{--account-tone-start:#0f172a;--account-tone-mid:#1d4ed8;--account-tone-end:#38bdf8;--account-highlight:rgba(255,255,255,0.26);--account-text-soft:rgba(245,243,255,0.76);--account-balance-color:#ffffff;display:block;position:relative;isolation:isolate;overflow:visible;padding:16px 20px;border-radius:20px;background:radial-gradient( circle at top right,var(--account-highlight),transparent 34% ),linear-gradient( 135deg,var(--account-tone-start) 0%,var(--account-tone-mid) 56%,var(--account-tone-end) 100% );cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 0.16s ease,box-shadow 0.2s ease,border-color 0.2s ease;color:#eff6ff}.account-card-face{min-height:173px;display:flex;flex-direction:column;position:relative;z-index:1}.account-card[data-account-type="cash"]{--account-tone-start:#4c1d95;--account-tone-mid:#9333ea;--account-tone-end:#f0abfc;--account-highlight:rgba(255,255,255,0.28);--account-pattern-line:rgba(255,255,255,0.18);--account-pattern-soft:rgba(255,255,255,0.11);--account-pattern-before:linear-gradient( 145deg,transparent 0 42%,rgba(255,255,255,0.16) 42% 44%,transparent 44% 100% ),repeating-linear-gradient( -45deg,transparent 0 11px,rgba(255,255,255,0.1) 11px 13px,transparent 13px 26px );--account-pattern-after:radial-gradient( circle at 78% 24%,rgba(255,255,255,0.18),transparent 22% ),radial-gradient( circle at 24% 82%,rgba(255,255,255,0.12),transparent 18% );background:radial-gradient( circle at top right,var(--account-highlight),transparent 34% ),linear-gradient( 135deg,var(--account-tone-start) 0%,var(--account-tone-mid) 52%,var(--account-tone-end) 100% )}.account-card[data-account-type="bank"]{--account-tone-start:#0f172a;--account-tone-mid:#1d4ed8;--account-tone-end:#38bdf8;--account-highlight:rgba(255,255,255,0.26);--account-pattern-before:linear-gradient( 90deg,transparent 0 64%,rgba(255,255,255,0.14) 64% 65%,transparent 65% 100% ),repeating-linear-gradient( 90deg,transparent 0 18px,rgba(255,255,255,0.09) 18px 19px,transparent 19px 38px ),repeating-linear-gradient( 0deg,transparent 0 18px,rgba(255,255,255,0.06) 18px 19px,transparent 19px 38px );--account-pattern-after:linear-gradient(180deg,rgba(255,255,255,0.14),transparent 38%),radial-gradient( circle at 82% 72%,rgba(255,255,255,0.14),transparent 18% );background:radial-gradient( circle at top right,var(--account-highlight),transparent 34% ),linear-gradient( 135deg,var(--account-tone-start) 0%,var(--account-tone-mid) 56%,var(--account-tone-end) 100% )}.account-card[data-account-type="upi"]{--account-tone-start:#3b0764;--account-tone-mid:#7c3aed;--account-tone-end:#f472b6;--account-highlight:rgba(255,255,255,0.24);--account-pattern-before:radial-gradient( circle at 72% 28%,transparent 0 14px,rgba(255,255,255,0.16) 14px 16px,transparent 16px 28px,rgba(255,255,255,0.08) 28px 30px,transparent 30px ),radial-gradient( circle at 24% 74%,transparent 0 10px,rgba(255,255,255,0.12) 10px 12px,transparent 12px 22px,rgba(255,255,255,0.07) 22px 24px,transparent 24px );--account-pattern-after:repeating-radial-gradient( circle at 76% 32%,rgba(255,255,255,0.12) 0 2px,transparent 2px 18px );background:radial-gradient( circle at top right,var(--account-highlight),transparent 34% ),linear-gradient( 135deg,var(--account-tone-start) 0%,var(--account-tone-mid) 54%,var(--account-tone-end) 100% )}.account-card[data-account-type="credit_card"]{--account-tone-start:#1e1b4b;--account-tone-mid:#6d28d9;--account-tone-end:#ddd6fe;--account-highlight:rgba(255,255,255,0.24);--account-pattern-line:rgba(255,255,255,0.16);--account-pattern-soft:rgba(255,255,255,0.1);--account-pattern-before:linear-gradient( 160deg,transparent 0 56%,rgba(255,255,255,0.16) 56% 58%,transparent 58% 100% ),repeating-linear-gradient( 0deg,transparent 0 9px,rgba(255,255,255,0.09) 9px 10px,transparent 10px 20px );--account-pattern-after:linear-gradient( 115deg,transparent 0 62%,rgba(255,255,255,0.12) 62% 72%,transparent 72% 100% ),radial-gradient( circle at 84% 24%,rgba(255,255,255,0.15),transparent 18% );background:radial-gradient( circle at top right,var(--account-highlight),transparent 34% ),linear-gradient( 135deg,var(--account-tone-start) 0%,var(--account-tone-mid) 48%,var(--account-tone-end) 100% )}.account-card[data-account-type="other"]{--account-tone-start:#0f172a;--account-tone-mid:#334155;--account-tone-end:#14b8a6;--account-highlight:rgba(255,255,255,0.24);--account-pattern-before:radial-gradient( circle at 22% 24%,rgba(255,255,255,0.16) 0 2px,transparent 3px ),radial-gradient( circle at 72% 18%,rgba(255,255,255,0.14) 0 2px,transparent 3px ),radial-gradient( circle at 82% 72%,rgba(255,255,255,0.16) 0 2px,transparent 3px ),radial-gradient( circle at 28% 78%,rgba(255,255,255,0.12) 0 2px,transparent 3px ),linear-gradient( 135deg,transparent 0 50%,rgba(255,255,255,0.1) 50% 51%,transparent 51% 100% );--account-pattern-after:repeating-linear-gradient( 135deg,transparent 0 16px,rgba(255,255,255,0.06) 16px 17px,transparent 17px 34px );background:radial-gradient( circle at top right,var(--account-highlight),transparent 34% ),linear-gradient( 135deg,var(--account-tone-start) 0%,var(--account-tone-mid) 50%,var(--account-tone-end) 100% )}[data-theme="dark"] .account-card{border-color:rgba(255,255,255,0.14);box-shadow:0 18px 40px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.1)}.account-card-glow{display:none}.account-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1}.account-card-head{display:flex;align-items:flex-start;gap:8px;min-width:0}.account-card-chip{width:28px;height:20px;border-radius:6px;flex:0 0 auto;background:linear-gradient( 135deg,rgba(250,204,21,0.98),rgba(234,179,8,0.7) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.45),0 6px 12px rgba(15,23,42,0.18);position:relative}.account-card-chip::before,.account-card-chip::after{content:"";position:absolute;top:4px;bottom:4px;width:1px;background:rgba(120,53,15,0.28)}.account-card-chip::before{left:11px}.account-card-chip::after{left:20px}.account-card-eyebrow{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--account-text-soft)}.account-card-title{margin-top:2px;font-size:15px;font-weight:700;letter-spacing:-0.01em}.account-card-meta{margin-top:2px;font-size:12px;color:var(--account-text-soft)}.account-card-brand{display:inline-flex;align-items:center;margin-top:2px}.account-card-brand span{width:20px;height:20px;border-radius:999px}.account-card-brand span:first-child{background:rgba(251,191,36,0.92)}.account-card-brand span:last-child{margin-left:-7px;background:rgba(248,113,113,0.92)}.account-card-number{margin-top:4px;position:relative;z-index:1;font-size:14px;font-weight:600;letter-spacing:0.05em;color:rgba(255,255,255,0.95)}.account-card-bottom{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;backdrop-filter:blur(10px)}.account-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.92);background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.18);backdrop-filter:blur(10px)}.account-card-balance{font-size:18px;font-weight:700;letter-spacing:-0.01em;text-shadow:0 6px 14px rgba(46,16,101,0.28);color:var(--account-balance-color)}.account-card-balance.negative{color:#fdf4ff}.account-card:active{transform:scale(0.99)}.account-card:hover{transform:translateY(-2px);box-shadow:0 22px 42px rgba(15,23,42,0.2),inset 0 1px 0 rgba(255,255,255,0.2)}.account-card:focus-visible{outline:2px solid rgba(233,213,255,0.96);outline-offset:3px}.account-card-billing{margin:16px 0;padding:12px;background:rgba(255,255,255,0.1);border-radius:8px;backdrop-filter:blur(10px)}.billing-progress{height:4px;background:rgba(255,255,255,0.2);border-radius:2px;overflow:hidden;margin-bottom:8px}.billing-progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;transition:width 0.3s ease}.billing-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,0.9)}.billing-days{font-weight:600}.billing-cycle{opacity:0.8}.account-limit{font-size:11px;color:rgba(255,255,255,0.8);margin-top:2px}.available-credit{font-size:12px;color:rgba(255,255,255,0.9);margin-top:4px;font-weight:600}.account-card-number-row{display:flex;align-items:center;gap:6px;position:relative;z-index:1;margin-top:auto}.account-card-number{color:rgba(255,255,255,0.95);font-size:16px;font-weight:600;letter-spacing:0.05em;flex:1}.account-card-actions{margin:12px 0;padding:0;overflow:hidden}.make-payment-btn{padding:6px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;border:none;border-radius:50px;font-size:10px;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 6px rgba(245,158,11,0.2);width:auto;float:none}.make-payment-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 6px 16px rgba(245,158,11,0.3)}.make-payment-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(245,158,11,0.2)}[data-theme="dark"] .account-card-billing{background:rgba(255,255,255,0.05)}[data-theme="dark"] .billing-progress-bar{background:linear-gradient(90deg,#059669,#047857)}[data-theme="dark"] .make-payment-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}[data-theme="dark"] .make-payment-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)}.usage-percentage{margin-top:4px;font-size:11px;font-weight:600;color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.1);padding:2px 6px;border-radius:4px;display:inline-block}.usage-warning{margin-top:8px;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:0.05em}.usage-warning.high{background:rgba(251,191,36,0.2);color:#fbbf24;border:1px solid rgba(251,191,36,0.3)}.usage-warning.critical{background:rgba(239,68,68,0.2);color:#ef4444;border:1px solid rgba(239,68,68,0.3);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}[data-theme="dark"] .usage-percentage{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.85)}[data-theme="dark"] .usage-warning.high{background:rgba(251,191,36,0.15);color:#f59e0b;border-color:rgba(251,191,36,0.25)}[data-theme="dark"] .usage-warning.critical{background:rgba(239,68,68,0.15);color:#f87171;border-color:rgba(239,68,68,0.25)}.account-card-accordion{margin-top:0;position:relative;z-index:2}.accordion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:0;padding:0;background:transparent;border:0;border-radius:0;color:#ffffff;box-shadow:none;cursor:pointer;transition:opacity 0.2s ease;user-select:none;-webkit-tap-highlight-color:transparent}.accordion-toggle:hover{opacity:0.7}.accordion-toggle:active{opacity:0.85}.accordion-toggle[aria-expanded="true"]{opacity:1}.accordion-toggle-text{font-size:9px;font-weight:600;letter-spacing:0.6px;text-transform:uppercase;color:#ffffff;white-space:nowrap}.accordion-chevron{transition:transform 0.3s ease;color:currentColor;filter:none;flex:0 0 auto}.accordion-chevron polyline{stroke:#ffffff}.accordion-content{max-height:0;overflow:hidden;opacity:0;margin-top:0;padding:0 6px;background:rgba(0,0,0,0.15);border-radius:12px;border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(12px);transition:max-height 0.35s ease,opacity 0.3s ease,margin-top 0.3s ease,padding 0.3s ease}.accordion-content.open{max-height:520px;opacity:1;margin-top:6px;padding:6px}.billing-info-message{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.2);border-radius:8px;font-size:13px;line-height:1.4}.info-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(59,130,246,0.2);color:#3b82f6;border-radius:50%;font-weight:bold;font-size:12px;flex-shrink:0;margin-top:2px}.info-text{flex:1;color:rgba(255,255,255,0.8)}.info-text strong{color:#3b82f6;font-weight:600}[data-theme="dark"] .billing-info-message{background:rgba(59,130,246,0.08);border-color:rgba(59,130,246,0.15)}@keyframes accordionSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.credit-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.credit-detail-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:8px;backdrop-filter:blur(8px)}.detail-label{font-size:11px;font-weight:500;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.5px}.detail-value{font-size:14px;font-weight:700;color:rgba(255,255,255,0.95)}.billing-section{margin-top:0px;padding:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;backdrop-filter:blur(10px);margin-bottom:8px}[data-theme="dark"] .credit-detail-item{background:rgba(255,255,255,0.02);border-color:rgba(255,255,255,0.06)}[data-theme="dark"] .billing-section{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08)}.billing-section.previous-month{border-left:none}.billing-section.current-usage{border-left:none}.billing-section .section-title{color:#ffffff}[data-theme="dark"] .section-title{font-size:14px;font-weight:600;color:rgba(255,255,255,0.7);margin-bottom:8px;letter-spacing:0.05em}[data-theme="dark"] .billing-section .section-title{color:#ffffff}.billing-details{display:flex;flex-direction:column;gap:4px}.billing-amount{font-size:16px;font-weight:700;color:rgba(255,255,255,0.95)}.billing-amount.outstanding{color:#fbbf24}.billing-amount.paid{color:#34d399}.billing-status{font-size:12px;font-weight:500;margin-left:8px;opacity:0.8}.billing-period{font-size:11px;font-weight:400;opacity:0.7;margin-left:8px}[data-theme="dark"] .accordion-content{background:rgba(0,0,0,0.25);border-color:rgba(255,255,255,0.06)}@media (max-width:768px){.account-card-billing{margin:12px 0;padding:10px}.billing-info{font-size:10px}.usage-percentage{font-size:10px;padding:1px 4px}.usage-warning{margin-top:6px;padding:4px 8px;font-size:10px}.make-payment-btn{padding:10px;font-size:13px}.account-card-accordion{margin-top:2px}.accordion-toggle{min-height:0;padding-top:0}.credit-details-grid{grid-template-columns:1fr;gap:8px}.credit-detail-item{padding:10px}.detail-value{font-size:13px}.accordion-content{padding:0 5px}.accordion-content.open{padding:5px}}@media (max-width:480px){.accounts-toggle{padding:10px 12px;gap:8px}.accounts-toggle-label{display:none}.accounts-grid{grid-template-columns:1fr}}.summary .card:not(.wide){flex:1;min-width:calc(50% - 8px)}.card{background:linear-gradient( 135deg,rgba(255,255,255,0.95),rgba(255,255,255,0.85) ),var(--card);padding:20px;border-radius:20px;flex:1;min-width:140px;border:1px solid rgba(2,6,23,0.06);box-shadow:0 4px 20px rgba(2,6,23,0.06),0 1px 3px rgba(2,6,23,0.04);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}[data-theme="dark"] .card{background:linear-gradient(135deg,rgba(15,23,42,0.95),rgba(15,23,42,0.85)),var(--card);border-color:rgba(148,163,184,0.12);box-shadow:0 8px 32px rgba(0,0,0,0.4),0 2px 8px rgba(0,0,0,0.3)}.card.wide{flex-basis:100%;width:100%}.summary-charts-container{margin-bottom:20px}.summary-trend-container{margin-top:20px}.summary-trend-card{background:white;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.05)}[data-theme="dark"] .summary-trend-card{background:#0e1526;border:1px solid #2d3748;box-shadow:0 4px 12px rgba(0,0,0,0.5)}.summary-trend-header{margin-bottom:20px;text-align:center}.summary-trend-title{font-size:18px;font-weight:700;color:var(--text);margin:0 0 8px 0}.summary-trend-description{font-size:14px;color:var(--muted);margin:0;line-height:1.4}.trend-chart-content{display:flex;justify-content:center;align-items:center;min-height:320px}@media (max-width:480px){.summary-trend-card{padding:16px}.summary-trend-title{font-size:16px}.summary-trend-description{font-size:13px}.trend-chart-content{min-height:280px}}.chart-content{height:380px;max-height:380px}@media (max-width:320px){.chart-content{height:320px;max-height:320px}}.summary-chart-header{padding:16px 16px 0 16px;position:relative;z-index:1}.filter-type-toggle{background:rgba(255,255,255,0.8) !important}[data-theme="dark"] .filter-type-toggle{background:rgba(15,23,42,0.6) !important;border-color:rgba(148,163,184,0.24) !important}.toggle-container{display:flex;background:var(--card-bg);border-radius:50px;padding:5px;border:1px solid var(--border);position:relative;overflow:hidden;align-items:center;align-self:stretch;box-shadow:0 2px 8px rgba(0,0,0,0.1)}[data-theme="dark"] .toggle-container{background:var(--bg);border-color:var(--border);box-shadow:0 2px 8px rgba(0,0,0,0.3)}.toggle-option{flex:1;padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:50px;transition:background-color 0.24s ease,color 0.24s ease,box-shadow 0.24s ease;position:relative;z-index:2;text-align:center;min-width:0;flex-shrink:0;flex-basis:0;white-space:nowrap;overflow:hidden;display:flex;align-items:center;justify-content:center}.toggle-option input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}[data-theme="dark"] .toggle-option{color:var(--text-muted)}.toggle-option:hover{color:var(--text)}[data-theme="dark"] .toggle-option:hover{color:var(--text)}.toggle-option.active{background-color:var(--accent);color:white}[data-theme="dark"] .toggle-option.active{background-color:var(--accent);color:white}.toggle-container.toggle-ready .toggle-option:not(.active){background-color:transparent;box-shadow:none}.toggle-slider{position:absolute;top:4px;bottom:4px;left:4px;border-radius:50px;background:var(--accent);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),width 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease;z-index:1;pointer-events:none;opacity:0}[data-theme="dark"] .toggle-slider{background:var(--accent)}.toggle-container.toggle-ready .toggle-slider{opacity:1}.chart-tabs{display:flex;margin-bottom:12px}.chart-tabs .toggle-container{width:100%}.chart-content{position:relative;overflow:hidden;touch-action:pan-y pinch-zoom;padding:0 16px 16px 16px;z-index:1;height:500px;max-height:500px}.chart-content::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 90deg,rgba(30,144,255,0.1) 0%,transparent 20%,transparent 80%,rgba(30,144,255,0.1) 100% );pointer-events:none;opacity:0;transition:opacity 0.3s ease;z-index:2}.chart-content.swipe-hint::before{opacity:1}@media (hover:hover){.chart-content:hover::before{opacity:0.5}}.chart-panel{display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0s ease 0.2s;position:absolute;top:0;left:0;width:100%;padding:0px 16px;z-index:1;min-height:500px}.summary-chart-state{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:3;display:grid;gap:4px;justify-items:center;max-width:220px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,0.82);border:1px solid rgba(148,163,184,0.18);box-shadow:0 12px 28px rgba(15,23,42,0.08);text-align:center;backdrop-filter:blur(10px)}[data-theme="dark"] .summary-chart-state{background:rgba(15,23,42,0.82);border-color:rgba(148,163,184,0.12);box-shadow:0 16px 32px rgba(0,0,0,0.28)}.summary-chart-state[hidden]{display:none}.summary-chart-state-label{font-size:12px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--muted)}.summary-chart-state-value{font-size:15px;font-weight:700;line-height:1.35;color:var(--text)}.chart-panel-empty .summary-donut-canvas{opacity:0.92}.chart-panel-single .summary-donut-canvas{filter:saturate(1.05)}.chart-panel.active{opacity:1;visibility:visible;z-index:2;transition:opacity 0.2s ease,visibility 0s ease}.chart-panel.active::after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0.2;pointer-events:none;z-index:0;transition:opacity 0.3s ease;border-radius:20px}.summary-chart-card{padding:0;display:flex;flex-direction:column;min-height:440px;height:auto;overflow:hidden;position:relative}.summary-graphs{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}#summaryExpenseChartCard{order:1}#summaryIncomeChartCard{order:2}#summaryInvestmentChartCard{order:3}#summaryTrendChartCard{order:4}.summary-chart-title{font-size:13px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding-top:15px}.summary-chart-header-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%}.summary-chart-header-with-toggle .summary-chart-title{margin-bottom:0;padding-top:0}.chart-view-toggle{display:flex;background:var(--background-secondary);border-radius:6px;padding:2px;border:1px solid var(--border)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:6px 8px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--muted);transition:all 0.2s ease;min-width:32px;height:32px}.view-toggle-btn:hover{color:var(--text-primary);background:rgba(0,0,0,0.05)}.view-toggle-btn.active{background:var(--accent);color:white;box-shadow:0 1px 3px rgba(0,0,0,0.12)}[data-theme="dark"] .view-toggle-btn:hover{background:rgba(255,255,255,0.05)}.view-toggle-btn.active:hover{background:var(--accent);color:white;box-shadow:0 1px 3px rgba(0,0,0,0.12)}[data-theme="dark"] .view-toggle-btn.active,[data-theme="dark"] .view-toggle-btn.active:hover{background:var(--accent);color:white;box-shadow:0 1px 3px rgba(0,0,0,0.12)}.chart-view-content,.list-view-content{transition:opacity 0.3s ease,transform 0.3s ease;width:100%}.list-view-content.hidden{display:none}.expense-list-content{max-height:435px;overflow-y:auto;padding:0;width:100%}.expense-list-item{display:flex;align-items:center;padding:12px 8px;border-bottom:1px solid var(--border);transition:background-color 0.2s ease;width:100%}.expense-list-item:last-child{border-bottom:none}.expense-list-item:hover{background:var(--background-secondary);border-radius:6px}.expense-item-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.expense-item-details{flex:1;min-width:0}.expense-item-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-item-progress{width:100%;height:4px;background:var(--background-secondary);border-radius:2px;overflow:hidden;margin-top:4px}.expense-item-progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width 0.3s ease}.expense-item-amount{text-align:right;margin-left:12px;flex-shrink:0}.expense-item-value{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.expense-item-percentage{font-size:12px;color:var(--muted)}.expense-list-empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px}.ai-summary-title{font-size:13px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.summary-insights-card{padding:18px;background:radial-gradient( circle at top right,rgba(30,144,255,0.12),transparent 42% ),linear-gradient( 180deg,rgba(255,255,255,0.96),rgba(248,250,252,0.92) );margin-bottom:20px}[data-theme="dark"] .summary-insights-card{background:radial-gradient( circle at top right,rgba(96,165,250,0.18),transparent 42% ),linear-gradient(180deg,rgba(15,23,42,0.96),rgba(2,6,23,0.96))}.summary-insights-content{display:grid;gap:12px}.summary-insights-lead{margin:0;font-size:1rem;line-height:1.6;color:inherit}.summary-insights-highlight{color:var(--accent);font-weight:700}.summary-insights-list{display:grid;gap:10px}.summary-insight-item{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:14px;background:rgba(148,163,184,0.1);color:var(--muted);font-size:0.92rem;line-height:1.5}[data-theme="dark"] .summary-insight-item{background:rgba(30,41,59,0.72)}.summary-insight-badge{flex:0 0 auto;min-width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(30,144,255,0.16);color:var(--accent);font-size:0.8rem;font-weight:700}.summary-insights-empty{margin:0;color:var(--muted);line-height:1.6}.summary-donut-canvas{max-width:100%;min-height:360px;height:auto;aspect-ratio:1 / 1;border-radius:12px;object-fit:contain}.summary-trend-canvas{max-width:100%;width:100% !important;height:320px !important;border-radius:12px}@media (min-width:768px){#summaryTab{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}#summaryTab > .filters,#summaryTab > .custom-date-range,#summaryTab .summary-charts-container{width:100%}.summary-charts-container{margin-bottom:0}.chart-tabs{display:none}.chart-content{display:flex;flex-direction:row;gap:14px;height:auto;max-height:none;overflow:visible;position:static;padding:12px}.chart-panel{position:relative;top:auto;left:auto;opacity:1;visibility:visible;flex:1;min-height:auto;padding:0;width:auto;border:1px solid var(--border);border-radius:12px;padding:10px}.chart-panel.active{z-index:auto}.chart-panel.active::after{display:none}.summary-chart-card{min-height:auto}#summaryTab .card.wide{flex-basis:auto;width:auto}#summaryTab #summaryInsightsCard{flex:1;min-width:0;margin-bottom:0}#summaryTab .summary-trend-container{flex:1;min-width:0;margin-top:0}.summary-donut-canvas{min-height:400px;max-height:500px}}@media (max-width:480px){.summary-trend-canvas{height:280px !important}}.budget-section{margin-top:20px}.budget-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.budget-head-controls{display:flex;flex-direction:column;gap:12px;padding:16px 20px;background:linear-gradient( 135deg,rgba(255,255,255,0.9),rgba(248,250,252,0.95) );border-radius:16px;border:1px solid rgba(148,163,184,0.1);box-shadow:0 4px 20px rgba(0,0,0,0.04),0 1px 3px rgba(0,0,0,0.02);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:400px;margin:0 auto}.budget-head-controls .budget-month-picker{width:100%}.budget-head-controls .budget-actions{width:100%;justify-content:center}[data-theme="dark"] .budget-head-controls{background:var(--card);border-color:rgba(148,163,184,0.2);box-shadow:0 4px 20px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.2)}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%;margin-bottom:10px}.search-icon{position:absolute;top:45%;left:12px;display:flex;align-items:center;justify-content:center;transform:translateY(-45%);color:var(--muted);pointer-events:none;opacity:0.7;transition:opacity 0.2s ease;z-index:1}.search-input-wrapper:hover .search-icon{opacity:1}#filterSearch{margin-bottom:5px;width:100%;padding:12px 50px 12px 40px;border:1px solid rgba(148,163,184,0.2);background:rgba(255,255,255,0.8);color:inherit;border-radius:12px;font-size:14px;font-weight:500;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#filterSearch:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,0.95);box-shadow:0 0 0 3px rgba(30,144,255,0.1)}#filterSearch::placeholder{color:var(--muted);opacity:0.7}#purchaseSearch{width:100%;padding:12px 14px 12px 40px;border:1px solid rgba(148,163,184,0.2);background:rgba(255,255,255,0.8);color:inherit;border-radius:12px;font-size:14px;font-weight:500;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:3px}#purchaseSearch:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,0.95);box-shadow:0 0 0 3px rgba(30,144,255,0.1)}#purchaseSearch::placeholder{color:var(--muted);opacity:0.7}[data-theme="dark"] #purchaseSearch{border-color:rgba(148,163,184,0.24);background:rgba(15,23,42,0.6);color:#e2e8f0}[data-theme="dark"] #purchaseSearch:focus{border-color:var(--accent);background:rgba(15,23,42,0.8);box-shadow:0 0 0 3px rgba(30,144,255,0.2)}[data-theme="dark"] #filterSearch{border-color:rgba(148,163,184,0.24);background:rgba(15,23,42,0.6);color:#e2e8f0}[data-theme="dark"] #filterSearch:focus{border-color:var(--accent);background:rgba(15,23,42,0.8);box-shadow:0 0 0 3px rgba(30,144,255,0.2)}.filter-toggle-btn{position:absolute;top:45%;right:8px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:rgba(148,163,184,0.1);color:var(--text);border-radius:8px;cursor:pointer;transition:all 0.2s ease;z-index:2}.filter-toggle-btn:hover{color:var(--text);background:rgba(148,163,184,0.1)}.filter-toggle-btn:active{transform:translateY(-50%) scale(0.95)}.filter-toggle-btn[aria-expanded="true"]{color:var(--accent);background:rgba(30,144,255,0.1)}.filter-toggle-btn[aria-expanded="true"] svg{transform:rotate(180deg)}.filter-toggle-btn svg{transition:transform 0.3s ease}.summary-toggle-container{display:flex;justify-content:center;margin-bottom:10px;padding:0 8px}.balances-page-intro{margin-bottom:16px;display:grid;gap:6px}.balances-page-title{margin:0;font-size:24px;line-height:1.1;letter-spacing:-0.03em}.balances-page-text{margin:0;color:var(--muted);font-size:14px}.budget-title{margin:0;font-size:22px;line-height:1.1}.budget-month-picker{flex:1}.budget-month-input-wrapper{position:relative;display:flex;align-items:center}.budget-calendar-icon{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;color:var(--muted);pointer-events:none;opacity:0.7;transition:opacity 0.2s ease}.budget-month-input-wrapper:hover .budget-calendar-icon{opacity:1}.budget-month-picker input,.budget-edit-field input{width:100%;border:1px solid rgba(148,163,184,0.2);background:rgba(255,255,255,0.8);color:inherit;border-radius:12px;padding:15px 40px 10px 12px !important;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.budget-month-picker input{cursor:pointer}[data-theme="dark"] .budget-month-picker input,[data-theme="dark"] .budget-edit-field input{border-color:rgba(148,163,184,0.24);background:rgba(15,23,42,0.6);color:#e2e8f0}[data-theme="dark"] .budget-actions button{background:rgba(15,23,42,0.6);color:#e2e8f0;border-color:rgba(148,163,184,0.2)}[data-theme="dark"] .budget-actions button:hover{background:rgba(15,23,42,0.8);border-color:rgba(148,163,184,0.3);box-shadow:0 4px 12px rgba(0,0,0,0.4)}.budget-overview{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px}.budget-overview .card{flex:1;min-width:calc(50% - 8px)}.budget-overview [data-budget-tone="budgeted"] .label{color:#2563eb}.budget-overview [data-budget-state="over"] .label{color:#dc2626}.budget-overview [data-budget-tone="spent"] .label{color:#ea580c}.budget-overview [data-budget-tone="remaining"] .label{color:#0f766e}.budget-overview [data-budget-tone="income"] .label{color:#059669}.budget-overview [data-budget-tone="recurring"] .label{color:#d97706}.budget-overview [data-budget-tone="available"] .label{color:#7c3aed}[data-theme="dark"] .budget-overview [data-budget-tone="budgeted"] .label{color:#60a5fa}[data-theme="dark"] .budget-overview [data-budget-state="over"] .label{color:#f87171}[data-theme="dark"] .budget-overview [data-budget-tone="spent"] .label{color:#fb923c}[data-theme="dark"] .budget-overview [data-budget-tone="remaining"] .label{color:#2dd4bf}[data-theme="dark"] .budget-overview [data-budget-tone="income"] .label{color:#34d399}[data-theme="dark"] .budget-overview [data-budget-tone="recurring"] .label{color:#fbbf24}[data-theme="dark"] .budget-overview [data-budget-tone="available"] .label{color:#a78bfa}.budget-actions{display:flex;gap:8px;justify-content:center}.budget-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 20px;border-radius:12px;font-size:13px;font-weight:600;background:rgba(255,255,255,0.7);color:var(--text);border:1px solid rgba(148,163,184,0.15);transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;flex:1;max-width:200px}.budget-actions button:hover{background:rgba(255,255,255,0.9);border-color:rgba(148,163,184,0.25);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.budget-actions button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,0.06)}.budget-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.budget-filter-toggle{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-bottom:14px}.budget-filter-toggle input{margin:0}.budget-filter-toggle.recurring-toggle{margin-bottom:18px;padding:8px 0 4px}.budget-filter-toggle.recurring-toggle span{color:var(--muted);font-size:13px;line-height:1.4}.budget-list{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.budget-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}.budget-item{background:var(--card);border:1px solid rgba(2,6,23,0.06);border-radius:18px;padding:14px;box-shadow:0 4px 16px rgba(2,6,23,0.05)}[data-theme="dark"] .budget-item{border-color:rgba(148,163,184,0.12);box-shadow:0 8px 18px rgba(0,0,0,0.2)}.budget-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.budget-item-title{font-size:16px;font-weight:700}.budget-item-meta{color:var(--muted);font-size:13px}.budget-progress{width:100%;height:10px;border-radius:999px;background:rgba(148,163,184,0.18);overflow:hidden;margin-bottom:12px}.budget-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#84cc16);transition:width 0.2s ease}.budget-progress-bar.warn{background:linear-gradient(90deg,#f59e0b,#f97316)}.budget-progress-bar.over{background:linear-gradient(90deg,#ef4444,#dc2626)}.budget-item-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px}.budget-balance{display:flex;flex-direction:column;gap:4px}.budget-balance-label{color:var(--muted);font-size:12px}.budget-balance-value{font-size:15px;font-weight:700}.budget-balance-value.over{color:var(--danger)}.budget-edit{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.budget-edit-field{display:flex;flex-direction:column;gap:6px;min-width:132px;flex:1 1 132px}.budget-edit-field label{color:var(--muted);font-size:12px}.budget-save-btn{min-width:0;width:auto;padding:14px 18px;white-space:nowrap;flex:0 0 auto;font-size:14px;font-weight:600}.budget-empty{color:var(--muted);padding:12px;background:rgba(148,163,184,0.08);border-radius:14px;text-align:center}.budget-warning{margin-bottom:16px;padding:14px;border-radius:18px;border:1px solid rgba(239,68,68,0.18);background:linear-gradient( 135deg,rgba(254,226,226,0.94),rgba(254,242,242,0.92) );box-shadow:0 6px 20px rgba(239,68,68,0.08)}.budget-warning.hidden{display:none}[data-theme="dark"] .budget-warning{background:linear-gradient( 135deg,rgba(69,10,10,0.72),rgba(31,41,55,0.92) );border-color:rgba(248,113,113,0.24);box-shadow:0 8px 24px rgba(0,0,0,0.2)}.budget-warning-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:10px}.budget-warning-title{margin:0;font-size:20px;line-height:1.1}.budget-warning-list{display:flex;flex-direction:column;gap:8px}.budget-warning-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,0.58)}[data-theme="dark"] .budget-warning-item{background:rgba(15,23,42,0.5)}.budget-warning-copy{display:flex;flex-direction:column;gap:2px}.budget-warning-category{font-size:15px;font-weight:700}.budget-warning-meta{font-size:13px;color:var(--muted)}.budget-warning-over{font-size:14px;font-weight:700;color:var(--danger)}@media (max-width:768px){.budget-head,.budget-item-bottom,.budget-warning-head{flex-direction:column;align-items:stretch}.budget-month-picker,.budget-edit-field{min-width:0;flex:1}.budget-head-controls,.budget-actions{width:100%;justify-content:stretch}.budget-actions button,.budget-warning-head button{flex:1 1 auto}.budget-edit{width:100%;gap:10px}.budget-edit-field{flex:1 1 auto}.budget-save-btn{align-self:flex-end}}.label{font-size:13px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--muted);opacity:0.8;margin-bottom:8px}html:not([data-theme="dark"]) .summary .card:nth-child(1){background:linear-gradient( 135deg,rgba(236,253,245,0.98),rgba(167,243,208,0.3) );border-color:rgba(167,243,208,0.4)}html:not([data-theme="dark"]) .summary .card:nth-child(2){background:linear-gradient( 135deg,rgba(254,242,242,0.98),rgba(254,202,202,0.3) );border-color:rgba(254,202,202,0.4)}html:not([data-theme="dark"]) .summary .card:nth-child(3){background:linear-gradient( 135deg,rgba(239,246,255,0.98),rgba(191,219,254,0.3) );border-color:rgba(191,219,254,0.4)}html:not([data-theme="dark"]) .summary .card:nth-child(4){background:linear-gradient( 135deg,rgba(240,253,244,0.98),rgba(187,247,208,0.3) );border-color:rgba(187,247,208,0.4)}.summary .card{position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.swipe-hint{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--danger);font-size:12px;font-weight:600;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;pointer-events:none;display:flex;align-items:center;gap:4px;z-index:10}.swipe-hint-right{left:16px;right:auto;color:#15803d}.swipe-hint.show{opacity:0.7;visibility:visible}.swipe-hint svg{width:16px;height:16px}.swipe-delete-bg{position:absolute;top:0;right:0;bottom:0;width:80px;background:var(--danger);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:14px;transition:transform 0.2s ease,opacity 0.2s ease,visibility 0.2s ease;z-index:5;border-radius:0 16px 16px 0;opacity:0;visibility:hidden;transform:translateX(calc(100% + 2px));white-space:nowrap;overflow:hidden}.swipe-delete-bg.show{transform:translateX(0);opacity:1;visibility:visible}.swipe-action-bg{position:absolute;top:0;bottom:0;width:92px;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:14px;transition:transform 0.2s ease,opacity 0.2s ease,visibility 0.2s ease;z-index:5;opacity:0;visibility:hidden;white-space:nowrap;overflow:hidden}.swipe-action-bg-right{left:0;background:#16a34a;border-radius:16px 0 0 16px;transform:translateX(calc(-100% - 2px))}.swipe-action-bg-right.show{transform:translateX(0);opacity:1;visibility:visible}.tx.swipe-left-active .swipe-hint-right,.tx.swipe-left-active .swipe-action-bg-right{opacity:0 !important;visibility:hidden !important}.tx.swipe-right-active .swipe-hint:not(.swipe-hint-right),.tx.swipe-right-active .swipe-delete-bg{opacity:0 !important;visibility:hidden !important}.tx.swipe-left-active .swipe-hint-right,.tx.swipe-left-active .swipe-action-bg-right{opacity:0 !important;visibility:hidden !important}.tx.swipe-right-active .swipe-hint:not(.swipe-hint-right),.tx.swipe-right-active .swipe-delete-bg{opacity:0 !important;visibility:hidden !important}.list-alert{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:15px;border-radius:16px;background:linear-gradient( 135deg,rgba(30,144,255,0.1),rgba(30,144,255,0.04) );border:1px solid rgba(30,144,255,0.18);color:inherit;box-shadow:0 8px 24px rgba(2,6,23,0.06)}.list-alert.hidden{display:none}.list-alert-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(30,144,255,0.14);color:var(--accent);flex-shrink:0}.list-alert-copy{flex:1;font-size:14px;line-height:1.45;color:var(--muted)}.list-alert-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;flex-shrink:0}.list-alert-close:hover{background:rgba(2,6,23,0.06)}[data-theme="dark"] .list-alert{background:linear-gradient( 135deg,rgba(30,144,255,0.14),rgba(30,144,255,0.06) );border-color:rgba(96,165,250,0.26);box-shadow:0 8px 24px rgba(0,0,0,0.2)}[data-theme="dark"] .list-alert-close:hover{background:rgba(148,163,184,0.1)}.summary .card:nth-child(1)::after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><defs><radialGradient id='ri' cx='0.7' cy='0.3' r='0.8'><stop offset='0' stop-color='%2310b981' stop-opacity='0.15'/><stop offset='1' stop-color='%2334d399' stop-opacity='0.03'/></radialGradient></defs><rect width='400' height='300' fill='url(%23ri)'/><path d='M80 200 Q120 160 160 180 T240 140 T320 100' stroke='%2310b981' stroke-width='4' fill='none' stroke-opacity='0.2' stroke-linecap='round'/><path d='M80 200 Q120 160 160 180 T240 140 T320 100' stroke='%2310b981' stroke-width='2' fill='none' stroke-opacity='0.3' stroke-linecap='round'/><circle cx='320' cy='100' r='6' fill='%2310b981' fill-opacity='0.3'/><circle cx='240' cy='140' r='4' fill='%2310b981' fill-opacity='0.25'/><circle cx='160' cy='180' r='4' fill='%2310b981' fill-opacity='0.25'/><path d='M310 90 L320 100 L310 110' stroke='%2310b981' stroke-width='3' fill='none' stroke-opacity='0.3' stroke-linecap='round' stroke-linejoin='round'/><circle cx='280' cy='80' r='3' fill='%2310b981' fill-opacity='0.4'/><circle cx='300' cy='70' r='2' fill='%2310b981' fill-opacity='0.35'/><circle cx='340' cy='90' r='2.5' fill='%2310b981' fill-opacity='0.4'/></svg>");background-size:cover;background-position:center;opacity:0.5;pointer-events:none;z-index:0;transition:opacity 0.3s ease}.summary .card:nth-child(2)::after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><defs><linearGradient id='re' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23f43f5e' stop-opacity='0.12'/><stop offset='1' stop-color='%23fb7185' stop-opacity='0.04'/></linearGradient></defs><rect width='400' height='300' fill='url(%23re)'/><path d='M80 80 Q120 120 160 100 T240 140 T320 180' stroke='%23f43f5e' stroke-width='4' fill='none' stroke-opacity='0.2' stroke-linecap='round'/><path d='M80 80 Q120 120 160 100 T240 140 T320 180' stroke='%23f43f5e' stroke-width='2' fill='none' stroke-opacity='0.3' stroke-linecap='round'/><circle cx='320' cy='180' r='6' fill='%23f43f5e' fill-opacity='0.3'/><circle cx='240' cy='140' r='4' fill='%23f43f5e' fill-opacity='0.25'/><circle cx='160' cy='100' r='4' fill='%23f43f5e' fill-opacity='0.25'/><path d='M310 190 L320 180 L310 170' stroke='%23f43f5e' stroke-width='3' fill='none' stroke-opacity='0.3' stroke-linecap='round' stroke-linejoin='round'/><circle cx='100' cy='60' r='2.5' fill='%23f43f5e' fill-opacity='0.35'/><circle cx='140' cy='75' r='2' fill='%23f43f5e' fill-opacity='0.3'/><circle cx='200' cy='110' r='3' fill='%23f43f5e' fill-opacity='0.35'/></svg>");background-size:cover;background-position:center;opacity:0.5;pointer-events:none;z-index:0;transition:opacity 0.3s ease}.summary .card:nth-child(3)::after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><defs><radialGradient id='sv' cx='0.6' cy='0.5' r='0.7'><stop offset='0' stop-color='%233b82f6' stop-opacity='0.15'/><stop offset='1' stop-color='%2360a5fa' stop-opacity='0.03'/></radialGradient></defs><rect width='400' height='300' fill='url(%23sv)'/><circle cx='280' cy='140' r='60' stroke='%233b82f6' stroke-width='2' fill='none' stroke-opacity='0.15'/><circle cx='280' cy='140' r='45' stroke='%233b82f6' stroke-width='2' fill='none' stroke-opacity='0.2'/><circle cx='280' cy='140' r='30' stroke='%233b82f6' stroke-width='2' fill='none' stroke-opacity='0.25'/><circle cx='280' cy='140' r='15' stroke='%233b82f6' stroke-width='2' fill='none' stroke-opacity='0.3'/><path d='M280 80 L280 200' stroke='%233b82f6' stroke-width='1.5' stroke-opacity='0.15' stroke-dasharray='4,4'/><path d='M220 140 L340 140' stroke='%233b82f6' stroke-width='1.5' stroke-opacity='0.15' stroke-dasharray='4,4'/><circle cx='280' cy='80' r='4' fill='%233b82f6' fill-opacity='0.3'/><circle cx='340' cy='140' r='4' fill='%233b82f6' fill-opacity='0.3'/><circle cx='280' cy='200' r='4' fill='%233b82f6' fill-opacity='0.3'/><circle cx='220' cy='140' r='4' fill='%233b82f6' fill-opacity='0.3'/></svg>");background-size:cover;background-position:center;opacity:0.5;pointer-events:none;z-index:0;transition:opacity 0.3s ease}[data-theme="dark"] .summary .card:nth-child(1)::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><defs><radialGradient id='rid' cx='0.7' cy='0.3' r='0.8'><stop offset='0' stop-color='%2310b981' stop-opacity='0.2'/><stop offset='1' stop-color='%2334d399' stop-opacity='0.05'/></radialGradient></defs><rect width='400' height='300' fill='url(%23rid)'/><path d='M80 200 Q120 160 160 180 T240 140 T320 100' stroke='%2310b981' stroke-width='4' fill='none' stroke-opacity='0.25' stroke-linecap='round'/><path d='M80 200 Q120 160 160 180 T240 140 T320 100' stroke='%2310b981' stroke-width='2' fill='none' stroke-opacity='0.35' stroke-linecap='round'/><circle cx='320' cy='100' r='6' fill='%2310b981' fill-opacity='0.35'/><circle cx='240' cy='140' r='4' fill='%2310b981' fill-opacity='0.3'/><circle cx='160' cy='180' r='4' fill='%2310b981' fill-opacity='0.3'/><path d='M310 90 L320 100 L310 110' stroke='%2310b981' stroke-width='3' fill='none' stroke-opacity='0.35' stroke-linecap='round' stroke-linejoin='round'/><circle cx='280' cy='80' r='3' fill='%2310b981' fill-opacity='0.45'/><circle cx='300' cy='70' r='2' fill='%2310b981' fill-opacity='0.4'/><circle cx='340' cy='90' r='2.5' fill='%2310b981' fill-opacity='0.45'/></svg>");opacity:0.4}[data-theme="dark"] .summary .card:nth-child(2)::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><defs><linearGradient id='red' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23f43f5e' stop-opacity='0.18'/><stop offset='1' stop-color='%23fb7185' stop-opacity='0.06'/></linearGradient></defs><rect width='400' height='300' fill='url(%23red)'/><path d='M80 80 Q120 120 160 100 T240 140 T320 180' stroke='%23f43f5e' stroke-width='4' fill='none' stroke-opacity='0.25' stroke-linecap='round'/><path d='M80 80 Q120 120 160 100 T240 140 T320 180' stroke='%23f43f5e' stroke-width='2' fill='none' stroke-opacity='0.35' stroke-linecap='round'/><circle cx='320' cy='180' r='6' fill='%23f43f5e' fill-opacity='0.35'/><circle cx='240' cy='140' r='4' fill='%23f43f5e' fill-opacity='0.3'/><circle cx='160' cy='100' r='4' fill='%23f43f5e' fill-opacity='0.3'/><path d='M310 190 L320 180 L310 170' stroke='%23f43f5e' stroke-width='3' fill='none' stroke-opacity='0.35' stroke-linecap='round' stroke-linejoin='round'/><circle cx='100' cy='60' r='2.5' fill='%23f43f5e' fill-opacity='0.4'/><circle cx='140' cy='75' r='2' fill='%23f43f5e' fill-opacity='0.35'/><circle cx='200' cy='110' r='3' fill='%23f43f5e' fill-opacity='0.4'/></svg>");opacity:0.4}[data-theme="dark"] .summary .card:nth-child(3)::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'><defs><radialGradient id='svd' cx='0.6' cy='0.5' r='0.7'><stop offset='0' stop-color='%233b82f6' stop-opacity='0.2'/><stop offset='1' stop-color='%2360a5fa' stop-opacity='0.05'/></radialGradient></defs><rect width='400' height='300' fill='url(%23svd)'/><circle cx='280' cy='140' r='60' stroke='%233b82f6' stroke-width='2' fill='none' stroke-opacity='0.2'/><circle cx='280' cy='140' r='45' stroke='%233b82f6' stroke-width='2' fill='none' stroke-opacity='0.25'/><circle cx='280' cy='140' r='30' stroke='%233b82f6' stroke-width='2' fill='none' stroke-opacity='0.3'/><circle cx='280' cy='140' r='15' stroke='%233b82f6' stroke-width='2' fill='none' stroke-opacity='0.35'/><path d='M280 80 L280 200' stroke='%233b82f6' stroke-width='1.5' stroke-opacity='0.2' stroke-dasharray='4,4'/><path d='M220 140 L340 140' stroke='%233b82f6' stroke-width='1.5' stroke-opacity='0.2' stroke-dasharray='4,4'/><circle cx='280' cy='80' r='4' fill='%233b82f6' fill-opacity='0.35'/><circle cx='340' cy='140' r='4' fill='%233b82f6' fill-opacity='0.35'/><circle cx='280' cy='200' r='4' fill='%233b82f6' fill-opacity='0.35'/><circle cx='220' cy='140' r='4' fill='%233b82f6' fill-opacity='0.35'/></svg>");opacity:0.4}[data-theme="dark"] .summary .card:nth-child(4)::after{content:"";position:absolute;top:-20%;right:-20%;width:80%;height:80%;background:radial-gradient( circle at 35% 35%,rgba(34,197,94,0.18) 0%,transparent 50% ),radial-gradient( circle at 65% 65%,rgba(74,222,128,0.12) 0%,transparent 40% ),linear-gradient(45deg,rgba(34,197,94,0.05) 0%,transparent 70%);border-radius:50%;z-index:0;transition:opacity 0.3s ease;opacity:0.4}.summary .card:nth-child(1){--card-accent:#10b981;--card-accent-light:#34d399}.summary .card:nth-child(2){--card-accent:#f43f5e;--card-accent-light:#fb7185}.summary .card:nth-child(3){--card-accent:#3b82f6;--card-accent-light:#60a5fa}.summary .card:nth-child(4){--card-accent:#34c759;--card-accent-light:#6ee7b7}.summary .card::before{display:none}.summary .card .amount{font-size:20px;line-height:1.1;margin-top:12px;font-variant-numeric:tabular-nums;letter-spacing:-0.8px;color:var(--card-accent);text-shadow:0 2px 4px rgba(0,0,0,0.08);font-weight:800;-webkit-background-clip:text;background-clip:text;transition:transform 0.3s ease;position:relative;z-index:1}[data-theme="dark"] .summary .card .amount{text-shadow:0 2px 8px rgba(0,0,0,0.3)}#totalIncome{cursor:pointer;transition:all 0.2s ease}#totalIncome:hover{transform:scale(1.05);filter:brightness(1.1)}#totalExpenses{cursor:pointer;transition:all 0.2s ease}#totalExpenses:hover{transform:scale(1.05);filter:brightness(1.1)}#investments{cursor:pointer;transition:all 0.2s ease}#investments:hover{transform:scale(1.05);filter:brightness(1.1)}.filters{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:10px;overflow-x:hidden;transition:all 0.3s ease;max-height:500px;opacity:1}.filters.hidden{max-height:0;opacity:0;overflow:hidden;margin:0;padding:0}.filters select{flex:1;min-width:140px;padding:10px 40px 10px 12px;border:1px solid rgba(2,6,23,0.12);border-radius:12px;background:var(--card);color:inherit;font-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease}.filters-row input[type="search"]{flex:1 1 260px;min-width:220px;height:40px;padding:10px 14px;border:1px solid rgba(2,6,23,0.12);border-radius:8px;background:var(--card);color:inherit;font-size:16px;transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease}.filters-row input[type="search"]::placeholder{color:var(--muted)}[data-theme="dark"] .filters-row input[type="search"]{border-color:rgba(148,163,184,0.2)}[data-theme="dark"] .filters select,[data-theme="dark"] .reset-filters-btn{border-color:rgba(148,163,184,0.2)}#filterType[type="hidden"]{display:none}.filters-type-row #filterType,.filters-select-row #filterAccount,.filters-select-row #filterCategory{padding-top:8px;padding-bottom:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none}[data-theme="dark"] .filters-type-row #filterType,[data-theme="dark"] .filters-select-row #filterAccount,[data-theme="dark"] .filters-select-row #filterCategory{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.filter-type-toggle{flex:1 1 320px;min-width:min(100%,280px);height:40px;padding:4px}#transactionsTitle{margin-top:15px}.filter-type-toggle .toggle-option{font-size:12px;padding:7px 12px}.filters-select-group{display:flex;gap:10px;align-items:center;flex:0 1 auto;min-width:0}.reset-filters-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);cursor:pointer;transition:all 0.2s ease;flex-shrink:0;border:1px solid rgba(2,6,23,0.12)}.reset-filters-btn svg{transition:transform 0.2s ease}.filters-type-row{display:flex;gap:12px;align-items:center;overflow-x:visible;scrollbar-width:none;-ms-overflow-style:none;position:relative;margin-bottom:0;flex:0 1 auto}.filters-select-row{display:flex;gap:12px;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative;flex-wrap:nowrap;flex:1;min-width:0;max-width:100%}.filters-select-group{display:flex;gap:12px;align-items:center;flex:1;width:100%}.filters-type-row::-webkit-scrollbar,.filters-select-row::-webkit-scrollbar{display:none}.date-chips-container{display:flex;flex-wrap:nowrap;gap:8px;margin-top:12px;margin-bottom:10px;align-items:center;overflow-x:auto;padding-top:1px;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,0.3) transparent;width:100%;flex:0 0 100%}.date-chips-container::-webkit-scrollbar{height:6px}.date-chips-container::-webkit-scrollbar-track{background:transparent}.date-chips-container::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.3);border-radius:3px}.date-chips-container::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,0.5)}[data-theme="dark"] .date-chips-container::-webkit-scrollbar-thumb{background:rgba(71,85,105,0.4)}[data-theme="dark"] .date-chips-container::-webkit-scrollbar-thumb:hover{background:rgba(71,85,105,0.6)}.date-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 17px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;min-height:36px;white-space:nowrap;outline:none;position:relative}.date-chip:hover{border-color:var(--accent);color:var(--text);background:rgba(30,144,255,0.04);transform:translateY(-1px);box-shadow:0 2px 8px rgba(2,6,23,0.08)}.date-chip:active{transform:translateY(0);box-shadow:0 1px 4px rgba(2,6,23,0.12)}.date-chip.active{background:var(--accent);color:white;border-color:var(--accent)}.date-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-theme="dark"] .date-chip{background:rgba(30,41,59,0.8);border-color:rgba(148,163,184,0.2);color:var(--muted)}[data-theme="dark"] .date-chip:hover{background:rgba(148,163,184,0.1);border-color:rgba(30,144,255,0.5);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,0.3)}[data-theme="dark"] .date-chip.active{background:var(--accent);color:white;border-color:var(--accent)}@media (max-width:420px){.date-chips-container{gap:8px;margin-top:3px}.date-chip{padding:8px 16px;font-size:14px;border-radius:50px}.filter-type-toggle{flex-basis:100%;min-width:0}.filters-select-group{width:100%;justify-content:flex-start}.filter-type-toggle .toggle-option{font-size:14px;padding-inline:8px}}.filters-type-row .filter-btn,.filters-select-row .filter-btn{flex:1;min-width:100px;padding:14px 22px;font-size:14px}.filters-select-row #filterAccount,.filters-select-row #filterCategory{min-width:160px}.filters-select-row #filterAccount{flex:1;min-width:120px}.filters-select-row #filterCategory{flex:1;min-width:120px}.filters-type-row #filterType{min-width:150px;flex:0 0 150px;white-space:nowrap}.filters select,.filters select option{white-space:nowrap}.filters select:hover{border-color:rgba(2,6,23,0.2)}[data-theme="dark"] .filters-row input[type="search"]:hover{border-color:rgba(148,163,184,0.3)}[data-theme="dark"] .filters select:hover{border-color:rgba(148,163,184,0.3)}.filters select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,144,255,0.22)}.filters-row input[type="search"]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,144,255,0.22);outline:none}[data-theme="dark"] .filters select:focus{box-shadow:0 0 0 3px rgba(30,144,255,0.18)}[data-theme="dark"] .filters-row input[type="search"]:focus{box-shadow:0 0 0 3px rgba(30,144,255,0.18)}.custom-date-range{display:flex;gap:8px;margin-bottom:12px;align-items:center;overflow-x:visible;flex-wrap:wrap;padding-bottom:4px}.custom-date-range input{flex:1;min-width:150px;min-height:44px}.filter-btn{flex:0 0 auto;min-width:160px;padding:14px 24px;border:1px solid rgba(2,6,23,0.12);background:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(255,255,255,0.7)),var(--card);color:inherit;border-radius:8px;overflow:hidden;background-clip:padding-box;cursor:pointer;font-size:14px;white-space:nowrap;transition:transform 0.15s ease,box-shadow 0.2s ease,border-color 0.2s ease,background 0.2s ease;text-align:center;box-shadow:0 2px 8px rgba(2,6,23,0.06)}[data-theme="dark"] .filter-btn{background:linear-gradient(180deg,rgba(15,23,42,0.9),rgba(15,23,42,0.7)),var(--card);border-color:rgba(148,163,184,0.2);box-shadow:0 6px 14px rgba(0,0,0,0.35)}.filter-btn:hover,.filter-btn:active,.filter-btn:focus,.filter-btn.active{border-radius:8px}[data-theme="dark"] .filter-btn,[data-theme="dark"] .filter-btn:hover,[data-theme="dark"] .filter-btn:active,[data-theme="dark"] .filter-btn:focus,[data-theme="dark"] .filter-btn.active{border-radius:8px}.custom-date-range input::placeholder{color:rgba(2,6,23,0.6);font-weight:400}[data-theme="dark"] .custom-date-range input::placeholder{color:rgba(148,163,184,0.8);font-weight:400}[data-theme="dark"] .filter-btn{border-color:rgba(30,144,255,0.3);box-shadow:0 0 0 1px rgba(30,144,255,0.2),0 0 15px rgba(30,144,255,0.1)}[data-theme="dark"] .filter-btn:hover{background:rgba(148,163,184,0.1)}.filter-btn:hover{box-shadow:0 6px 16px rgba(2,6,23,0.12)}.filter-btn:active{box-shadow:inherit}.filter-btn.active{background:linear-gradient(180deg,rgba(30,144,255,0.12),rgba(30,144,255,0.08)),var(--card);border-color:var(--accent);color:inherit;box-shadow:0 0 0 1px rgba(30,144,255,0.25) inset}[data-theme="dark"] .filter-btn.active{background:linear-gradient(180deg,rgba(30,144,255,0.12),rgba(30,144,255,0.06)),var(--card);border-color:var(--accent);color:inherit;box-shadow:0 0 0 1px rgba(30,144,255,0.25) inset,0 6px 16px rgba(0,0,0,0.45)}.filter-btn.active:hover{background:var(--card)}[data-theme="dark"] .filter-btn.active:hover{background:var(--card)}.all-tx-summary-banner{display:flex;gap:0;margin:0px 0px 15px 0px;padding:14px 12px;border-radius:20px;background:radial-gradient(circle at top right,rgba(255,255,255,0.26),transparent 34%),linear-gradient(135deg,#0f172a 0%,#1d4ed8 56%,#38bdf8 100%)}[data-theme="dark"] .all-tx-summary-banner{border-color:rgba(255,255,255,0.06)}.all-tx-summary-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0;border-right:1px solid rgba(255,255,255,0.15)}.all-tx-summary-item:last-child{border-right:none}.all-tx-summary-item label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;color:#ffffff}.all-tx-summary-item span{font-size:18px;font-weight:700;color:#ffffff}[data-theme="dark"] .all-tx-summary-banner{border-color:rgba(255,255,255,0.06)}.transactions{display:flex;flex-direction:column;gap:0;padding-top:10px !important;padding-bottom:0;overflow-x:hidden;overflow-y:auto}.transactions .tx{margin-bottom:12px}.transactions .tx:last-of-type{margin-bottom:0}@media (min-width:768px){.transactions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.transactions .tx{margin-bottom:0}.transactions .view-all-btn{grid-column:1 / -1;margin:0;text-align:center}.tx{padding:10px}.tx .title{font-size:13px}.tx .tx-date{font-size:12px}.tx .category{font-size:12px}.tx .amount{font-size:14px}}input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-family:inherit;font-size:14px;line-height:1.5;color:inherit;background:var(--card);border:1px solid rgba(2,6,23,0.12);border-radius:12px;padding:11px;-webkit-user-select:text;user-select:text}.date-input{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;background:var(--card);border:1px solid rgba(2,6,23,0.12);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:inherit;color:inherit;width:100%;box-sizing:border-box;cursor:pointer}[data-theme="dark"] .date-input{border-color:rgba(148,163,184,0.2);background:var(--card);color:inherit}.date-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,144,255,0.25)}[data-theme="dark"] .date-input:focus{box-shadow:0 0 0 3px rgba(30,144,255,0.18)}.date-input:hover{border-color:rgba(2,6,23,0.2)}[data-theme="dark"] .date-input:hover{border-color:rgba(148,163,184,0.3)}.flatpickr-calendar{border:1px solid rgba(2,6,23,0.12);border-radius:12px;box-shadow:0 18px 36px rgba(2,6,23,0.16)}.flatpickr-months{min-height:52px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center}.flatpickr-months .flatpickr-month{height:52px;display:flex;align-items:center;justify-content:center;grid-column:2}.flatpickr-current-month{position:static;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;padding:0 8px}.flatpickr-current-month .numInputWrapper{display:none}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month .flatpickr-yearDropdown-years{height:34px;padding:0 10px;padding-right:30px;border-radius:8px;background:var(--card);color:inherit;font-size:14px;line-height:34px;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{position:static !important;top:auto !important;transform:none !important;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:inherit}.flatpickr-months .flatpickr-prev-month{grid-column:1;justify-self:center}.flatpickr-months .flatpickr-next-month{grid-column:3;justify-self:center}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-day.today{border-color:var(--accent)}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover{background:var(--accent);border-color:var(--accent)}[data-theme="dark"] .flatpickr-calendar{background:#0a1020;border-color:rgba(148,163,184,0.25);box-shadow:0 24px 44px rgba(0,0,0,0.5)}[data-theme="dark"] .flatpickr-months .flatpickr-month,[data-theme="dark"] .flatpickr-current-month input.cur-year,[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months,[data-theme="dark"] .flatpickr-current-month .flatpickr-yearDropdown-years,[data-theme="dark"] .flatpickr-weekday,[data-theme="dark"] .flatpickr-day{color:#e5e7eb;fill:#e5e7eb}[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months,[data-theme="dark"] .flatpickr-current-month .flatpickr-yearDropdown-years{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme="dark"] .flatpickr-months .flatpickr-prev-month,[data-theme="dark"] .flatpickr-months .flatpickr-next-month{color:#f8fafc;fill:#f8fafc;opacity:1}[data-theme="dark"] .flatpickr-months .flatpickr-prev-month:hover,[data-theme="dark"] .flatpickr-months .flatpickr-next-month:hover{background:rgba(30,144,255,0.18);border-radius:8px}[data-theme="dark"] .flatpickr-day:hover{background:rgba(30,144,255,0.14);border-color:transparent;color:#fff}[data-theme="dark"] .flatpickr-day.prevMonthDay,[data-theme="dark"] .flatpickr-day.nextMonthDay{color:rgba(148,163,184,0.55)}.budget-month-calendar .flatpickr-months{grid-template-columns:1fr;min-height:60px}.budget-month-calendar .flatpickr-months .flatpickr-month{grid-column:1;height:60px}.budget-month-calendar .flatpickr-months .flatpickr-prev-month,.budget-month-calendar .flatpickr-months .flatpickr-next-month,.budget-month-calendar .flatpickr-current-month .flatpickr-monthDropdown-months{display:none}.budget-month-calendar .flatpickr-current-month{justify-content:center}.budget-month-calendar .flatpickr-weekdays,.budget-month-calendar .flatpickr-innerContainer{display:none}.budget-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 12px 14px;width:100%}.budget-month-option{min-height:42px;border:1px solid rgba(2,6,23,0.1);border-radius:10px;background:rgba(248,250,252,0.96);color:inherit;font:inherit;font-size:13px;font-weight:700;letter-spacing:0.02em;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.budget-month-option:hover{border-color:rgba(30,144,255,0.28);background:rgba(239,246,255,0.98);transform:translateY(-1px)}.budget-month-option.selected{border-color:var(--accent);background:rgba(30,144,255,0.14);box-shadow:0 8px 20px rgba(30,144,255,0.12)}[data-theme="dark"] .budget-month-option{background:rgba(15,23,42,0.92);border-color:rgba(148,163,184,0.18);color:#e5e7eb}[data-theme="dark"] .budget-month-option:hover{background:rgba(30,41,59,0.96);border-color:rgba(96,165,250,0.34)}[data-theme="dark"] .budget-month-option.selected{background:rgba(30,144,255,0.22);border-color:rgba(96,165,250,0.85);box-shadow:0 10px 24px rgba(2,132,199,0.18)}[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),[data-theme="dark"] select,[data-theme="dark"] textarea{border-color:rgba(148,163,184,0.2)}input::placeholder,textarea::placeholder{color:rgba(2,6,23,0.45)}[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:rgba(148,163,184,0.6)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,144,255,0.25)}[data-theme="dark"] input:focus,[data-theme="dark"] select:focus,[data-theme="dark"] textarea:focus{box-shadow:0 0 0 3px rgba(30,144,255,0.18)}[data-theme="dark"] .topbar{border-bottom:none}.date-header{display:flex;justify-content:space-between;align-items:center;padding:5px 12px 5px;margin-bottom:12px;font-weight:600;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;background:var(--bg);position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(148 163 184 / 32%)}.date-header-date{text-align:left;display:inline-flex;align-items:center;gap:6px}.date-header-total{text-align:right;font-weight:700;color:var(--muted)}.date-header-total::before{content:"-";margin-right:2px}[data-theme="dark"] .date-header{background:var(--bg);border-bottom-color:rgba(148,163,184,0.2)}.tx{position:relative;overflow:hidden;isolation:isolate;display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:16px;background:var(--card);border:1px solid rgba(2,6,23,0.06);transform:translateZ(0);transition:transform 0.18s ease,box-shadow 0.2s ease,border-color 0.2s ease,background 0.2s ease}.tx-content{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;width:100%}.tx-sentinel{height:1px;width:100%}[data-theme="dark"] .tx{background:var(--card);border-color:transparent}.txActions{display:flex;align-items:center;gap:8px}.icon.small{font-size:14px;padding:6px;border:1px solid rgba(2,6,23,0.08);background:#fff}.icon.small.danger{color:var(--danger);border-color:rgba(239,68,68,0.35)}.icon.small.danger:hover{background:rgba(239,68,68,0.08)}.tx .meta{display:flex;gap:12px;align-items:center}.tx .amount.transfer{color:var(--accent)}.purchase-row{gap:12px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.purchase-row .meta{flex:1 1 auto;min-width:0}.purchase-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.purchase-batch-btn{flex:0 0 auto}.danger{border-radius:50px;background:var(--danger);color:white;border:none}.purchase-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:12px;border-radius:16px;border:1px solid rgba(2,6,23,0.08);background:linear-gradient( 180deg,rgba(255,255,255,0.92),rgba(255,255,255,0.76) ),var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme="dark"] .purchase-selection-bar{border-color:rgba(148,163,184,0.18);background:linear-gradient(180deg,rgba(15,23,42,0.92),rgba(15,23,42,0.78)),var(--card)}.purchase-selection-summary{font-size:14px;font-weight:600}.purchase-selection-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}#importExpiryScanBtn{font-size:14px;height:40px;border-radius:8px}.purchase-selection-footer{padding:8px 0 16px;margin-top:4px;display:flex;justify-content:flex-end;gap:8px}#deleteSelectedPurchasesBtn{background:var(--danger,#ef4444);color:#fff;border:none;border-radius:50px;padding:8px 12px;cursor:pointer;font-size:14px;height:40px;transition:background 0.2s}#deleteSelectedPurchasesBtn:hover:not(:disabled){background:#dc2626}#deleteSelectedPurchasesBtn:disabled{opacity:0.4;cursor:default}.purchase-selection-footer .purchase-batch-btn{width:auto;font-size:14px}.purchase-select-toggle{display:none;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer;align-self:center;min-width:44px;min-height:44px;padding:8px;border-radius:16px;transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease,transform 0.18s ease}.purchase-row.selection-mode .purchase-select-toggle{display:inline-flex}.purchase-row.selection-mode .purchase-select-toggle:hover{border-color:rgba(30,144,255,0.28);box-shadow:inset 0 1px 0 rgba(255,255,255,0.92),0 12px 22px rgba(30,144,255,0.12);transform:translateY(-1px)}.purchase-row.selection-mode .purchase-select-toggle:active{transform:scale(0.98)}.purchase-select-input{position:absolute;opacity:0;pointer-events:none}.purchase-select-input:focus-visible + .purchase-select-marker{outline:3px solid color-mix(in srgb,var(--accent) 22%,transparent);outline-offset:3px}.purchase-select-marker{position:relative;width:24px;height:24px;border-radius:12px;border:1.5px solid rgba(100,116,139,0.35);background:linear-gradient( 180deg,rgba(255,255,255,0.98),rgba(241,245,249,0.88) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 6px 14px rgba(15,23,42,0.08);transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease,transform 0.18s ease}.purchase-select-input:checked + .purchase-select-marker{border-color:color-mix(in srgb,var(--accent) 72%,white);background:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,0.28),0 10px 20px rgba(30,144,255,0.22);transform:translateY(-1px) scale(1.03)}.purchase-select-input:checked + .purchase-select-marker::after{content:"";position:absolute;top:5px;left:8px;width:6px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(40deg)}.purchase-row.selected{border-color:rgba(30,144,255,0.38);box-shadow:0 12px 26px rgba(30,144,255,0.14)}[data-theme="dark"] .purchase-row.selection-mode .purchase-select-toggle:hover{border-color:rgba(96,165,250,0.28);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 12px 24px rgba(30,144,255,0.16)}[data-theme="dark"] .purchase-select-marker{background:linear-gradient( 180deg,rgba(30,41,59,0.96),rgba(15,23,42,0.9) );border-color:rgba(148,163,184,0.32);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 8px 18px rgba(2,6,23,0.3)}.iconBox{width:40px;height:40px;border-radius:12px;background:rgba(2,6,23,0.04);display:flex;align-items:center;justify-content:center;flex-shrink:0}.iconBox svg{width:20px;height:20px;stroke:currentColor;fill:none}[data-theme="dark"] .iconBox{background:rgba(148,163,184,0.1)}html:not([data-theme="dark"]) .iconBox[data-cat]{border:1px solid transparent}html:not([data-theme="dark"]) .iconBox[data-cat="groceries"]{background:#dcfce7;color:#166534;border-color:#86efac}html:not([data-theme="dark"]) .iconBox[data-cat="dining"]{background:#fff7ed;color:#9a3412;border-color:#fdba74}html:not([data-theme="dark"]) .iconBox[data-cat="rent"]{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}html:not([data-theme="dark"]) .iconBox[data-cat="utilities"]{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}html:not([data-theme="dark"]) .iconBox[data-cat="transportation"]{background:#fdf2f8;color:#9d174d;border-color:#fbcfe8}html:not([data-theme="dark"]) .iconBox[data-cat="shopping"]{background:#faf5ff;color:#6b21a8;border-color:#e9d5ff}html:not([data-theme="dark"]) .iconBox[data-cat="healthcare"]{background:#f0fdf4;color:#166534;border-color:#bbf7d0}html:not([data-theme="dark"]) .iconBox[data-cat="entertainment"]{background:#fefce8;color:#854d0e;border-color:#fde68a}html:not([data-theme="dark"]) .iconBox[data-cat="salary"]{background:#e0f2fe;color:#075985;border-color:#7dd3fc}html:not([data-theme="dark"]) .iconBox[data-cat="income"]{background:#e0f2fe;color:#075985;border-color:#7dd3fc}html:not([data-theme="dark"]) .iconBox[data-cat="expense"]{background:#fef2f2;color:#991b1b;border-color:#fca5a5}html:not([data-theme="dark"]) .iconBox[data-cat="transfer"]{background:#f1f5f9;color:#334155;border-color:#cbd5e1}html:not([data-theme="dark"]) .iconBox[data-cat="business"]{background:#f0fdfa;color:#115e59;border-color:#99f6e4}html:not([data-theme="dark"]) .iconBox[data-cat="investment"]{background:#dcfce7;color:#166534;border-color:#86efac}html:not([data-theme="dark"]) .iconBox[data-cat="emergencyfund"]{background:#fef2f2;color:#991b1b;border-color:#fca5a5}html:not([data-theme="dark"]) .iconBox[data-cat="mutualfund"]{background:#f3e8ff;color:#6b21a8;border-color:#d8b4fe}html:not([data-theme="dark"]) .iconBox[data-cat="fixeddeposit"]{background:#fef3c7;color:#92400e;border-color:#fcd34d}html:not([data-theme="dark"]) .iconBox[data-cat="chitfund"]{background:#ecfeff;color:#164e63;border-color:#67e8f9}html:not([data-theme="dark"]) .iconBox[data-cat="lic"]{background:#f0fdf4;color:#065f46;border-color:#6ee7b7}html:not([data-theme="dark"]) .iconBox[data-cat="terminsurance"]{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}html:not([data-theme="dark"]) .iconBox[data-cat="gold"]{background:#fefce8;color:#713f12;border-color:#fde047}html:not([data-theme="dark"]) .iconBox[data-cat="goldinvestment"]{background:#fefce8;color:#713f12;border-color:#fde047}html:not([data-theme="dark"]) .iconBox[data-cat="landinvestment"]{background:#f7fee7;color:#365314;border-color:#bef264}html:not([data-theme="dark"]) .iconBox[data-cat="propertyinvestment"]{background:#faf5ff;color:#6b21a8;border-color:#e9d5ff}html:not([data-theme="dark"]) .iconBox[data-cat="other"]{background:#f5f5f5;color:#262626;border-color:#d4d4d4}[data-theme="dark"] .iconBox[data-cat]{border:1px solid transparent}[data-theme="dark"] .iconBox[data-cat="groceries"]{background:#064e3b;color:#bbf7d0;border-color:#065f46}[data-theme="dark"] .iconBox[data-cat="dining"]{background:#7c2d12;color:#fed7aa;border-color:#9a3412}[data-theme="dark"] .iconBox[data-cat="rent"]{background:#111827;color:#cbd5e1;border-color:#1f2937}[data-theme="dark"] .iconBox[data-cat="utilities"]{background:#312e81;color:#c7d2fe;border-color:#3730a3}[data-theme="dark"] .iconBox[data-cat="transportation"]{background:#831843;color:#fbcfe8;border-color:#9d174d}[data-theme="dark"] .iconBox[data-cat="shopping"]{background:#581c87;color:#e9d5ff;border-color:#6b21a8}[data-theme="dark"] .iconBox[data-cat="healthcare"]{background:#065f46;color:#bbf7d0;border-color:#047857}[data-theme="dark"] .iconBox[data-cat="entertainment"]{background:#713f12;color:#fde68a;border-color:#854d0e}[data-theme="dark"] .iconBox[data-cat="salary"]{background:#0c4a6e;color:#7dd3fc;border-color:#075985}[data-theme="dark"] .iconBox[data-cat="income"]{background:#0c4a6e;color:#7dd3fc;border-color:#075985}[data-theme="dark"] .iconBox[data-cat="expense"]{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}[data-theme="dark"] .iconBox[data-cat="transfer"]{background:#1e293b;color:#cbd5e1;border-color:#334155}[data-theme="dark"] .iconBox[data-cat="business"]{background:#134e4a;color:#99f6e4;border-color:#115e59}[data-theme="dark"] .iconBox[data-cat="investment"]{background:#064e3b;color:#bbf7d0;border-color:#065f46}[data-theme="dark"] .iconBox[data-cat="emergencyfund"]{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}[data-theme="dark"] .iconBox[data-cat="mutualfund"]{background:#581c87;color:#e9d5ff;border-color:#6b21a8}[data-theme="dark"] .iconBox[data-cat="fixeddeposit"]{background:#78350f;color:#fcd34d;border-color:#92400e}[data-theme="dark"] .iconBox[data-cat="chitfund"]{background:#164e63;color:#67e8f9;border-color:#0e7490}[data-theme="dark"] .iconBox[data-cat="lic"]{background:#064e3b;color:#6ee7b7;border-color:#047857}[data-theme="dark"] .iconBox[data-cat="terminsurance"]{background:#312e81;color:#c7d2fe;border-color:#3730a3}[data-theme="dark"] .iconBox[data-cat="gold"]{background:#713f12;color:#fde047;border-color:#854d0e}[data-theme="dark"] .iconBox[data-cat="gold"]{background:#713f12;color:#fde047;border-color:#854d0e}[data-theme="dark"] .iconBox[data-cat="goldinvestment"]{background:#713f12;color:#fde047;border-color:#854d0e}[data-theme="dark"] .iconBox[data-cat="landinvestment"]{background:#365314;color:#bef264;border-color:#4d7c0f}[data-theme="dark"] .iconBox[data-cat="propertyinvestment"]{background:#581c87;color:#e9d5ff;border-color:#6b21a8}.tx .title{font-weight:600;letter-spacing:0.01em;font-size:16px;line-height:1.2}.tx .category{font-size:12px;color:var(--muted);line-height:1.3;margin-top:2px}.tx .amount{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-0.2px;font-size:18px;text-align:right;flex:0 0 auto}.tx .amount.expense{color:var(--danger)}.tx .amount.income{color:green}.tx .tx-date{font-size:12px;font-weight:400;text-align:right;color:var(--muted);margin-top:2px}.expiry-group{display:grid;gap:10px}.expiry-group + .expiry-group{margin-top:8px}.expiry-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.expiry-group-title{font-size:13px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted)}.expiry-group-count{min-width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(148,163,184,0.18);color:var(--text);font-size:12px;font-weight:700}.expiry-row{border-left:4px solid transparent}.expiry-row.urgency-expired{border-left-color:#ef4444}.expiry-row.urgency-today{border-left-color:#f97316}.expiry-row.urgency-consume_soon{border-left-color:#f59e0b}.expiry-row.urgency-upcoming{border-left-color:#22c55e}.expiry-row.urgency-later{border-left-color:#94a3b8}.expiry-right{min-width:140px;gap:6px}.expiry-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:0.03em;background:rgba(148,163,184,0.16);color:var(--text)}.expiry-badge.urgency-expired{background:rgba(239,68,68,0.12);color:#b91c1c}.expiry-badge.urgency-today{background:rgba(249,115,22,0.12);color:#c2410c}.expiry-badge.urgency-consume_soon{background:rgba(245,158,11,0.12);color:#b45309}.expiry-badge.urgency-upcoming{background:rgba(34,197,94,0.12);color:#15803d}[data-theme="dark"] .expiry-badge.urgency-expired{color:#fca5a5}[data-theme="dark"] .expiry-badge.urgency-today{color:#fdba74}[data-theme="dark"] .expiry-badge.urgency-consume_soon{color:#fcd34d}[data-theme="dark"] .expiry-badge.urgency-upcoming{color:#86efac}.expiry-progress{width:120px;height:8px;background:rgba(2,6,23,0.08);border-radius:9999px;overflow:hidden;border:1px solid rgba(2,6,23,0.06)}[data-theme="dark"] .expiry-progress{background:rgba(148,163,184,0.15);border-color:rgba(148,163,184,0.2)}#scanBillBtn,#expiryScanBtn{width:100%}.scan-bill-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;padding:10px 16px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#2563eb);border:none;color:white;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(30,144,255,0.3);position:relative;overflow:hidden}.scan-bill-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent );transition:left 0.5s ease}.scan-bill-btn:hover::before{left:100%}.scan-bill-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,144,255,0.4);background:linear-gradient(135deg,#4dabf7,#1c7ed6)}.scan-bill-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(30,144,255,0.3)}.scan-bill-btn svg{flex-shrink:0;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}.scan-bill-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:0 2px 4px rgba(30,144,255,0.2)}.scan-bill-btn:disabled:hover{transform:none;box-shadow:0 2px 4px rgba(30,144,255,0.2)}.scan-bill-btn:disabled svg{animation:none}[data-theme="dark"] .scan-bill-btn{background:linear-gradient(135deg,var(--accent),#1e40af);box-shadow:0 2px 8px rgba(30,144,255,0.4)}[data-theme="dark"] .scan-bill-btn:hover{background:linear-gradient(135deg,#339af0,#1e3a8a);box-shadow:0 4px 12px rgba(30,144,255,0.5)}.expiry-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#0ea5e9);transition:width 0.3s ease}.expiry-progress-bar.expired{background:linear-gradient(90deg,#ef4444,#f97316)}.expiry-small{margin-top:6px;font-size:12px;color:var(--muted)}.modal{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(2,6,23,0.55);backdrop-filter:blur(8px);z-index:1100;opacity:0;visibility:hidden;transition:opacity 0.4s cubic-bezier(0.25,0.46,0.45,0.94),visibility 0.4s cubic-bezier(0.25,0.46,0.45,0.94);padding-top:var(--topbar-h)}#feedbackDialog{z-index:1200}.modal.show{opacity:1;visibility:visible;pointer-events:auto}.modal.hide{opacity:0;visibility:hidden;pointer-events:none}.modal-content{display:flex;flex-direction:column;width:100vw;max-width:100vw;background:var(--card);padding:0;border-radius:20px 20px 0 0;border:1px solid rgba(2,6,23,0.12);border-bottom:none;box-shadow:0 -10px 40px rgba(2,6,23,0.15);transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94);max-height:85vh;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.modal-content::-webkit-scrollbar{display:none}.modal.show .modal-content{transform:translateY(0)}.modal.hide .modal-content{transform:translateY(100%)}[data-theme="dark"] .modal-content{color-scheme:dark;border:1px solid rgba(148,163,184,0.2);border-bottom:none;box-shadow:0 -10px 40px rgba(0,0,0,0.6)}.modal-content header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 16px 0px 22px;position:relative}.modal-content header #closeModal,.modal-content header #closeExpiryModal,.modal-content header #closePurchaseModal,.modal-content header #closePaymentModal,.modal-content header #closeExportModal,.modal-content header #closePremiumModal,.modal-content header #closeRecurringSchedulesModal,.modal-content header #closeDebtTrackingModal,.modal-content header #closeDebtPaymentModal,.modal-content header #feedbackDialogClose,.modal-content header #scanBillToggle,.modal-content header #expiryScanToggle{position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all 0.2s ease}.modal-content header #scanBillToggle,.modal-content header #expiryScanToggle{top:12px;right:60px;width:36px;height:36px;font-size:24px;background:var(--card);border-radius:8px}[data-theme="dark"] .modal-content header #scanBillToggle,[data-theme="dark"] .modal-content header #expiryScanToggle{background:var(--card);color:var(--muted)}[data-theme="dark"] .modal-content header #scanBillToggle:hover,[data-theme="dark"] .modal-content header #expiryScanToggle:hover{background:var(--accent);border-color:var(--accent);color:white}.modal-content header #closeModal:hover,.modal-content header #closeExpiryModal:hover,.modal-content header #closePurchaseModal:hover,.modal-content header #closePaymentModal:hover,.modal-content header #closeExportModal:hover,.modal-content header #closePremiumModal:hover,.modal-content header #closeRecurringSchedulesModal:hover,.modal-content header #closeDebtTrackingModal:hover,.modal-content header #feedbackDialogClose:hover,.modal-content header #scanBillToggle:hover,.modal-content header #expiryScanToggle:hover{background:transparent;box-shadow:none}.modal-content header #closeSettingsModal{position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;background:var(--bg-secondary);color:var(--text);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all 0.2s ease}[data-theme="dark"] .modal-content header #closeModal,[data-theme="dark"] .modal-content header #closeExpiryModal,[data-theme="dark"] .modal-content header #closePurchaseModal,[data-theme="dark"] .modal-content header #closePaymentModal,[data-theme="dark"] .modal-content header #closeExportModal,[data-theme="dark"] .modal-content header #closePremiumModal,[data-theme="dark"] .modal-content header #closeRecurringSchedulesModal,[data-theme="dark"] .modal-content header #closeDebtPaymentModal,[data-theme="dark"] .modal-content header #closeDebtTrackingModal,[data-theme="dark"] .modal-content header #feedbackDialogClose,[data-theme="dark"] .modal-content header #scanBillToggle,[data-theme="dark"] .modal-content header #expiryScanToggle{color:var(--muted)}[data-theme="dark"] .modal-content header #closeSettingsModal{background:var(--bg-secondary);color:var(--text)}[data-theme="dark"] .modal-content header #closeModal:hover,[data-theme="dark"] .modal-content header #closeExpiryModal:hover,[data-theme="dark"] .modal-content header #closePurchaseModal:hover,[data-theme="dark"] .modal-content header #closePaymentModal:hover,[data-theme="dark"] .modal-content header #closeExportModal:hover,[data-theme="dark"] .modal-content header #closePremiumModal:hover,[data-theme="dark"] .modal-content header #closeRecurringSchedulesModal:hover,[data-theme="dark"] .modal-content header #closeDebtPaymentModal:hover,[data-theme="dark"] .modal-content header #closeDebtTrackingModal:hover,[data-theme="dark"] .modal-content header #feedbackDialogClose:hover,[data-theme="dark"] .modal-content header #scanBillToggle:hover,[data-theme="dark"] .modal-content header #expiryScanToggle:hover{background:transparent;box-shadow:none}.modal-content header::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:4px;background:rgba(2,6,23,0.3);border-radius:2px;transition:background 0.2s ease;cursor:grab}.modal-content header::before:active{cursor:grabbing}[data-theme="dark"] .modal-content header::before{background:rgba(148,163,184,0.4)}.tx-form-view-mode .modal-content header::before{display:none}.modal-content form{display:flex;flex-direction:column;gap:18px;padding:5px 12px 12px 12px;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:15px}.modal-content form input,.modal-content form select,.modal-content form textarea{width:100%;box-sizing:border-box;border-radius:12px}.modal-content form label{margin-top:0;font-weight:500;color:inherit}.bill-scan-box{display:none;grid-gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(30,144,255,0.08),rgba(10,16,32,0.02)),var(--card)}.bill-scan-box.visible{display:grid}.credit-card-info-box{display:grid;grid-gap:12px;padding:14px;border:1px solid rgba(30,144,255,0.1);border-radius:12px;background:linear-gradient( 180deg,rgba(30,144,255,0.04),rgba(10,16,32,0.02) )}[data-theme="dark"] .credit-card-info-box{border-color:rgba(96,165,250,0.22);background:linear-gradient( 180deg,rgba(30,144,255,0.08),rgba(10,16,32,0.96) )}[data-theme="dark"] .bill-scan-box{border-color:rgba(96,165,250,0.22);background:linear-gradient(180deg,rgba(30,144,255,0.14),rgba(10,16,32,0.96)),var(--card)}.bill-scan-copy{display:grid;gap:4px}.bill-scan-copy strong{font-size:0.98rem;line-height:1.2}.bill-scan-copy span,.bill-scan-status{color:var(--muted);font-size:0.88rem;line-height:1.4}.bill-scan-actions{display:flex;justify-content:flex-start;gap:10px;align-items:stretch}.bill-scan-actions button{flex:1 1 0;min-width:0;width:100%}.bill-scan-status{margin:0}.bill-scan-status.is-busy{color:var(--accent)}.bill-scan-status.is-success{color:#059669}.bill-scan-status.is-error{color:var(--danger)}.expiry-import-card{display:grid;gap:14px;margin-top:15px;margin-bottom:18px;padding:18px;border:1px solid rgba(15,23,42,0.08);border-radius:24px;background:radial-gradient( circle at top right,rgba(16,185,129,0.14),transparent 34% ),linear-gradient( 180deg,rgba(255,255,255,0.96),rgba(241,245,249,0.94) );box-shadow:0 18px 42px rgba(15,23,42,0.08)}[data-theme="dark"] .expiry-import-card{border-color:rgba(148,163,184,0.14);background:radial-gradient( circle at top right,rgba(52,211,153,0.12),transparent 36% ),linear-gradient(180deg,rgba(15,23,42,0.96),rgba(2,6,23,0.94));box-shadow:0 24px 52px rgba(0,0,0,0.3)}.expiry-import-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-kicker{margin:0 0 4px 0;color:var(--muted);font-size:0.85rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.expiry-import-title{margin:2px 0 0;font-size:1.1rem;line-height:1.2}.expiry-import-trigger{display:inline-flex;align-items:center;gap:6px;min-width:110px;padding:10px 18px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px rgba(30,144,255,0.3);transition:all 0.2s ease;white-space:nowrap;justify-content:center;text-align:center}.expiry-import-trigger:active{transform:scale(0.96)}[data-theme="dark"] .expiry-import-trigger{box-shadow:0 2px 12px rgba(30,144,255,0.25)}.expiry-import-text,.expiry-scan-status,.expiry-scan-review-head span,.expiry-scan-meta{margin:0;color:var(--muted);font-size:0.92rem;line-height:1.5}.expiry-scan-status.is-busy{color:var(--accent)}.expiry-scan-status.is-success{color:#059669}.expiry-scan-status.is-error{color:var(--danger)}.expiry-scan-review{display:grid;gap:14px;padding-top:4px}.expiry-scan-review.hidden{display:none}.expiry-scan-review-head{display:grid;gap:4px}.expiry-scan-items{display:grid;gap:12px}.expiry-scan-item{display:grid;gap:12px;padding:14px;border:1px solid rgba(148,163,184,0.18);border-radius:18px;background:rgba(255,255,255,0.7)}[data-theme="dark"] .expiry-scan-item{border-color:rgba(96,165,250,0.18);background:rgba(15,23,42,0.72)}.expiry-scan-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.expiry-scan-check{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-bottom:14px}.expiry-scan-check input[type="checkbox"]{margin:0;width:16px;height:16px;accent-color:var(--accent)}.expiry-scan-title{margin:0;font-size:0.98rem;font-weight:700;line-height:1.35}.expiry-scan-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.expiry-scan-tag{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(16,185,129,0.12);color:#047857;font-size:0.77rem;font-weight:700;letter-spacing:0.02em}[data-theme="dark"] .expiry-scan-tag{background:rgba(52,211,153,0.16);color:#86efac}.expiry-scan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.expiry-scan-field{display:grid;gap:6px}.expiry-scan-field label{font-size:0.78rem;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;color:var(--muted)}.expiry-scan-field input,.expiry-scan-field select{min-height:44px}.expiry-scan-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width:560px){.expiry-import-head{flex-direction:column}.expiry-import-trigger{width:100%}.expiry-scan-grid{grid-template-columns:1fr}.expiry-scan-actions{flex-direction:column-reverse}.expiry-scan-actions button{width:100%}}.app-toast-region{position:fixed;left:16px;right:16px;bottom:calc(var(--bottombar-h) + env(safe-area-inset-bottom,0px) + 48px);z-index:1300;pointer-events:none;display:flex;justify-content:center}.app-toast{max-width:min(560px,100%);background:rgba(15,23,42,0.92);color:#f8fafc;border-radius:16px;padding:10px 14px;box-shadow:0 18px 40px rgba(2,6,23,0.28);transform:translateY(12px);opacity:0;transition:opacity 0.22s ease,transform 0.22s ease;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;line-height:1.35;border:1px solid rgba(255,255,255,0.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-toast.show{opacity:1;transform:translateY(0)}.app-toast.toast-success{background:linear-gradient(135deg,rgba(16,185,129,0.96),rgba(5,150,105,0.92)),rgba(6,95,70,0.95);border-color:rgba(167,243,208,0.24);box-shadow:0 20px 44px rgba(5,150,105,0.28),0 6px 18px rgba(2,6,23,0.18)}.app-toast.toast-error{background:rgba(185,28,28,0.96)}.app-toast.toast-warning{background:rgba(161,98,7,0.96)}.app-toast-icon{width:20px;height:20px;flex:0 0 20px}.app-toast.toast-success .app-toast-icon{width:26px;height:26px;flex-basis:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,0.16);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18)}.app-toast-icon svg{width:100%;height:100%}.app-toast.toast-success .app-toast-copy{font-weight:600;letter-spacing:0.01em}.app-toast-copy{flex:1}.toast-undo-btn{margin-left:12px;padding:6px 12px;background:var(--accent);color:white;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity 0.2s;pointer-events:auto}.toast-undo-btn:hover{opacity:0.9}[data-theme="dark"] .toast-undo-btn{background:var(--accent)}.feedback-modal-content{max-height:85vh;display:flex;flex-direction:column}.feedback-modal-content.notice-sheet{max-height:85vh}.feedback-modal-content header{justify-content:space-between;padding-right:52px}.feedback-modal-content header #feedbackDialogClose{left:auto;right:10px;margin-left:auto}.feedback-modal-body{padding:16px 16px 24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0}.feedback-icon-wrap{display:flex;justify-content:center}.feedback-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(148,163,184,0.16);color:#334155;box-shadow:inset 0 1px 0 rgba(255,255,255,0.45)}.feedback-icon svg{width:28px;height:28px}.feedback-icon.feedback-success{background:rgba(34,197,94,0.16);color:#15803d}.feedback-icon.feedback-warning{background:rgba(245,158,11,0.18);color:#b45309}.feedback-icon.feedback-danger,.feedback-icon.feedback-error{background:rgba(239,68,68,0.16);color:#b91c1c}[data-theme="dark"] .feedback-icon{background:rgba(148,163,184,0.16);color:#e2e8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}[data-theme="dark"] .feedback-icon.feedback-success{color:#4ade80}[data-theme="dark"] .feedback-icon.feedback-warning{color:#fbbf24}[data-theme="dark"] .feedback-icon.feedback-danger,[data-theme="dark"] .feedback-icon.feedback-error{color:#f87171}.feedback-message{margin:0;color:var(--muted);white-space:pre-line;line-height:1.6;text-align:center}.feedback-input-wrap{display:flex;justify-content:center}.feedback-input{width:100%;max-width:320px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-elevated);color:var(--text);font-size:0.98rem;box-shadow:inset 0 1px 2px rgba(15,23,42,0.04)}.feedback-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,0.18)}.feedback-actions{display:flex;gap:12px;margin-top:auto;flex-shrink:0}.feedback-actions .secondary,.feedback-actions .primary{flex:1}.hidden{display:none !important}.tx-form-view-mode{gap:0;padding:8px 16px 18px;margin-bottom:0}.tx-form-view-mode >:not(.transaction-view-panel){display:none !important}.transaction-view-panel{display:grid;gap:16px}.transaction-view-hero{position:relative;overflow:hidden;padding:18px;border-radius:24px;color:#eff6ff;background:radial-gradient( circle at top right,rgba(255,255,255,0.3),transparent 34% ),linear-gradient(145deg,#0f172a 0%,#1d4ed8 55%,#38bdf8 100%);box-shadow:0 20px 42px rgba(15,23,42,0.16)}.transaction-view-hero::before{content:"";position:absolute;inset:auto -18% -38% auto;width:160px;height:160px;border-radius:999px;background:rgba(255,255,255,0.16);filter:blur(6px);pointer-events:none}.transaction-view-panel.income .transaction-view-hero{background:radial-gradient( circle at top right,rgba(255,255,255,0.28),transparent 34% ),linear-gradient(145deg,#064e3b 0%,#0f766e 48%,#2dd4bf 100%)}.transaction-view-panel.investment .transaction-view-hero{background:radial-gradient( circle at top right,rgba(255,255,255,0.26),transparent 34% ),linear-gradient(145deg,#312e81 0%,#6d28d9 52%,#c084fc 100%)}.transaction-view-hero-top,.transaction-view-title-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.transaction-view-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,0.14)}.transaction-view-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.94);background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.18)}.transaction-view-amount,.transaction-view-subtitle{position:relative;z-index:1}.transaction-view-amount{margin-top:20px;font-size:clamp(32px,6vw,42px);line-height:1;font-weight:800;letter-spacing:-0.04em}.transaction-view-title-row{margin-top:20px;align-items:flex-end}.transaction-view-title-row strong{font-size:18px;font-weight:700;letter-spacing:-0.02em}.transaction-view-title-row span{font-size:12px;color:rgba(255,255,255,0.74);white-space:nowrap}.transaction-view-subtitle{margin:10px 0 0;font-size:13px;line-height:1.55;color:rgba(255,255,255,0.82)}.transaction-view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.transaction-view-card,.transaction-view-note{border-radius:20px;border:1px solid rgba(148,163,184,0.18);background:linear-gradient( 180deg,rgba(255,255,255,0.92),rgba(248,250,252,0.86) );box-shadow:0 14px 28px rgba(15,23,42,0.08)}.transaction-view-card{display:grid;gap:6px;padding:16px}.transaction-view-card span,.transaction-view-note span{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted)}.transaction-view-card strong{font-size:16px;line-height:1.35;color:var(--text)}.transaction-view-card small{font-size:12px;color:var(--text-secondary)}.transaction-view-note{padding:16px}.transaction-view-note p{margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.transaction-header-actions{position:absolute;top:13px;right:58px;display:inline-flex;align-items:center;gap:8px}.transaction-header-btn{flex:0 0 auto;width:42px;height:42px;min-height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:transform 0.16s ease,border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}.transaction-header-btn:active{transform:translateY(1px)}.transaction-header-actions .account-edit-btn{background:rgba(15,23,42,0.04);color:var(--text);border-color:rgba(15,23,42,0.08)}.transaction-header-actions .account-edit-btn:hover{background:rgba(30,64,175,0.08);border-color:rgba(30,64,175,0.12)}.transaction-header-actions .account-edit-btn:active{background:rgba(30,64,175,0.12);border-color:rgba(30,64,175,0.14)}.transaction-header-actions .account-remove-btn{background:var(--danger);color:white;border-color:var(--danger)}.transaction-header-actions .account-remove-btn:hover{background:#b91c1c;border-color:#b91c1c;box-shadow:var(--shadow)}[data-theme="dark"] .transaction-header-actions .account-edit-btn{background:rgba(148,163,184,0.08);border-color:rgba(148,163,184,0.16);color:#e2e8f0}[data-theme="dark"] .transaction-header-actions .account-edit-btn:hover,[data-theme="dark"] .transaction-header-actions .account-edit-btn:active{background:rgba(59,130,246,0.16);border-color:rgba(96,165,250,0.28)}[data-theme="dark"] .transaction-header-actions .account-remove-btn{background:var(--danger);color:white;border-color:var(--danger)}[data-theme="dark"] .transaction-header-actions .account-remove-btn:hover{background:#ef4444;border-color:#ef4444;box-shadow:var(--shadow)}[data-theme="dark"] .transaction-view-card,[data-theme="dark"] .transaction-view-note{border-color:rgba(96,165,250,0.16);background:linear-gradient( 180deg,rgba(15,23,42,0.94),rgba(2,6,23,0.9) );box-shadow:0 18px 34px rgba(0,0,0,0.3)}@media (max-width:420px){.transaction-view-grid{grid-template-columns:1fr}.transaction-view-title-row{flex-direction:column;align-items:flex-start}.transaction-view-title-row span{white-space:normal}.transaction-header-actions{right:60px;gap:6px}.transaction-header-btn{width:38px;height:38px;min-height:38px}}.floating{position:relative}.amount-category-row,.date-description-row,.type-checkboxes{display:block}.amount-category-row > *,.date-description-row > *{width:100%}.amount-category-row > * + *,.date-description-row > * + *{margin-top:15px}.floating input,.floating select,.floating textarea{padding-top:15px;padding-bottom:10px}#purchaseName{min-height:120px;resize:vertical}.purchase-chips-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.purchase-chips-container:empty{display:none}.purchase-name-chip{display:inline-flex;align-items:center;padding:4px 12px;background:color-mix(in srgb,var(--accent) 10%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;font-size:12px;font-weight:500;color:var(--accent);cursor:pointer;transition:all 0.2s ease;line-height:1.4;user-select:none}.purchase-name-chip:hover{background:color-mix(in srgb,var(--accent) 18%,var(--card));border-color:color-mix(in srgb,var(--accent) 50%,transparent);transform:translateY(-1px)}.purchase-name-chip:active{transform:translateY(0)}[data-theme="dark"] .purchase-name-chip{color:color-mix(in srgb,var(--accent) 80%,#e5e7eb)}.floating .floating-label{position:absolute;left:12px;top:14px;font-size:14px;color:var(--muted);pointer-events:none;transition:transform 0.15s ease,color 0.15s ease,top 0.15s ease;background:var(--card);padding:0 4px;border-radius:4px}.floating input:focus + .floating-label,.floating input:not(:placeholder-shown) + .floating-label,.floating select:focus + .floating-label,.floating select:valid + .floating-label,.floating textarea:focus + .floating-label,.floating textarea:not(:placeholder-shown) + .floating-label{transform:translateY(-12px) scale(0.85);top:4px;color:var(--accent)}.floating input:not(:focus):not(:placeholder-shown) + .floating-label,.floating select:valid + .floating-label,.floating textarea:not(:focus):not(:placeholder-shown) + .floating-label{color:var(--muted)}[data-theme="dark"] .floating .floating-label{background:var(--card)}.modal-content form input,.modal-content form select,.modal-content form .segmented,.modal-content form .amount-category-row,.modal-content form .date-description-row,.modal-content form .type-checkboxes{margin-bottom:0}.modal-content form label + input,.modal-content form label + select,.modal-content form label + .segmented,.modal-content form label + .amount-category-row,.modal-content form label + .date-description-row,.modal-content form label + .type-checkboxes{margin-top:-2px}.segmented{display:flex;gap:10px}.segmented input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.seg-btn{flex:1;min-width:120px;padding:10px 14px;border-radius:9999px;border:1px solid rgba(2,6,23,0.14);background:var(--card);color:inherit;text-align:center;cursor:pointer;user-select:none;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative}.seg-btn::before{content:"";width:18px;height:18px;border-radius:6px;border:2px solid rgba(2,6,23,0.25);background:transparent;display:inline-block}.segmented input[type="radio"]:active + .seg-btn{transform:translateY(0.5px)}.segmented input[type="radio"]:focus + .seg-btn{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,144,255,0.25)}.segmented input[type="radio"]:checked + .seg-btn{background:rgba(30,144,255,0.1);color:inherit;border-color:var(--accent)}.segmented input[type="radio"]:checked + .seg-btn::before{content:"✓";color:#fff;background:var(--accent);border-color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1}[data-theme="dark"] .seg-btn{border-color:rgba(148,163,184,0.25)}[data-theme="dark"] .seg-btn::before{border-color:rgba(148,163,184,0.35)}[data-theme="dark"] .seg-btn:hover{background:rgba(148,163,184,0.08)}[data-theme="dark"] .segmented input[type="radio"]:focus + .seg-btn{box-shadow:0 0 0 3px rgba(30,144,255,0.18)}[data-theme="dark"] .segmented input[type="radio"]:checked + .seg-btn{background:rgba(30,144,255,0.12)}.amount-category-row{display:flex;align-items:flex-start;flex-direction:column}.amount-field{flex:1;display:flex;flex-direction:column;width:100%}.amount-field label{margin-bottom:6px;font-weight:500;color:var(--muted)}.category-field{flex:1;display:flex;flex-direction:column;width:100%;gap:10px}.category-field label{margin-bottom:6px;font-weight:500;color:var(--muted)}.category-toggle-link{align-self:flex-end;padding:0;border:none;background:transparent;color:var(--accent);font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none}.category-toggle-link:hover,.category-toggle-link:focus-visible{text-decoration:none}[data-theme="dark"] .category-toggle-link{color:#60a5fa}.date-description-row{display:flex;align-items:flex-start;flex-direction:column}.date-field{flex:1;display:flex;flex-direction:column;min-width:0;width:100%}.date-field label{margin-bottom:6px;font-weight:500;color:var(--muted)}.date-field input{width:100%;min-width:0;box-sizing:border-box;padding-left:16px}.description-field{flex:1;display:flex;flex-direction:column;min-width:0;width:100%;margin-top:20px}.description-field label{margin-bottom:6px;font-weight:500;color:var(--muted)}.description-field textarea{width:100%;min-width:0;box-sizing:border-box;min-height:44px;resize:none;overflow-y:auto;transition:min-height 0.2s ease}.type-checkboxes{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;margin-bottom:20px}.checkbox-group{display:flex;align-items:center;justify-content:center;min-height:44px;flex:1}.checkbox-group input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;font-weight:500;color:var(--muted);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.type-checkboxes .checkbox-label{background:var(--card);transition:all 0.2s ease;justify-content:center;text-align:center;flex:1;min-height:36px}.type-checkboxes .checkbox-custom{display:inline-flex;background:transparent}.type-checkboxes .checkbox-group input[type="radio"]:checked + .checkbox-label .checkbox-custom{background:var(--accent);border-color:var(--accent)}[data-theme="dark"] .type-checkboxes .checkbox-label:hover:after{color:white}.checkbox-group input[type="radio"]:checked + .checkbox-label{color:var(--accent)}.checkbox-custom{width:16px;height:16px;border:2px solid rgba(2,6,23,0.2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:all 0.2s ease}.checkbox-group input[type="radio"]:checked + .checkbox-label .checkbox-custom{background:var(--accent);border-color:var(--accent)}.checkbox-group input[type="radio"]:checked + .checkbox-label .checkbox-custom::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:10px;font-weight:bold}.checkbox-group input[type="radio"]:checked + .checkbox-label{color:var(--accent)}.checkbox-label:hover .checkbox-custom{border-color:var(--accent)}[data-theme="dark"] .checkbox-custom{border-color:rgba(148,163,184,0.3)}[data-theme="dark"] .checkbox-label:hover .checkbox-custom{border-color:var(--accent)}[data-theme="dark"] .type-checkboxes .checkbox-label{border-color:rgba(148,163,184,0.2);background:var(--card)}.modal-content input,.modal-content select{padding:10px 6px;border-radius:12px;background:var(--card);color:inherit;border:1px solid rgba(2,6,23,0.12);border-style:solid;outline:none}[data-theme="dark"] .modal-content input,[data-theme="dark"] .modal-content select{border-color:rgba(148,163,184,0.2)}.modal-content select option{background:var(--card);color:inherit}select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-theme="dark"] select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}#category,#account{max-height:200px;overflow-y:auto;outline:none;padding-left:16px}#currencySelect{outline:none;padding-left:16px;padding-top:10px !important;padding-bottom:10px !important}#exportFormatSelect{outline:none;padding-left:16px;padding-top:10px !important;padding-bottom:10px !important;border:1px solid rgba(2,6,23,0.12);background:var(--card);color:inherit}#category:focus,#currencySelect:focus,#exportFormatSelect:focus{outline:none;border-color:var(--accent) !important;box-shadow:0 0 0 3px rgba(30,144,255,0.25)}#category:focus-visible,#currencySelect:focus-visible,#exportFormatSelect:focus-visible{outline:none;border-color:var(--accent) !important;box-shadow:0 0 0 3px rgba(30,144,255,0.25)}[data-theme="dark"] #exportFormatSelect{border-color:rgba(148,163,184,0.2);background:var(--card);color:inherit}select option{padding:8px 12px;margin:2px 0}select::-webkit-scrollbar{width:6px}select::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px}select::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:3px}select::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3)}[data-theme="dark"] select::-webkit-scrollbar-track{background:rgba(255,255,255,0.1)}[data-theme="dark"] select::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3)}[data-theme="dark"] select::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.4)}select:hover{border-color:var(--accent);transition:border-color 0.2s ease}select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,144,255,0.25)}.modal-content select:focus,.modal-content select:focus-visible{outline:none !important;border-style:solid}@supports (-webkit-touch-callout:none){.modal-content select{outline:none !important;-webkit-tap-highlight-color:transparent}}[data-theme="dark"] select:focus{box-shadow:0 0 0 3px rgba(30,144,255,0.18)}select option:hover{background:rgba(30,144,255,0.1)}select option:checked{background:var(--accent);color:white}.actions{display:flex;justify-content:flex-end;padding:16px 0 0 0;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(2,6,23,0.08);margin-top:auto;margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}[data-theme="dark"] .actions{border-top-color:rgba(148,163,184,0.2)}footer{padding:12px;text-align:center;color:var(--muted);font-size:12px}.modal-content .actions .primary,.modal-content .actions .secondary{font-size:16px;font-weight:600;padding:12px 18px;min-height:44px;border-radius:50px;flex:0 0 auto;width:auto}.advanced-options-box{margin-top:4px}.advanced-options-accordion{border:1px solid rgba(100,116,139,0.16);border-radius:16px;background:rgba(255,255,255,0.56);overflow:hidden}.advanced-options-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:600;color:#0f172a}.advanced-options-summary::-webkit-details-marker{display:none}.advanced-options-summary::after{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform 0.2s ease;flex:0 0 auto;margin-top:-4px}.advanced-options-accordion[open] .advanced-options-summary::after{transform:rotate(225deg);margin-top:4px}.advanced-options-content{display:grid;gap:4px;padding:0 16px 16px;border-top:1px solid rgba(100,116,139,0.12)}.recurring-box{display:grid;gap:12px;border-radius:16px}.recurring-toggle{display:inline-flex;align-items:center;gap:12px;margin:0;cursor:pointer;padding:10px 12px 20px 0px;border-radius:12px;background:transparent;transition:transform 0.18s ease}.advanced-options-content > .recurring-toggle{padding-top:14px;padding-bottom:10px}.advanced-options-content .recurring-box{gap:8px}.advanced-options-content .recurring-box .recurring-toggle{padding-top:4px;padding-bottom:8px}.recurring-toggle input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;margin:0;flex:0 0 auto;border-radius:8px;border:1.5px solid rgba(100,116,139,0.35);background:linear-gradient( 180deg,rgba(255,255,255,0.98),rgba(241,245,249,0.88) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 6px 14px rgba(15,23,42,0.08);transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease,transform 0.18s ease;cursor:pointer;aspect-ratio:1;object-fit:contain}.recurring-toggle:active{transform:scale(0.99)}.type-options{display:flex;gap:12px;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%}.type-toggle{padding:10px 16px;border-radius:12px;background:transparent;border:1.5px solid var(--border);transition:all 0.3s ease;cursor:pointer;margin:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;flex:1;text-align:center}.type-toggle:hover{border-color:var(--muted);background:var(--surface-elevated)}.type-toggle input[type="checkbox"]:checked + span{color:var(--accent);font-weight:700}.type-toggle input[type="checkbox"]:checked{border-color:var(--accent);background:linear-gradient( 135deg,rgba(30,144,255,0.1),rgba(30,144,255,0.05) );box-shadow:0 0 0 1px var(--accent),0 0 15px rgba(30,144,255,0.2)}.type-toggle span{font-weight:500;color:var(--text-secondary);transition:all 0.3s ease}.type-toggle.active span{color:var(--accent);font-weight:700}@media (max-width:480px){.type-options{gap:8px}.type-toggle{padding:8px 12px;font-size:14px;min-height:40px}.type-toggle span{font-size:13px}}@media (max-width:320px){.type-options{flex-direction:column;align-items:stretch}.type-toggle{justify-content:center;padding:10px 16px}}[data-theme="dark"] .type-toggle input[type="checkbox"]:checked{border-color:var(--accent);background:linear-gradient( 135deg,rgba(245,158,11,0.1),rgba(245,158,11,0.05) );box-shadow:0 0 0 1px var(--accent),0 0 15px rgba(245,158,11,0.2)}[data-theme="dark"] .type-toggle input[type="checkbox"]:checked + span{color:var(--accent)}[data-theme="dark"] .type-toggle.active span{color:var(--accent)}@media (max-width:480px){.recurring-toggle input[type="checkbox"]{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;border-radius:6px;-webkit-transform:scale(1);transform:scale(1);font-size:16px}}@media (max-width:320px){.recurring-toggle input[type="checkbox"]{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;border-radius:9px}}@supports (-webkit-touch-callout:none){.recurring-toggle input[type="checkbox"]{-webkit-flex:0 0 auto;flex:0 0 auto;-webkit-box-flex:0}}.recurring-toggle input[type="checkbox"]:checked{border-color:color-mix(in srgb,var(--accent) 72%,white);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.7 9 10 3.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat,linear-gradient( 180deg,color-mix(in srgb,var(--accent) 88%,white),color-mix(in srgb,var(--accent) 72%,#0f172a) );box-shadow:inset 0 1px 0 rgba(255,255,255,0.28),0 10px 20px rgba(30,144,255,0.22);transform:translateY(-1px) scale(1.03)}.recurring-toggle input[type="checkbox"]:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 22%,transparent);outline-offset:3px}[data-theme="dark"] .recurring-toggle input[type="checkbox"]{background:linear-gradient( 180deg,rgba(30,41,59,0.96),rgba(15,23,42,0.9) );border-color:rgba(148,163,184,0.32);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 8px 18px rgba(2,6,23,0.3)}[data-theme="dark"] .recurring-toggle input[type="checkbox"]:checked{border-color:color-mix(in srgb,var(--accent) 72%,rgba(30,41,59,0.8));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.7 9 10 3.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat,linear-gradient( 180deg,color-mix(in srgb,var(--accent) 88%,rgba(30,41,59,0.8)),color-mix(in srgb,var(--accent) 72%,rgba(15,23,42,0.9)) );transform:translateY(-1px) scale(1.03)}[data-theme="dark"] .advanced-options-accordion{background:rgba(15,23,42,0.68);border-color:rgba(148,163,184,0.18)}[data-theme="dark"] .advanced-options-summary{color:#e5e7eb}[data-theme="dark"] .advanced-options-content{border-top-color:rgba(148,163,184,0.12)}.recurring-fields{display:grid;gap:12px}.recurring-frequency-field{width:100%}.recurring-end-date-field{width:100%}.recurring-note{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.recurring-modal-body{display:grid;gap:16px;overflow-y:auto;overflow-x:hidden;max-height:calc(85vh - 60px)}.recurring-total-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:10px;position:relative;backdrop-filter:blur(10px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme="dark"] .recurring-total-card{box-shadow:0 4px 20px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1)}.recurring-total-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.15)}.recurring-total-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient( 90deg,var(--accent) 0%,var(--primary) 50%,var(--accent) 100% );border-radius:24px 24px 0 0;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,100%{opacity:0.8}50%{opacity:1}}.recurring-total-card::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient( circle,rgba(255,255,255,0.1) 0%,transparent 70% );opacity:0;transition:opacity 0.3s;pointer-events:none}.recurring-total-card:hover::after{opacity:1}.recurring-total-info{text-align:center;position:relative;z-index:1}.recurring-total-label{font-size:12px;color:var(--muted);margin-bottom:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:0.7}.recurring-total-amount{font-size:25px;font-weight:900;margin-bottom:8px;line-height:1;background:none;color:var(--danger);transition:all 0.3s ease}.recurring-total-amount.positive{color:#16a34a}.recurring-total-amount.negative{color:#dc2626}[data-theme="dark"] .recurring-total-amount.positive{background:none;-webkit-text-fill-color:#22c55e;color:var(--danger)}[data-theme="dark"] .recurring-total-amount.negative{background:none;-webkit-text-fill-color:#ef4444;color:var(--danger)}.recurring-total-type{font-size:11px;color:var(--muted);font-weight:700;padding:6px 16px;background:linear-gradient( 135deg,rgba(var(--card-rgb),0.8) 0%,rgba(var(--card-rgb),0.6) 100% );border-radius:16px;display:inline-block;border:1px solid rgba(var(--border-rgb),0.3);text-transform:uppercase;letter-spacing:0.5px;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1)}.recurring-modal-body::-webkit-scrollbar{width:4px}.recurring-modal-body::-webkit-scrollbar-track{background:transparent}.recurring-modal-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:2px}.recurring-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3)}[data-theme="dark"] .recurring-modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2)}[data-theme="dark"] .recurring-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.recurring-list{display:grid;gap:12px}.recurring-item{display:grid;gap:14px;padding:16px;border-radius:18px;border:1px solid rgba(15,23,42,0.08);position:relative}[data-theme="dark"] .recurring-item{background:linear-gradient( 180deg,rgba(30,41,59,0.94),rgba(15,23,42,0.9) );border-color:rgba(148,163,184,0.18)}.recurring-item.paused{opacity:0.72}.recurring-item-copy{display:grid;gap:6px}.recurring-item-title{font-size:16px;font-weight:700;color:var(--text)}.recurring-item-description{font-size:14px;color:var(--text-secondary);line-height:1.4;margin-top:2px}.account-billing-date-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px;transition:border-color 0.3s,box-shadow 0.3s;cursor:pointer}.recurring-item-meta{color:var(--muted);font-size:13px;line-height:1.5}.recurring-item-actions{display:flex;gap:10px;flex-wrap:wrap}.recurring-item-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 120px}.recurring-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.recurring-edit-btn{position:absolute;top:12px;right:12px;background:#fff;color:var(--text);border:1px solid rgba(15,23,42,0.08)}.recurring-edit-btn:hover{background:rgba(30,64,175,0.08);border-color:rgba(30,64,175,0.16);transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,64,175,0.15)}.recurring-edit-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(30,64,175,0.1)}[data-theme="dark"] .recurring-edit-btn{background:rgba(148,163,184,0.08);color:var(--text);border-color:rgba(148,163,184,0.16)}[data-theme="dark"] .recurring-edit-btn:hover{background:rgba(30,64,175,0.16);border-color:rgba(30,64,175,0.24);box-shadow:0 4px 12px rgba(30,64,175,0.2)}.hidden{display:none}.bottombar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));height:56px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-around;box-shadow:0 8px 24px rgba(2,6,23,0.12);border:1px solid rgba(2,6,23,0.08);z-index:1000;border-radius:16px;padding:0;overflow:visible;min-height:56px;transition:background 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease}[data-theme="dark"] .bottombar{background:rgba(10,16,32,0.6);box-shadow:0 8px 24px rgba(0,0,0,0.45);border-color:rgba(148,163,184,0.2)}.bottombar .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;padding:0 6px;border-radius:0;color:var(--muted);cursor:pointer;min-height:auto;height:100%;align-self:stretch}.bottombar .tab span{font-size:11px}.bottombar .tab.active{background:transparent;color:var(--accent)}.bottombar .tab:hover{background:transparent}[data-theme="dark"] .bottombar .tab:hover{background:transparent}.bottombar .tab svg{width:20px;height:20px;display:block;margin:0}.bottombar .tab.active::after{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;display:block;margin-top:0}.bottombar .tab:active{background:transparent}[data-theme="dark"] .bottombar .tab:active{background:transparent}.sidebar-floating-add{display:none}.fab-container{position:relative;display:flex;flex-direction:column;align-items:center;flex:1}.fab-center{position:relative;top:-28px;width:56px;height:56px;border-radius:9999px;background:var(--accent);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1200}.under-add-nav{position:absolute;bottom:0;width:50%;height:56px;background:transparent;border:none;cursor:pointer;z-index:1100;transition:background-color 0.2s ease}.under-add-nav.left{left:0;border-radius:16px 0 0 16px}.under-add-nav.right{right:0;border-radius:0 16px 16px 0}.under-add-nav:hover{background:transparent}.under-add-nav:active{background:transparent}[data-theme="dark"] .under-add-nav:hover{background:transparent}[data-theme="dark"] .under-add-nav:active{background:transparent}@supports (padding:max(0px)){.bottombar{padding-bottom:0;height:56px}}@media (display-mode:standalone){.bottombar{bottom:env(safe-area-inset-bottom,0px);padding-bottom:0;height:56px;border-top:1px solid rgba(2,6,23,0.08)}.filters-type-row #filterType,.filters-select-row #filterCategory{padding-top:8px;padding-bottom:8px}[data-theme="dark"] .bottombar{border-top:1px solid rgba(148,163,184,0.1)}}@supports (-webkit-touch-callout:none){.bottombar{padding-bottom:0;position:fixed;-webkit-user-select:none;user-select:none}@media (display-mode:standalone){.bottombar{bottom:env(safe-area-inset-bottom,0px)}}}.sidebar-toggle{display:none}.sidebar-toggle svg{transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}body.sidebar-collapsed .sidebar-toggle svg{transform:rotate(90deg)}.sidebar{display:none}@media (min-width:768px){.sidebar-toggle{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);cursor:pointer;padding:8px;border-radius:8px;z-index:10}.sidebar-toggle:hover{background:var(--border);color:var(--text)}.topbar .app-icon{margin-left:36px}.topbar #planBadge{margin-left:36px}.topbar #headerBackBtn{margin-left:36px}.sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:200px;background:var(--card);border-right:1px solid var(--border);z-index:1000;padding:20px 0;gap:4px;overflow-y:auto;transition:transform 0.25s ease,visibility 0.25s ease}.sidebar .tab{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;text-align:left;border-radius:0;transition:none}.sidebar .tab:hover{background:var(--border);color:var(--text)}.sidebar .tab.active{color:var(--accent);background:rgba(30,144,255,0.08);font-weight:600}.sidebar .tab.active::after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.sidebar .tab svg{flex-shrink:0}.sidebar .tab span{font-size:14px}.sidebar .sidebar-add{margin-top:8px;border-top:1px solid var(--border);padding-top:16px}.sidebar .sidebar-divider{height:2px;background:var(--text-secondary);margin:12px 16px}.sidebar .sidebar-action{font-size:13px;padding:10px 20px;color:var(--text-secondary)}.sidebar .sidebar-action:hover{color:var(--text)}.sidebar .sidebar-action.danger{color:var(--danger)}.sidebar .sidebar-action.danger:hover{background:rgba(239,68,68,0.08)}.sidebar .sidebar-action.upgrade{color:#f59e0b}.sidebar .sidebar-action.upgrade:hover{background:rgba(245,158,11,0.08)}#optionsBtn{display:none}.app{margin-left:200px;width:auto;transition:margin-left 0.25s ease}.bottombar{display:none}.content{padding-bottom:16px}.quick-cards-row{display:none}body.sidebar-collapsed .sidebar{transform:translateX(-100%);visibility:hidden;pointer-events:none}body.sidebar-collapsed .app{margin-left:0}.accounts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-stack{display:flex;gap:16px;min-height:auto;overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}.card-stack::-webkit-scrollbar{height:4px}.card-stack::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.4);border-radius:4px}#cardStackAccounts{display:contents}.card-stack-item,.card-stack-item.active,.card-stack-item.behind,.card-stack-item.dismissed{position:relative;top:auto;left:auto;flex:0 0 auto;width:340px;opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:auto;transition:none;scroll-snap-align:start}.atm-card{transform:none}.account-card{height:100%}.card-stack-actions{display:none}.all-tx-summary-banner{width:100%;margin-left:0;margin-right:0}}.pwa-popup{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,0.5);backdrop-filter:blur(8px);z-index:1200;padding:20px}.pwa-popup.hide{display:none}.pwa-popup-content{background:var(--card);border-radius:16px;box-shadow:0 20px 40px rgba(2,6,23,0.2);max-width:400px;width:100%;overflow:hidden;border:1px solid rgba(2,6,23,0.1)}[data-theme="dark"] .pwa-popup-content{box-shadow:0 20px 40px rgba(0,0,0,0.6);border-color:rgba(148,163,184,0.2)}.pwa-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0 20px}.pwa-icon{width:48px;height:48px;background:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white}.pwa-close{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer;padding:4px;border-radius:4px;transition:background 0.2s ease}.pwa-close:hover{background:rgba(2,6,23,0.05)}[data-theme="dark"] .pwa-close:hover{background:rgba(148,163,184,0.1)}.pwa-body{padding:20px}.pwa-body h3{margin:0 0 8px 0;font-size:20px;font-weight:600;color:inherit}.pwa-body p{margin:0 0 16px 0;color:var(--muted);line-height:1.5}.pwa-features{display:flex;flex-direction:column;gap:8px}.pwa-feature{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.pwa-feature svg{color:var(--accent);flex-shrink:0}.pwa-actions{display:flex;gap:12px;padding:0 20px 20px 20px}.pwa-install-btn{flex:1;background:var(--accent);color:white;border:none;padding:12px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background 0.2s ease}.pwa-install-btn:hover{background:#1e90ff}.pwa-later-btn{flex:1;background:transparent;color:var(--muted);border:1px solid rgba(2,6,23,0.12);padding:12px 16px;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.pwa-later-btn:hover{background:rgba(2,6,23,0.04);color:inherit}[data-theme="dark"] .pwa-later-btn{border-color:rgba(148,163,184,0.2)}[data-theme="dark"] .pwa-later-btn:hover{background:rgba(148,163,184,0.1)}.filters{align-items:flex-start}.filters-row select,.filters-row input{height:40px;display:flex;align-items:center}.filter-btn{height:56px;display:flex;align-items:center;justify-content:center}@media (max-width:768px){body{min-height:100vh;min-height:100dvh;height:auto !important;overflow:hidden}.summary.budget-overview{gap:12px}.summary.budget-overview .card:not(.wide){flex:1;min-width:calc( 50% - 6px )}.app{min-height:100vh;min-height:100dvh;height:auto !important;overflow-y:auto !important;overflow-x:hidden;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;-ms-overflow-style:none !important}.app::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.icon,.tab,.fab-center,.filter-btn,.menu-item{min-height:44px;min-width:44px;transition:all 0.2s ease}.flatpickr-calendar{left:0 !important;right:0 !important;border-radius:12px important;border-left:none !important;border-right:none !important;box-shadow:none !important;margin-left:5px;margin-right:5px}.flatpickr-months{width:100% !important;max-width:100% !important}.flatpickr-current-month{width:100% !important;max-width:100% !important}.icon:active,.tab:active,.menu-item:active{transform:scale(0.95);background:rgba(0,0,0,0.1)}[data-theme="dark"] .icon:active,[data-theme="dark"] .tab:active,[data-theme="dark"] .menu-item:active{background:rgba(255,255,255,0.1)}.bottombar .tab:active{background:transparent !important}[data-theme="dark"] .bottombar .tab:active{background:transparent !important}.menu-item{font-size:14px !important;padding:12px 14px !important;align-items:center !important;min-height:48px !important}.mi-icon{width:24px !important;height:24px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;vertical-align:middle !important}.menu-item span:not(.mi-icon){align-items:center !important;line-height:1.2 !important}.card,.tx{transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.tx:active{transform:translateY(1px)}}body.pwa-mode .app,body.standalone .app,html body .app,div.app{min-height:100vh !important;min-height:100dvh !important;height:auto !important;max-height:none !important;overflow-y:visible !important;-webkit-overflow-scrolling:touch !important}body.pwa-mode .content,body.standalone .content,html body .content{height:auto !important;max-height:calc( 100dvh - var(--topbar-h) - var(--pwa-bottom-obstruction,0px) ) !important;padding-bottom:calc(var(--pwa-bottom-obstruction,0px) + 16px) !important;overflow-y:scroll !important;-webkit-overflow-scrolling:touch !important;position:relative !important}body.pwa-mode .transactions,body.standalone .transactions{min-height:auto !important;height:auto !important;overscroll-behavior:auto !important;pointer-events:none !important;padding-top:0px !important}body.pwa-mode .tx,body.standalone .tx{pointer-events:auto !important;overscroll-behavior:auto !important}body.pwa-mode .expiry-list,body.standalone .expiry-list{min-height:auto !important;height:auto !important;overscroll-behavior:auto !important;pointer-events:none !important}body.pwa-mode .expiry-item,body.standalone .expiry-item{pointer-events:auto !important;overscroll-behavior:auto !important}body.pwa-mode .purchase-list,body.standalone .purchase-list{min-height:auto !important;height:auto !important;overscroll-behavior:auto !important;pointer-events:none !important}body.pwa-mode .purchase-item,body.standalone .purchase-item{pointer-events:auto !important;overscroll-behavior:auto !important}* .app,html > body > .app,body > .app,.app{min-height:100vh !important;min-height:100dvh !important;height:auto !important;max-height:none !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}body.pwa-mode .app,body.standalone .app,html body .app,div.app{min-height:100vh !important;min-height:100dvh !important;height:auto !important;max-height:none !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}.app{min-height:100vh;min-height:100dvh;height:auto !important;max-height:none !important;overflow-y:auto !important;overflow-x:hidden;-webkit-overflow-scrolling:touch !important;scrollbar-width:thin !important;scrollbar-color:rgba(148,163,184,0.5) transparent !important;-ms-overflow-style:-ms-autohiding-scrollbar !important}.content{min-height:calc( 100vh - var(--topbar-h) - var(--pwa-bottom-obstruction,0px) );min-height:calc( 100dvh - var(--topbar-h) - var(--pwa-bottom-obstruction,0px) );height:auto !important}@media (display-mode:standalone){body,html,.app{height:100vh !important;scrollbar-width:none !important;-ms-overflow-style:none !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}body::-webkit-scrollbar,html::-webkit-scrollbar,.app::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}}@media (max-width:420px){.modal-content{width:100vw}.modal-content .actions{justify-content:stretch;flex-wrap:wrap}.modal-content .actions .primary,.modal-content .actions .secondary{flex:1 1 45%;min-width:45%}input:not([type="checkbox"]):not([type="radio"]),select,textarea,.filters select,.filters input,.modal-content input,.modal-content select{font-size:16px !important;min-height:44px;padding:10px}.seg-btn{min-height:44px}.type-checkboxes{flex-direction:row;gap:8px}.checkbox-group{justify-content:center}.amount-category-row{flex-direction:column}.date-description-row{flex-direction:column}.checkbox-label{min-height:44px;font-size:16px}.checkbox-custom{width:20px;height:20px}.transactions{padding-bottom:10px}select{-webkit-appearance:none;appearance:none;background-color:#fff}*{scrollbar-width:none !important;-ms-overflow-style:none !important}*::-webkit-scrollbar{display:none !important;width:0px !important;height:0px !important;background:transparent !important}*::-webkit-scrollbar-track{display:none !important;background:transparent !important}*::-webkit-scrollbar-thumb{display:none !important;background:transparent !important}@media (max-width:768px){*{scrollbar-width:none !important;-ms-overflow-style:none !important}html::-webkit-scrollbar,body::-webkit-scrollbar,.app::-webkit-scrollbar,.content::-webkit-scrollbar,.filters::-webkit-scrollbar,.filters-row::-webkit-scrollbar,.custom-date-range::-webkit-scrollbar,.transactions::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;background:transparent !important}html,body,.app,.content,.filters,.filters-row,.custom-date-range,.transactions{scrollbar-width:none !important;-ms-overflow-style:none !important;overscroll-behavior:none}}body,html,.app,.content,.filters,.transactions{-webkit-overflow-scrolling:touch;scrollbar-width:none !important}body::-webkit-scrollbar,html::-webkit-scrollbar,.app::-webkit-scrollbar,.content::-webkit-scrollbar,.filters::-webkit-scrollbar,.transactions::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.custom-date-range input{min-width:150px;flex:1 1 150px;height:48px;font-size:16px}.filters{flex-direction:column;gap:0;overflow-x:visible}.filters-type-row{gap:8px;margin-bottom:8px;flex:none;width:100%}.filters-select-row{gap:8px;margin-bottom:8px;flex-wrap:wrap;flex:none;min-width:0;width:100%}.filters-select-group{gap:8px;width:100%}.filters-select-row select{font-size:16px;height:40px}.filters-select-row #filterAccount{flex:1;min-width:0}.filters-select-row #filterCategory{flex:1;min-width:0}.reset-filters-btn{width:40px;height:40px;flex-shrink:0}.filters-row .filter-btn{min-width:110px;padding:12px 16px;font-size:16px;height:48px}.date-chips-container{gap:8px;margin-bottom:10px}.amount-category-row{flex-direction:column}.date-description-row{flex-direction:column}.checkbox-label{min-height:44px;font-size:16px}.checkbox-custom{width:20px;height:20px}.transactions{padding-bottom:10px}select{-webkit-appearance:none;appearance:none;background-color:#fff}*{scrollbar-width:none !important;-ms-overflow-style:none !important}*::-webkit-scrollbar{display:none !important;width:0px !important;height:0px !important;background:transparent !important}*::-webkit-scrollbar-track{display:none !important;background:transparent !important}*::-webkit-scrollbar-thumb{display:none !important;background:transparent !important}@media (max-width:768px){*{scrollbar-width:none !important;-ms-overflow-style:none !important}html::-webkit-scrollbar,body::-webkit-scrollbar,.app::-webkit-scrollbar,.content::-webkit-scrollbar,.filters::-webkit-scrollbar,.filters-row::-webkit-scrollbar,.custom-date-range::-webkit-scrollbar,.transactions::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;background:transparent !important}html,body,.app,.content,.filters,.filters-row,.custom-date-range,.transactions{scrollbar-width:none !important;-ms-overflow-style:none !important;overscroll-behavior:none}}body,html,.app,.content,.filters,.transactions{-webkit-overflow-scrolling:touch;scrollbar-width:none !important}body::-webkit-scrollbar,html::-webkit-scrollbar,.app::-webkit-scrollbar,.content::-webkit-scrollbar,.filters::-webkit-scrollbar,.transactions::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.custom-date-range input{min-width:150px;flex:1 1 150px;height:48px;font-size:16px}.filters-row{gap:8px;margin-bottom:8px;flex-wrap:wrap}.filters-row select{min-width:80px;font-size:16px;height:40px}}.filters-row #filterType,.filters-row #filterCategory{flex-shrink:0;.filters-row .filter-btn{min-width:110px;padding:12px 16px;font-size:16px;height:48px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}[data-theme="dark"] .skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.error-message{color:#ef4444;font-size:12px;margin-top:4px;margin-bottom:8px;font-weight:500}[data-theme="dark"] .error-message{color:#fca5a5}.primary:active,.secondary:active{transform:scale(0.98);transition:transform 0.1s ease}@supports (-webkit-touch-callout:none){input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px !important;min-height:44px;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.modal-content input,.modal-content select{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;font-size:16px;min-height:48px;padding:12px}.modal-content input[type="number"]{-webkit-appearance:none;appearance:none}.date-input{font-size:17px;min-height:48px;height:48px;padding:12px}}.export-modal-content{max-height:85vh;border-radius:20px 20px 0 0}.export-modal-content .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.export-modal-content .form-group label{font-weight:600;color:var(--text);font-size:16px}.export-modal-content .form-group select{padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:16px;min-height:52px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.export-info{margin:8px 0;padding:16px;background:rgba(15,110,253,0.05);border-radius:12px;border:1px solid rgba(15,110,253,0.1)}.export-info .info-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--muted);font-size:14px;line-height:1.4}.export-info .info-item:last-child{margin-bottom:0}.export-info .info-item svg{flex-shrink:0;color:var(--brand)}.export-modal-content .actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.export-modal-content .actions button{flex:1;padding:14px 20px;border-radius:12px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all 0.2s ease;min-height:52px}[data-theme="dark"] .export-info{background:rgba(15,110,253,0.1);border-color:rgba(15,110,253,0.2)}[data-theme="dark"] .export-modal-content .form-group select{background:var(--card);border-color:rgba(148,163,184,0.2);color:var(--text)}.export-modal-content .actions .secondary{border:1px solid rgba(2,6,23,0.12)}[data-theme="dark"] .export-modal-content .actions .secondary{border-color:rgba(148,163,184,0.5)}@media (max-width:420px){.export-modal-content{padding:16px;max-height:85vh}.export-modal-content .actions{flex-direction:row;gap:8px;margin-top:16px;padding-top:16px}.export-modal-content .actions button{min-height:48px}.export-info{padding:12px;margin:8px 0}.export-info .info-item{font-size:13px}.export-modal-content .form-group{margin-bottom:16px}}.settings-modal-content{max-height:90vh;border-radius:20px 20px 0 0;overflow:hidden;display:flex;flex-direction:column;padding:0px 10px 20px 10px}.settings-modal-content header{flex-shrink:0;padding:0px 16px 0px 16px}#settingsForm{flex:1;overflow-y:auto;padding:12px 16px 0 16px;gap:0px !important}@media (max-width:768px){#settingsForm{padding:5px 1px}}.settings-modal-content .actions{flex-shrink:0;padding-bottom:16px;border-top:1px solid var(--line)}.settings-danger-zone{margin:16px 0;padding:16px;border:1px solid rgba(239,68,68,0.2);border-radius:12px;background:rgba(239,68,68,0.04)}.danger-zone-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--danger);margin-bottom:8px}.danger-zone-header svg{flex-shrink:0}.danger-zone-desc{font-size:13px;color:var(--muted);margin:0 0 12px 0;line-height:1.4}[data-theme="dark"] .settings-danger-zone{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.25)}.settings-modal-content .form-group{display:flex;flex-direction:column;gap:8px}.settings-subtext{font-size:13px;color:var(--muted)}.accounts-settings-list{display:grid;gap:12px}.account-settings-card{padding:14px;border-radius:18px;border:1px solid rgba(15,23,42,0.08);background:linear-gradient( 180deg,rgba(255,255,255,0.9),rgba(253,254,255,0.95) );box-shadow:0 12px 30px rgba(15,23,42,0.05);transition:border-color 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer}.account-settings-card:hover{border-color:rgba(30,144,255,0.15);box-shadow:0 16px 35px rgba(15,23,42,0.08);transform:translateY(-1px)}[data-theme="dark"] .account-settings-card:hover{border-color:rgba(56,189,248,0.25);box-shadow:0 16px 35px rgba(0,0,0,0.4)}.account-settings-head{display:flex;align-items:center;gap:12px;margin-bottom:0}.account-settings-summary{flex:1 1 auto;min-width:0}.account-settings-summary-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-settings-name{font-size:15px;font-weight:700;color:var(--text)}.account-settings-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px;font-size:12px;color:var(--muted)}.account-settings-meta span{display:inline-flex;align-items:center;gap:6px}.account-settings-meta span:not(:last-child)::after{content:"";width:4px;height:4px;border-radius:999px;background:rgba(100,116,139,0.45)}.account-settings-default-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(14,165,233,0.12);color:#0369a1;font-size:11px;font-weight:700;letter-spacing:0.02em;text-transform:uppercase}.account-settings-actions{display:inline-flex;align-items:center;gap:8px}.account-settings-body{display:grid;gap:15px;margin-top:15px;border-top:1px solid rgba(148,163,184,0.22);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;padding-top:20px}.account-settings-body[hidden]{display:none}.account-settings-card.account-settings-card-expanded{border-color:rgba(30,144,255,0.22);box-shadow:0 18px 38px rgba(30,64,175,0.12);transform:translateY(-1px)}.account-edit-btn,.account-settings-card .account-remove-btn{flex:0 0 auto;width:42px;height:42px;min-height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}[data-theme="dark"] .account-settings-card{border-color:rgba(148,163,184,0.18);background:linear-gradient( 180deg,rgba(15,23,42,0.96),rgba(2,6,23,0.86) );box-shadow:0 18px 34px rgba(0,0,0,0.28)}[data-theme="dark"] .account-settings-default-badge{background:rgba(56,189,248,0.14);color:#7dd3fc}[data-theme="dark"] .account-settings-card.account-settings-card-expanded{border-color:rgba(56,189,248,0.28);box-shadow:0 18px 34px rgba(2,132,199,0.16)}.account-edit-btn{background:rgba(15,23,42,0.04);color:var(--text);border-color:rgba(15,23,42,0.08)}.account-edit-btn:hover{background:rgba(30,64,175,0.08);border-color:rgba(30,64,175,0.12)}.account-edit-btn[aria-expanded="true"]{background:rgba(30,144,255,0.12);color:var(--accent);border-color:rgba(30,144,255,0.18)}[data-theme="dark"] .account-edit-btn{background:rgba(148,163,184,0.08);border-color:rgba(148,163,184,0.16)}[data-theme="dark"] .account-edit-btn:hover,[data-theme="dark"] .account-edit-btn[aria-expanded="true"]{background:rgba(59,130,246,0.16);border-color:rgba(96,165,250,0.28)}.account-settings-card .account-remove-btn{background:var(--danger);color:white;border-color:var(--danger)}.account-settings-card .account-remove-btn:hover{background:#b91c1c;border-color:#b91c1c;box-shadow:var(--shadow)}.account-settings-card .account-remove-btn:active{background:#991b1b;border-color:#991b1b;transform:translateY(0)}[data-theme="dark"] .account-settings-card .account-remove-btn{background:var(--danger);color:white;border-color:var(--danger)}[data-theme="dark"] .account-settings-card .account-remove-btn:hover{background:#ef4444;border-color:#ef4444;box-shadow:var(--shadow)}[data-theme="dark"] .account-settings-card .account-remove-btn:active{background:#dc2626;border-color:#dc2626}.accounts-settings-list + #addAccountBtn{align-self:flex-end;width:auto}.account-default-option{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:12px;min-height:44px;padding:12px 14px;border-radius:14px;border:1px solid rgba(15,23,42,0.08);background:rgba(30,144,255,0.04);color:var(--text);font-size:14px;cursor:pointer;transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}.account-default-option input{position:absolute;opacity:0;pointer-events:none}.account-default-option-indicator{width:18px;height:18px;border-radius:999px;border:2px solid rgba(15,23,42,0.2);background:rgba(255,255,255,0.9);display:inline-flex;align-items:center;justify-content:center;transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}.account-default-option-indicator::after{content:"";width:8px;height:8px;border-radius:999px;background:var(--accent);transform:scale(0);transition:transform 0.18s ease}.account-default-option-copy{display:grid;gap:3px;min-width:0}.account-default-option-title{color:var(--text);font-size:14px;font-weight:600;line-height:1.3}.account-default-option-note{color:var(--muted);font-size:12px;line-height:1.35}.account-default-input:checked + .account-default-option-indicator{border-color:var(--accent);box-shadow:0 0 0 4px rgba(30,144,255,0.12)}.account-default-input:checked + .account-default-option-indicator::after{transform:scale(1)}.account-default-option:has(.account-default-input:checked){border-color:rgba(30,144,255,0.28);background:rgba(30,144,255,0.08)}.account-default-option:hover{border-color:rgba(30,64,175,0.14)}.account-default-option:has(.account-default-input:focus-visible){box-shadow:0 0 0 3px rgba(30,144,255,0.14)}[data-theme="dark"] .account-default-option{border-color:rgba(148,163,184,0.16);background:rgba(30,41,59,0.65)}[data-theme="dark"] .account-default-option-indicator{border-color:rgba(148,163,184,0.26);background:rgba(15,23,42,0.9)}[data-theme="dark"] .account-default-option:has(.account-default-input:checked){border-color:rgba(56,189,248,0.26);background:rgba(37,99,235,0.14)}.account-settings-card-highlight{border-color:rgba(30,144,255,0.45);box-shadow:0 0 0 3px rgba(30,144,255,0.14)}.info-text{font-size:13px;color:#fff;margin-top:4px;margin-bottom:16px;line-height:1.4}.settings-modal-content .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.currency-info{padding:16px;background:rgba(15,110,253,0.05);border-radius:12px;border:1px solid rgba(15,110,253,0.1);margin-top:8px;margin-bottom:30px}.currency-info .info-item{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.currency-info .info-item svg{flex-shrink:0;opacity:0.7}.settings-info{margin-top:10px;padding:16px;background:rgba(15,110,253,0.05);border-radius:12px;border:1px solid rgba(15,110,253,0.1)}.settings-info .info-item{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;color:var(--brand);line-height:1.4}.settings-modal-content .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}[data-theme="dark"] .settings-info{background:rgba(15,110,253,0.1);border-color:rgba(15,110,253,0.2)}[data-theme="dark"] .settings-modal-content .form-group select{background:var(--card);border-color:rgba(148,163,184,0.2);color:var(--text)}@media (max-width:420px){.settings-modal-content{padding:0px 10px 20px 10px;max-height:90vh}.settings-modal-content .actions{justify-content:stretch;flex-wrap:wrap;margin-top:16px;padding-top:16px}.settings-modal-content .actions button{flex:1 1 45%;min-width:45%;min-height:48px}.settings-danger-zone .danger-btn{width:auto;padding:8px 12px;flex:none;margin-left:auto;display:block;height:auto}.settings-info{padding:12px}.settings-info .info-item{font-size:13px}.currency-info{padding:12px;margin:8px 0 16px 0}.currency-info .info-item{font-size:13px}.account-settings-head{align-items:flex-start}.account-settings-actions{flex-direction:row}.account-edit-btn,.account-settings-card .account-remove-btn{width:38px;height:38px;min-height:38px}.categories-container{position:relative;z-index:1;max-height:120px}.category-chip{position:relative;z-index:1}.category-input{position:relative;z-index:2}}.category-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:12px}.category-tab{padding:8px 16px;border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px 8px 0 0;transition:all 0.2s ease}.category-tab.active{color:var(--text);background:var(--brand);color:white}.category-tab:hover:not(.active){background:rgba(15,110,253,0.1);color:var(--text)}.category-list{display:none}.category-list.active{display:block}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;color:var(--text)}.category-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;margin:4px 6px 4px 0;background:color-mix(in srgb,var(--accent) 12%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;font-size:12px;font-weight:600;color:color-mix(in srgb,var(--accent) 65%,#0f172a);line-height:1;min-height:28px;white-space:nowrap;cursor:default;transition:all 0.2s ease}.category-chip[data-dynamic="true"]{animation:chipSlideIn 0.3s ease}.category-chip:hover{background:color-mix(in srgb,var(--accent) 18%,var(--card));border-color:color-mix(in srgb,var(--accent) 50%,transparent);transform:translateY(-1px)}[data-theme="dark"] .category-chip{color:color-mix(in srgb,var(--accent) 78%,#e5e7eb)}@keyframes chipSlideIn{from{opacity:0;transform:translateY(-10px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;color:var(--text)}.add-category-btn{padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(15,110,253,0.2);position:relative;overflow:hidden;border-radius:50px}.add-category-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent );transition:left 0.5s ease}.add-category-btn:hover::before{left:100%}.add-category-btn:active{transform:translateY(-1px);box-shadow:0 2px 6px rgba(15,110,253,0.2)}.categories-container{border:1px solid var(--line);border-radius:8px;min-height:108px;max-height:none;overflow-y:auto;display:block}.category-input-container{display:flex;align-items:center;gap:8px;margin:8px 0;padding:8px;background:rgba(15,110,253,0.05);border:2px dashed rgba(15,110,253,0.3);border-radius:8px;width:100%;box-sizing:border-box;clear:both}.category-input-container .category-input{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:4px;font-size:14px;font-weight:500;color:var(--text);outline:none;transition:all 0.2s ease;min-width:0}.category-input-container .category-input::placeholder{color:var(--muted);opacity:0.7}[data-theme="dark"] .category-input-container{background:rgba(30,144,255,0.1);border-color:rgba(30,144,255,0.4)}.category-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:6px;background:var(--card);border-radius:6px;border:1px solid var(--line)}.category-item:last-child{margin-bottom:0}.category-name{font-size:14px;color:var(--text);flex:1}.remove-category-btn{width:20px;height:20px;border:1px solid rgba(255,255,255,0.5);background:rgba(239,68,68,0.9);color:white;border-radius:50%;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-left:-8px;z-index:1;position:relative}.remove-category-btn:hover{background:rgba(239,68,68,1);transform:scale(1.05)}.category-input{width:100%;padding:8px 12px;border:1px solid var(--brand);border-radius:6px;margin-bottom:8px;font-size:14px;background:var(--card);color:var(--text)}.category-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px rgba(15,110,253,0.2)}[data-theme="dark"] .category-tabs{border-color:rgba(148,163,184,0.2)}[data-theme="dark"] .category-tab:hover:not(.active){background:rgba(15,110,253,0.1)}[data-theme="dark"] .categories-container{border-color:rgba(148,163,184,0.2);background:var(--card)}[data-theme="dark"] .category-item{background:var(--card);border-color:rgba(148,163,184,0.2)}[data-theme="dark"] .category-input{border-color:var(--brand);background:var(--card);color:var(--text)}@media (max-width:420px){.category-tabs{flex-direction:column;gap:4px}.category-tab{text-align:center;padding:10px 8px}.categories-container{max-height:none;min-height:120px;overflow-y:auto}.category-item{padding:6px 8px}.category-name{font-size:13px}}.filters,.filters-row,.date-filter-buttons{pointer-events:auto !important;overscroll-behavior-y:auto !important;overscroll-behavior-x:contain !important}.filters{touch-action:pan-y !important}.filters-row,.date-filter-buttons{touch-action:pan-y !important}.premium-modal-content{max-height:85vh;display:flex;flex-direction:column}.premium-modal-content header{flex-shrink:0;position:sticky;top:0;background:var(--card);z-index:10;padding-bottom:10px}.premium-modal-content form{flex:1;overflow-y:auto;padding:0 20px 20px}.premium-modal-content .premium-limit-note:first-child{margin-top:10px}.premium-modal-content .premium-limit-note{margin-bottom:10px;color:var(--muted);font-size:13px}.premium-feature-grid{border:1px solid rgba(2,6,23,0.1);border-radius:10px;margin-bottom:12px}.premium-feature-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;font-size:13px}.premium-feature-row + .premium-feature-row{border-top:1px solid rgba(2,6,23,0.08)}.premium-benefits{margin-bottom:20px}.premium-benefits-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.5px}.premium-benefits-list{display:flex;flex-direction:column;gap:10px}.premium-benefit-item{display:flex;align-items:center;gap:12px;padding:8px 0;transition:all 0.2s ease}.premium-benefit-item:hover{transform:translateX(4px)}.benefit-icon{font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;color:white;font-weight:600;flex-shrink:0}.benefit-text{font-size:14px;color:var(--text);font-weight:500}[data-theme="dark"] .premium-benefits-title{color:var(--text)}[data-theme="dark"] .benefit-text{color:var(--text)}[data-theme="dark"] .benefit-icon{background:linear-gradient(135deg,#0f766e 0%,#059669 100%)}.premium-pay-row{margin-top:6px;display:flex;flex-direction:column;gap:8px}.premium-pay-row .secondary{width:100%;order:2;font-size:16px;font-weight:600;text-align:center;padding:14px 20px;background:var(--accent);color:white;border:none;border-radius:12px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(102,126,234,0.2);position:relative;overflow:hidden}.premium-pay-row .secondary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent );transition:left 0.5s ease}.premium-modal-content .actions{margin-top:12px;padding-top:12px;border-top:1px solid rgba(2,6,23,0.08);margin-left:0;margin-right:0;padding-left:0;padding-right:0}.premium-modal-content .actions .primary,.premium-modal-content .actions .secondary{flex:1 1 calc(50% - 6px);min-width:140px}[data-theme="dark"] .premium-feature-grid{border-color:rgba(148,163,184,0.2)}[data-theme="dark"] .premium-feature-row + .premium-feature-row{border-top-color:rgba(148,163,184,0.15)}[data-theme="dark"] .premium-modal-content .actions{border-top-color:rgba(148,163,184,0.15)}[data-theme="dark"] .filter-type-toggle{background:var(--card) !important}.debt-fields{margin-top:16px}.debt-field{margin-bottom:16px}.debt-field:last-child{margin-bottom:0}.debt-modal-content{max-height:80vh;overflow:hidden}.debt-modal-body{width:100%;overflow-y:auto;padding:10px 10px 20px 10px}.debt-modal-content header{width:100%;padding:18px 56px 8px 22px;align-items:center}.debt-modal-content header h3{margin:0;width:100%;padding-right:8px}.debt-summary-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.debt-summary-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.debt-summary-card{padding:20px;background:linear-gradient( 135deg,var(--card) 0%,rgba(255,255,255,0.5) 100% );border-radius:16px;border:1px solid rgba(2,6,23,0.08);text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02);transition:all 0.3s ease}.debt-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04)}[data-theme="dark"] .debt-summary-card{background:linear-gradient( 135deg,var(--card) 0%,rgba(255,255,255,0.02) 100% );border-color:rgba(148,163,184,0.12);box-shadow:0 2px 8px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.1)}[data-theme="dark"] .debt-summary-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.3),0 2px 8px rgba(0,0,0,0.15)}.debt-summary-label{font-size:11px;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-weight:500;opacity:0.8}.debt-summary-amount{font-size:24px;font-weight:700;color:var(--text);letter-spacing:-0.5px;line-height:1.2}.debt-summary-amount.returned{color:#10b981;text-shadow:0 0 20px rgba(16,185,129,0.3)}.debt-summary-amount.outstanding{color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,0.3)}.debt-note{font-size:14px;color:var(--muted);margin-bottom:20px;text-align:center;font-style:italic}.debt-list{display:flex;flex-direction:column;gap:12px}.debt-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:var(--card);border-radius:12px;border:1px solid rgba(2,6,23,0.06);transition:all 0.2s ease}[data-theme="dark"] .debt-item{border-color:rgba(148,163,184,0.1);background:linear-gradient( 180deg,rgba(30,41,59,0.94),rgba(15,23,42,0.9) )}.debt-item-copy{flex:1;min-width:0;width:100%}.debt-item-title{font-weight:600;color:var(--text);margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}.debt-item-meta{font-size:14px;color:var(--muted);line-height:1.4}.debt-item-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;flex-shrink:0}.debt-item-actions .secondary{display:inline-flex;align-items:center;justify-content:center;min-width:128px;height:42px;padding:10px 14px;border-radius:12px}.debt-action-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:4px}.debt-returned-badge{padding:4px 8px;background:#22c55e;color:white;border-radius:12px;font-size:12px;font-weight:500}.debt-payment-progress{margin-top:8px;padding:8px;background:rgba(30,144,255,0.1);border-radius:8px;border:1px solid rgba(30,144,255,0.2)}.payment-progress-bar{width:100%;height:6px;background:rgba(148,163,184,0.2);border-radius:3px;overflow:hidden;margin-bottom:4px}.payment-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#1e90ff);border-radius:3px;transition:width 0.3s ease}.payment-progress-text{font-size:12px;color:var(--muted);font-weight:500}.debt-payment-summary{margin-top:8px}.payment-history-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(148,163,184,0.1);border:1px solid rgba(148,163,184,0.2);border-radius:6px;font-size:12px;color:var(--muted);cursor:pointer;transition:all 0.2s ease}.payment-history-toggle:hover{background:rgba(30,144,255,0.1);border-color:rgba(30,144,255,0.3);color:var(--text)}.payment-history-icon{font-size:12px}.payment-modal-content{max-height:90vh}.payment-modal-body{width:100%;overflow-y:auto;padding:10px 10px 20px 10px}.payment-details{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px;padding:16px;background:rgba(148,163,184,0.05);border-radius:12px;border:1px solid rgba(148,163,184,0.1)}.payment-detail-item{display:flex;justify-content:space-between;align-items:center}.payment-detail-label{font-size:13px;color:var(--muted);font-weight:500}.payment-detail-value{font-size:14px;color:var(--text);font-weight:600}.payment-detail-value.remaining{color:#f97316}.payment-form{display:flex;flex-direction:column;gap:16px}.quick-amount-buttons{display:flex;gap:8px;margin-top:4px}.quick-pay-btn{padding:6px 12px;background:rgba(30,144,255,0.1);border:1px solid rgba(30,144,255,0.2);border-radius:6px;font-size:12px;color:var(--muted);cursor:pointer;transition:all 0.2s ease;font-weight:500}.quick-pay-btn:hover{background:rgba(30,144,255,0.2);border-color:rgba(30,144,255,0.4);color:var(--text)}.payment-history{margin-top:8px;padding:12px;background:rgba(148,163,184,0.05);border-radius:8px;border:1px solid rgba(148,163,184,0.1);border-left:3px solid var(--accent);transition:all 0.2s ease}.payment-history-header{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(148,163,184,0.1)}.payment-history-item{display:block;padding:8px 0;border-bottom:1px solid rgba(148,163,184,0.05)}.payment-history-item:last-child{border-bottom:none}.payment-history-amount-date{display:flex;justify-content:space-between;align-items:center;gap:12px}.payment-history-amount{font-size:14px;font-weight:600;color:#22c55e}.payment-history-date{font-size:14px;color:var(--muted)}.payment-history-note{font-size:12px;color:var(--muted);font-style:italic;margin-top:4px}@media (max-width:480px){.debt-summary-cards{grid-template-columns:1fr;gap:8px}.debt-item{flex-direction:column;gap:12px}.debt-item-actions{width:100%;justify-content:flex-end}.debt-item-actions .secondary{flex:1 1 calc(50% - 4px);min-width:0}.payment-details{grid-template-columns:1fr;gap:8px}.quick-amount-buttons{flex-wrap:wrap}.payment-history-item{grid-template-columns:1fr;gap:4px}}[data-theme="dark"] .payment-history{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.1);border-left-color:var(--accent)}[data-theme="dark"] .payment-history-header{border-bottom-color:rgba(255,255,255,0.1)}[data-theme="dark"] .payment-history-item{border-bottom-color:rgba(255,255,255,0.05)}.bottom-sheet{position:fixed;inset:0;z-index:2100;display:flex;align-items:flex-end;justify-content:center;visibility:hidden;opacity:0;transition:opacity 0.25s ease,visibility 0.25s ease}.bottom-sheet.show{visibility:visible;opacity:1}.bottom-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.4)}.bottom-sheet-content{position:relative;width:100%;max-width:100%;max-height:70vh;background:var(--card);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,0.15);display:flex;flex-direction:column;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.32,0.72,0,1)}.bottom-sheet.show .bottom-sheet-content{transform:translateY(0)}.bottom-sheet-handle{width:36px;height:4px;background:var(--muted);border-radius:2px;margin:10px auto 0;opacity:0.4}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0px 16px}.bottom-sheet-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.bottom-sheet-header .icon{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px}.bottom-sheet-body{padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto;flex:1}.fy-options-list{display:flex;flex-direction:column;gap:8px}.fy-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg);border:1px solid rgba(0,0,0,0.08);border-radius:12px;cursor:pointer;transition:all 0.2s ease}.fy-option:hover{background:rgba(30,144,255,0.08);border-color:var(--accent)}.fy-option.selected{background:rgba(30,144,255,0.12);border-color:var(--accent)}.fy-option-label{font-weight:500;color:var(--text)}.fy-option-range{font-size:13px;color:var(--muted)}[data-theme="dark"] .bottom-sheet-content{background:var(--card);box-shadow:0 -8px 40px rgba(0,0,0,0.4)}[data-theme="dark"] .bottom-sheet-header{border-bottom-color:rgba(255,255,255,0.1)}[data-theme="dark"] .bottom-sheet-header h3{color:var(--text)}[data-theme="dark"] .bottom-sheet-header .icon{color:var(--text-secondary)}.confirm-body{padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));text-align:center}.confirm-icon{width:56px;height:56px;border-radius:50%;background:rgba(239,68,68,0.12);color:var(--danger);font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;line-height:1}.confirm-body h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text)}.confirm-body p{margin:0 0 24px;font-size:14px;color:var(--text-secondary);line-height:1.5}.confirm-actions{display:flex;gap:12px}.confirm-actions .secondary{flex:1;height:48px;font-size:15px;border-radius:12px}.danger-btn{flex:1;height:48px;background:var(--danger);color:white;border:none;border-radius:50px;font-size:15px;font-weight:500;cursor:pointer}#settingsClearDataBtn{flex:none;width:fit-content;padding:8px 16px;font-weight:600;cursor:pointer;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(15,110,253,0.2);position:relative;overflow:hidden;border-radius:50px}[data-theme="dark"] .fy-option{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.1)}[data-theme="dark"] .fy-option:hover{background:rgba(30,144,255,0.12);border-color:var(--accent)}[data-theme="dark"] .fy-option-label{color:var(--text)}@keyframes txFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tx-fade-in .tx{animation:txFadeIn 0.3s ease both}.tx-fade-in .tx:nth-child(2){animation-delay:0.04s}.tx-fade-in .tx:nth-child(3){animation-delay:0.08s}.tx-fade-in .tx:nth-child(4){animation-delay:0.12s}.tx-fade-in .tx:nth-child(5){animation-delay:0.16s}.tx-fade-in .tx:nth-child(6){animation-delay:0.20s}.tx-fade-in .tx:nth-child(7){animation-delay:0.24s}.tx-fade-in .tx:nth-child(8){animation-delay:0.28s}@media (min-width:768px){.bottom-sheet{align-items:stretch;justify-content:flex-end}.bottom-sheet-backdrop{background:rgba(0,0,0,0.3)}.bottom-sheet-content{width:380px;max-width:90vw;max-height:none;height:100%;border-radius:0;transform:translateX(100%);box-shadow:-8px 0 40px rgba(0,0,0,0.15)}.bottom-sheet.show .bottom-sheet-content{transform:translateX(0)}.bottom-sheet-body{padding-bottom:16px}.bottom-sheet-handle{display:none}.modal-content header::before{display:none}.modal{align-items:stretch;justify-content:flex-end;padding-top:0;backdrop-filter:blur(4px)}.modal-content{width:380px;max-width:90vw;max-height:none;height:100%;border-radius:0;transform:translateX(100%)}.modal.show .modal-content{transform:translateX(0)}.modal.hide .modal-content{transform:translateX(100%)}.budget-head-controls{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;width:100%;max-width:none;margin:0;padding:16px 24px}.budget-head-controls .budget-month-picker{width:auto;flex:0 0 auto}.budget-head-controls .budget-actions{width:auto;flex:0 0 auto;justify-content:flex-start}.sidebar-floating-add{display:flex;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:9999px;background:var(--accent);color:white;border:none;cursor:pointer;align-items:center;justify-content:center;z-index:999;box-shadow:0 4px 16px rgba(30,144,255,0.35);transition:transform 0.2s ease,box-shadow 0.2s ease}.sidebar-floating-add:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 24px rgba(30,144,255,0.45)}.sidebar-floating-add:active{transform:scale(0.96)}.debt-item{padding:14px 16px}.debt-item-actions .secondary{min-width:0;height:38px;padding:8px 14px;font-size:13px}.debt-item-meta{font-size:13px}.debt-payment-progress{padding:6px 10px}#deletePurchaseConfirmSheet{align-items:center;justify-content:center}#deletePurchaseConfirmSheet .bottom-sheet-content{width:400px;max-width:90vw;height:auto;max-height:90vh;border-radius:20px;transform:none;box-shadow:0 20px 60px rgba(0,0,0,0.3)}#deletePurchaseConfirmSheet.show .bottom-sheet-content{transform:none;animation:fadeScaleIn 0.25s ease}#deletePurchaseConfirmSheet.hide .bottom-sheet-content{transform:none;animation:fadeScaleOut 0.2s ease forwards}@keyframes fadeScaleIn{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}@keyframes fadeScaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.92)}}}