:root{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f6fa;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#f4f6fa;min-width:320px;min-height:100vh}button,input,select{font:inherit}.app{max-width:1100px;margin:0 auto;padding:32px 20px}.app-header{margin-bottom:32px}.app-header h1{color:#2563eb;margin:0 0 8px;font-size:32px}.app-header p{color:#64748b;margin:0}@media (width<=600px){.app{padding:16px}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f6fa}body{color:#0f172a;background:#f4f6fa;display:block}#root{text-align:left;width:100%;min-height:100vh;margin:0;padding:0}.app-nav{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.app-nav button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 18px;transition:all .2s}.app-nav button:hover{background:#eff6ff;border-color:#2563eb}.app-nav button.active,.app-nav button.active:hover{color:#fff;background:#2563eb;border-color:#2563eb}.dashboard{background:#fff;border-radius:20px;width:100%;padding:28px;box-shadow:0 8px 30px #0f172a0d}.dashboard h2{color:#0f172a;margin-top:0;margin-bottom:24px}.balance-card{color:#fff;background:#2563eb;border-radius:16px;margin-bottom:20px;padding:28px}.balance-card h3,.income-card h3,.expense-card h3{margin:0 0 12px;font-size:16px;font-weight:500}.balance-card p,.income-card p,.expense-card p{margin:0;font-size:30px;font-weight:700}.finance-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.income-card,.expense-card,.result-card{border-radius:16px;min-width:0;padding:24px}.income-card{color:#166534;background:#f0fdf4}.expense-card{color:#991b1b;background:#fef2f2}@media (width<=600px){.dashboard{padding:20px}.finance-cards{grid-template-columns:1fr}}@media (width>=768px){.dashboard{max-width:900px}}.currency-balances{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.currency-balance{background:#f1f5f9;border-radius:12px;flex-direction:column;gap:8px;min-width:130px;padding:16px 20px;display:flex}.currency-balance span{color:#64748b;font-size:14px}.currency-balance strong{color:#0f172a;font-size:22px}.dashboard-period{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.dashboard-period label{font-weight:600}.dashboard-period input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 14px;font-size:15px}.result-card{background:#f8fafc;border:1px solid #e2e8f0}.result-card h3{margin-top:0}.result-card p{font-size:22px;font-weight:700}@media (width>=601px) and (width<=800px){.finance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=801px){.finance-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.finance-cards h3{font-size:15px;line-height:1.4}.finance-cards p{overflow-wrap:anywhere;font-size:clamp(18px,2vw,26px)}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;width:36px;height:36px;font-size:26px}.modal-close:hover{background:#e2e8f0}.modal-content p{color:#64748b;margin:0}@media (width<=600px){.modal-content{padding:20px}}.account-modal-form{flex-direction:column;gap:18px;display:flex}.account-modal-form label{color:#334155;flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.account-modal-form input,.account-modal-form select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px}.account-modal-form input:focus,.account-modal-form select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.account-modal-form .account-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:8px;padding:14px;font-size:15px;font-weight:600}.account-modal-form .account-submit:hover{background:#1d4ed8}.accounts{background:#fff;border-radius:20px;width:100%;max-width:900px;padding:28px;box-shadow:0 8px 30px #0f172a0d}.accounts h2{color:#0f172a;margin:0 0 16px}.accounts p{color:#64748b;margin-bottom:24px;line-height:1.6}.accounts>button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 20px;font-weight:500;transition:background .2s}.accounts>button:hover{background:#1d4ed8}@media (width<=600px){.accounts{padding:20px}}.accounts-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.account-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;min-width:0;padding:24px}.account-card h3{color:#0f172a;margin:0 0 8px;font-size:18px}.account-card p{color:#64748b;margin:0 0 24px;font-size:14px}.account-card strong{color:#0f172a;overflow-wrap:anywhere;font-size:24px;display:block}@media (width<=600px){.accounts-list{grid-template-columns:1fr}}.account-card .account-delete{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;margin-top:20px;padding:9px 14px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.account-card .account-delete:hover{background:#fee2e2;border-color:#f87171}.account-card .account-edit{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:20px;margin-right:10px;padding:9px 14px;font-size:14px;font-weight:500}.account-card .account-edit:hover{background:#dbeafe}.modal-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:460px;padding:24px;box-shadow:0 20px 50px #00000026}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{color:#1e293b;margin:0;font-size:22px}.modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:28px}.transaction-modal-form{flex-direction:column;gap:18px;display:flex}.transaction-modal-form label{color:#334155;flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}.transaction-modal-form input,.transaction-modal-form select{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:12px;font-size:14px}.transaction-modal-form input:focus,.transaction-modal-form select:focus{border-color:#2563eb;outline:none}.transaction-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-top:8px;padding:13px;font-size:15px;font-weight:600}.transaction-submit:hover{background:#1d4ed8}.transactions{padding:24px}.transactions h2{color:#1e293b;margin-bottom:12px;font-size:28px}.transactions p{color:#64748b;margin-bottom:24px;font-size:15px}.transactions>button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;transition:background-color .2s}.transactions>button:hover{background-color:#1d4ed8}.transactions-list{margin-top:32px}.transactions-list h3{margin-bottom:16px;font-size:20px}.transaction-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;padding:18px 20px;display:flex}.transaction-info h4{margin:0 0 8px;font-size:16px}.transaction-info small{color:#94a3b8}.transaction-amount{white-space:nowrap;font-size:18px}.transaction-amount.income{color:#16a34a}.transaction-amount.expense{color:#dc2626}.transaction-amount.transfer{color:#2563eb}@media (width<=600px){.transaction-card{flex-direction:column;align-items:flex-start}}.transaction-delete{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:13px}.transaction-delete:hover{background:#fee2e2}.transaction-edit{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:8px 12px;font-size:13px}.transaction-edit:hover{background:#dbeafe}.transaction-card{justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.transaction-info{flex:1;min-width:0}.transaction-info h4{margin:0 0 6px;font-size:16px;font-weight:600}.transaction-info p{margin:4px 0;font-size:14px}.transaction-info small{font-size:12px}.transaction-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.transaction-amount{text-align:right;white-space:nowrap;min-width:160px;margin-right:12px;font-size:18px;font-weight:700}.transaction-edit,.transaction-delete{white-space:nowrap;border-radius:8px;padding:9px 12px;font-size:13px}@media (width<=700px){.transaction-card{flex-direction:column;align-items:stretch;gap:14px}.transaction-actions{justify-content:flex-start}.transaction-amount{text-align:left;min-width:auto;margin-right:auto}}.transaction-card{min-height:70px;margin-bottom:10px;padding:14px 20px}.transaction-info h4{margin-bottom:4px}.transaction-info p{margin:3px 0}.transaction-edit,.transaction-delete{padding:7px 11px}.transaction-amount{font-size:17px}.transaction-filters{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.transaction-filters button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:9px 16px;font-size:14px}.transaction-filters button:hover{background:#f1f5f9}.transaction-filters button.active{color:#fff;background:#2563eb;border-color:#2563eb}.account-filter{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-width:190px;padding:9px 14px;font-size:14px}.account-filter:focus{border-color:#2563eb;outline:none}.transactions-empty{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:32px 20px;font-size:15px}.custom-date-filter{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.custom-date-filter label{color:#475569;align-items:center;gap:8px;font-size:14px;display:flex}.custom-date-filter input{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:8px 10px;font-size:14px}.transaction-search{margin:18px 0}.transaction-search input{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:13px 16px;font-size:15px}.transaction-search input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.settings-page{padding:24px}.settings-page h1{margin-bottom:8px}.settings-description{color:#64748b;margin-bottom:24px}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.settings-section h2{margin-top:0}.settings-category-count{background:#f1f5f9;border-radius:10px;margin-top:20px;padding:12px 16px;font-weight:500}.settings-category-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.settings-category-group{min-width:0}.settings-category-group h3{margin-bottom:14px;font-size:17px}.settings-category-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;padding:12px 14px;font-size:14px}@media (width<=650px){.settings-category-groups{grid-template-columns:1fr}}.settings-add-category{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.settings-add-category input,.settings-add-category select{border:1px solid #cbd5e1;border-radius:10px;padding:11px 14px;font-size:14px}.settings-add-category input{flex:1;min-width:180px}.settings-add-category button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:600}.settings-add-category button:hover{background:#1d4ed8}.settings-category-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-edit-button{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:16px}.settings-edit-button:hover{background:#e2e8f0}.settings-delete-button{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:16px}.settings-delete-button:hover{background:#fee2e2}.backup-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;margin:24px 0;padding:24px}.backup-section h3{color:#0f172a;margin:0 0 10px;font-size:20px}.backup-section p{color:#64748b;margin:0 0 20px;line-height:1.6}.backup-section button{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.backup-section button:hover{background:#1d4ed8;transform:translateY(-2px)}.backup-section button:active{transform:translateY(0)}.backup-section button:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}@media (width<=600px){.backup-section button{width:100%}}.backup-section button span{font-size:22px;font-weight:700;line-height:1}.backup-section .backup-import-button{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;margin-left:12px}.backup-section .backup-import-button:hover{box-shadow:none;background:#dbeafe}@media (width<=600px){.backup-section .backup-import-button{margin-top:12px;margin-left:0}}.mf-auth{color:#f5f7ff;background:#080d1c;min-height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.mf-auth *{box-sizing:border-box}.mf-auth-glow{filter:blur(110px);opacity:.25;pointer-events:none;border-radius:50%;width:550px;height:550px;position:absolute}.mf-auth-glow-one{background:#5558f7;top:-230px;left:-160px}.mf-auth-glow-two{background:#8b4df5;bottom:-280px;right:-180px}.mf-auth-layout{z-index:1;grid-template-columns:1.1fr .9fr;max-width:1500px;min-height:100dvh;margin:0 auto;display:grid;position:relative}.mf-auth-showcase{flex-direction:column;justify-content:space-between;padding:54px 9%;display:flex}.mf-auth-brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:24px;font-weight:800;display:flex}.mf-auth-brand-icon,.mf-auth-card-icon{color:#fff;background:linear-gradient(135deg,#5369ff,#9b5cff);place-items:center;display:grid;box-shadow:0 8px 30px #6460ff45}.mf-auth-brand-icon{border-radius:14px;width:43px;height:43px;font-size:26px}.mf-auth-intro{margin-top:50px}.mf-auth-eyebrow{color:#a5aaff;letter-spacing:2.5px;margin-bottom:20px;font-size:11px;font-weight:800}.mf-auth-intro h1{letter-spacing:-2px;max-width:620px;margin:0 0 22px;font-size:clamp(38px,4.1vw,65px);line-height:1.12}.mf-auth-intro h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#91aaff,#b58cff);-webkit-background-clip:text;background-clip:text;display:block}.mf-auth-intro p{color:#a5afc8;max-width:450px;font-size:16px;line-height:1.7}.mf-auth-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(140deg,#1a2442d9,#10172ad9);border:1px solid #ffffff20;border-radius:24px;width:100%;max-width:490px;margin:36px 0;padding:28px;transform:rotate(-2deg);box-shadow:0 25px 80px #00000040}.mf-preview-top,.mf-preview-stats{justify-content:space-between;align-items:center;display:flex}.mf-preview-top{margin-bottom:28px;font-size:14px;font-weight:700}.mf-preview-dot{color:#8896c1;letter-spacing:4px;font-size:10px}.mf-preview-label{color:#96a4c5;font-size:12px}.mf-preview-balance{letter-spacing:-1.5px;margin-top:8px;font-size:clamp(30px,3vw,42px);font-weight:800}.mf-preview-change{color:#64e7b5;margin-top:8px;font-size:12px}.mf-preview-chart{align-items:flex-end;gap:12px;height:110px;margin:30px 0;display:flex}.mf-preview-chart div{opacity:.9;background:linear-gradient(#a085ff,#4f6cf5);border-radius:7px 7px 2px 2px;flex:1;min-width:0}.mf-preview-stats{border-top:1px solid #ffffff18;gap:14px;padding-top:20px}.mf-preview-stats div{flex-direction:column;gap:7px;display:flex}.mf-preview-stats span{color:#96a4c5;font-size:12px}.mf-preview-stats strong{font-size:16px}.mf-auth-showcase-footer{color:#9ba8c5;flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.mf-auth-form-side{flex-direction:column;justify-content:center;align-items:center;padding:36px;display:flex}.mf-auth-card{background:#151d32e8;border:1px solid #ffffff1c;border-radius:26px;width:100%;max-width:440px;padding:42px;box-shadow:0 30px 100px #00000050}.mf-auth-card-icon{border-radius:15px;width:48px;height:48px;margin-bottom:26px;font-size:26px}.mf-auth-card h2{color:#fff;letter-spacing:-1px;margin:0;font-size:30px}.mf-auth-subtitle{color:#a0abc4;margin:12px 0 28px;font-size:14px;line-height:1.6}.mf-auth-tabs{background:#0b1223;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:28px;padding:5px;display:grid}.mf-auth-tabs button{color:#9ba8c5;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:12px;font-size:13px;font-weight:700}.mf-auth-tabs button.active{color:#fff;background:#303c5a}.mf-auth-form{flex-direction:column;gap:10px;display:flex}.mf-auth-form label{color:#dce3f7;margin-top:7px;font-size:13px;font-weight:600}.mf-auth-form input{color:#fff;width:100%;min-width:0;height:48px;font:inherit;background:#0c1427;border:1px solid #34405b;border-radius:11px;outline:none;padding:0 15px;font-size:14px;transition:border-color .2s,box-shadow .2s}.mf-auth-form input:focus{border-color:#8a83ff;box-shadow:0 0 0 3px #7c72ff25}.mf-auth-form input::placeholder{color:#75819d}.mf-password-field{position:relative}.mf-password-field input{padding-right:90px}.mf-password-toggle{color:#b1baff;cursor:pointer;background:0 0;border:0;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.mf-auth-submit{color:#fff;cursor:pointer;background:linear-gradient(100deg,#526dff,#9257ef);border:0;border-radius:12px;width:100%;min-height:50px;margin-top:18px;padding:13px;font-size:14px;font-weight:800;transition:transform .2s,filter .2s;box-shadow:0 10px 28px #6654ee45}.mf-auth-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.mf-auth-submit:disabled{opacity:.6;cursor:wait}.mf-auth-message{color:#e2e8ff;overflow-wrap:anywhere;background:#293552;border-radius:10px;padding:12px;font-size:13px;line-height:1.5}.mf-auth-bottom{color:#9ca8c2;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:28px;font-size:13px;display:flex}.mf-auth-bottom button{color:#a9a2ff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.mf-auth-mobile-brand{display:none}.mf-auth-copyright{color:#6f7d9d;margin-top:25px;font-size:12px}@media (width<=900px){.mf-auth-layout{grid-template-columns:1fr}.mf-auth-showcase{display:none}.mf-auth-form-side{min-height:100dvh;padding:24px 18px}.mf-auth-mobile-brand{margin-bottom:30px;font-size:24px;font-weight:800;display:block}.mf-auth-card{max-width:440px;padding:30px 24px}}@media (width<=380px){.mf-auth-card{padding:25px 18px}.mf-auth-card h2{font-size:26px}}@media (prefers-reduced-motion:reduce){.mf-auth *{transition:none!important}}