:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{overflow-y:scroll}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{justify-content:center;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{text-align:center;max-width:1280px;margin:0 auto;padding:90px 2rem 80px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#0f172a;--bg-card:#1e293b;--bg-input:#111827;--text-main:#f8fafc;--text-muted:#cbd5e1;--border-color:#334155;--accent:#38bdf8;--danger:#ef4444;--success:#22c55e}html,body{background:var(--bg-main);color:var(--text-main)}input,select,textarea{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-color)}button{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color)}.toast{z-index:500;border:1px solid var(--border-color);background:var(--bg-card);max-width:min(360px,100vw - 32px);color:var(--text-main);text-align:left;border-radius:12px;padding:12px 16px;font-weight:600;position:fixed;top:76px;right:20px;box-shadow:0 14px 32px #00000059}.toast-success{background:#166534f2;border-color:#22c55e8c}.toast-error{background:#7f1d1df2;border-color:#ef44448c}.toast-info{background:#1e293bf2;border-color:#38bdf88c}.nav{z-index:100;background-color:#333;padding:0;position:fixed;top:0;left:0;right:0}.nav-inner{grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;display:grid;position:relative}.burger-button,.burger-menu-control{display:none}.burger-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.nav-user-email{max-width:220px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:3;justify-self:end;font-size:.8rem;overflow:hidden}.nav .nav-links{grid-column:2;justify-content:center;align-items:center;gap:24px;margin:0;padding:20px 0;display:flex}.authButtonSingIn{margin-right:10px}.demo-login-card{text-align:left;background:#38bdf814;border:1px solid #38bdf873;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;max-width:420px;margin:18px auto 0;padding:10px 12px;display:flex;box-shadow:0 10px 24px #38bdf814}.demo-login-title{color:var(--text-main);margin:0 0 3px;font-size:.9rem;font-weight:700}.demo-login-text{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.35}.demo-login-button{color:var(--text-main);cursor:pointer;background:#38bdf82e;border:1px solid #38bdf8bf;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:.85rem;font-weight:800}.demo-login-button:hover{border-color:var(--accent);background:#38bdf847}.form-control{flex-direction:column;align-items:center;margin-top:20px;margin-bottom:20px;display:flex}.form-control label{margin-bottom:8px;font-weight:700}.error{color:#ff5b5b;font-size:small;font-style:oblique;text-decoration:underline}.results-count{border:1px solid #fff;width:fit-content;margin:auto auto 15px;padding:5px;font-size:small}.filters-clear{background-color:#555;border:2px solid #000;margin-bottom:20px;box-shadow:2px 4px 10px #0000003d}.activeNavLink{color:#fff}.buttonHomePage{color:#fff;cursor:pointer;background-color:#1e293b;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;text-decoration:none;transition:border-color .25s;display:inline-block}.buttonHomePage:hover{color:#fff;border-color:#646cff}.buttonHomePage:focus,.buttonHomePage:focus-visible{outline:4px auto -webkit-focus-ring-color}.ulAboutPage{width:fit-content;margin:auto auto 20px}.liAboutPage{width:fit-content}.aboutPageButtons{justify-content:center;gap:24px;margin-top:20px;margin-bottom:20px;display:flex}.homePage_Expenses-Income{justify-content:center;gap:24px;margin-bottom:20px;display:flex}.categoryPage_income-expense{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;max-width:1000px;margin:0 auto 20px;display:grid}.category-page-header{border:1px solid var(--border-color);background:var(--bg-card);border-radius:16px;max-width:900px;margin:0 auto 24px;padding:24px;box-shadow:0 12px 30px #00000038}.category-page-badge{border:1px solid var(--border-color);color:var(--accent);border-radius:999px;margin:0 0 10px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-block}.category-page-header h2{margin:0 0 10px}.category-page-header p{color:var(--text-muted);line-height:1.6}.categoryPage_income,.categoryPage_expense{border:1px solid var(--border-color);background:var(--bg-card);border-radius:16px;width:100%;padding:18px;box-shadow:0 12px 30px #00000038}.categoryPage_income_label,.categoryPage_expense_label{border-bottom:1px solid var(--border-color);margin-bottom:14px;padding-bottom:10px;font-size:1.15rem;font-weight:700;display:block}.categoryPage_income_label{color:var(--success)}.categoryPage_expense_label{color:var(--danger)}.categoryPage_card{border:1px solid var(--border-color);background:#0f172ab3;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding:10px 12px;display:flex;box-shadow:0 6px 16px #0000002e}.categoryPage_card_income{border-left:4px solid #22c55ebf}.categoryPage_card_expense{border-left:4px solid #ef4444bf}.categoryPage_card_name-delete{align-items:center;gap:10px;min-width:0;display:flex}.categoryPage_card_name{color:var(--text-main);word-break:break-word;margin:0;font-size:.95rem;font-weight:600}.category-delete-btn{color:#fecaca;cursor:pointer;background:#ef44441f;border:1px solid #ef444473;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.2rem;line-height:1;display:inline-flex}.category-delete-btn:hover:not(:disabled){background:#ef444440}.category-delete-btn:disabled{opacity:.35;cursor:not-allowed}.categoryPage_expense_help{border:1px dashed var(--border-color);color:var(--text-muted);border-radius:12px;padding:14px;font-size:.9rem;font-style:italic}.incomeOrExpense{justify-content:center;align-items:center;gap:18px;margin-bottom:20px;display:flex}.radio-option{cursor:pointer;align-items:center;gap:6px;font-weight:500;display:inline-flex}.radio-option input{cursor:pointer;width:auto;margin:0}.changeTransaction_form{flex-direction:column;margin-bottom:20px;display:flex}.transactions-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;max-width:1200px;margin:20px auto;display:grid}.transactions-income,.transactions-expense{border:1px solid #fff;width:100%;min-width:0;padding:10px;box-shadow:2px 2px 2px 2px #3a3a3a}.whenCategoriesZero{border:1px solid #fff;border-radius:4px;flex-direction:column;align-items:center;width:fit-content;margin:20px auto;padding:15px;display:flex;overflow:hidden;box-shadow:2px 2px 2px 2px #3a3a3a}.plus{color:#fff;background-color:#0a09;border:1px solid #fff;margin-bottom:5px;padding:5px;list-style-type:none;box-shadow:1px 1px 1px 1px #000}.minus{color:#fff;background-color:#f009;border:1px solid #fff;margin-bottom:5px;padding:5px;list-style-type:none;box-shadow:1px 1px 1px 1px #000}.changeTransaction_form button{margin-top:20px}.balance-container{border:1px solid #fff;border-radius:4px;flex-direction:column;align-items:center;width:fit-content;margin:20px auto;display:flex;overflow:hidden;box-shadow:2px 2px 2px 2px #3a3a3a}.balance-total{text-align:center;border-bottom:1px solid #fff;width:100%;padding:10px 20px}.balance-total h3{margin:0 0 5px;font-size:.95em;font-weight:600}.balance-value{margin:0;font-size:1.3em;font-weight:700}.balance-positive{color:#fff;background-color:#0a09}.balance-negative{color:#fff;background-color:#f009}.balance-zero{color:#fff;background-color:#0000}.balance-income-expense{width:100%;display:flex}.balance-income{text-align:center;background-color:#0a03;border-right:1px solid #fff;width:50%;padding:8px 15px}.balance-income h4{color:#0a0;margin:0 0 4px;font-size:.9em}.balance-expense{text-align:center;background-color:#f003;width:50%;padding:8px 15px}.balance-expense h4{color:red;margin:0 0 4px;font-size:.9em}.balance-amount{margin:0;font-size:1.1em;font-weight:600}.balance-category-container{width:fit-content}.balance-category-name{opacity:.9;margin:2px 0;font-size:.9em;font-weight:500}.statistics-container{justify-content:center;align-items:stretch;gap:20px;max-width:1200px;margin:20px auto;display:flex}.chart-section{text-align:center;border:1px solid #fff;border-radius:8px;flex-direction:column;width:350px;min-height:100%;padding:20px;display:flex;position:relative;box-shadow:2px 2px 2px 2px #3a3a3a}.chart-section h2{text-align:center;cursor:default;margin-bottom:10px;font-size:1.5em;font-weight:600}.chart-legend{text-align:center;cursor:default;border-radius:6px;margin:20px auto 0;padding:8px 12px;font-size:.9em}.chart-income .chart-legend{background-color:#0a03;border:1px solid #00aa004d}.chart-expense .chart-legend{background-color:#f003;border:1px solid #ff00004d}.chart-legend ul{text-align:start;flex-direction:column;gap:4px;width:fit-content;margin:0;padding:0;list-style:none;display:flex}.chart-legend li{white-space:nowrap;margin:0}.legend-color{border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.chart-legend-item{justify-content:space-between;align-items:center;gap:10px;display:flex}.page-hero{border:1px solid var(--border-color);background:linear-gradient(#1e293bf2,#0f172af2);border-radius:16px;max-width:900px;margin:0 auto 28px;padding:32px;box-shadow:0 16px 40px #00000040}.hero-badge{border:1px solid var(--border-color);color:var(--accent);border-radius:999px;margin:0 0 12px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-block}.hero-subtitle{max-width:720px;color:var(--text-muted);margin:0 auto 24px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.home-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1100px;margin:0 auto 28px;display:grid}.info-card{border:1px solid var(--border-color);background:var(--bg-card);text-align:left;border-radius:14px;padding:20px;box-shadow:0 10px 28px #0000002e}.info-card h3{margin-top:0}.info-card p,.info-card li{color:var(--text-muted);line-height:1.5}.info-card ul{padding-left:20px}.nav-menu-email{max-width:220px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:auto;font-size:.8rem;display:inline-block;overflow:hidden}.registrerOrlogin{align-items:center;margin:20px auto auto;display:flex}.registrerOrlogin p{margin-right:10px}.transaction-form-card{border:1px solid var(--border-color);text-align:left;background:linear-gradient(#1e293bf2,#0f172af2);border-radius:16px;max-width:900px;margin:24px auto;padding:24px;box-shadow:0 16px 40px #00000040}.transaction-form-header{text-align:center;margin-bottom:20px}.transaction-form-badge{border:1px solid var(--border-color);color:var(--accent);border-radius:999px;margin:0 0 10px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-block}.transaction-form-header h3{margin:0 0 8px;font-size:1.35rem}.transaction-form-description{max-width:620px;color:var(--text-muted);margin:0 auto;line-height:1.5}.transaction-form{width:100%}.transaction-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.transaction-form-field{align-items:stretch;margin-bottom:0}.transaction-form-field label{color:var(--text-main);align-self:flex-start;margin-bottom:8px;font-size:.9rem}.transaction-form-field input,.transaction-form-field select{width:100%}.transaction-form-submit{width:min(100%,320px);color:var(--text-main);cursor:pointer;background:#38bdf824;border:1px solid #38bdf880;border-radius:999px;margin:22px auto 0;padding:.8rem 1.2rem;font-weight:700;display:block}.transaction-form-submit:hover:not(:disabled){border-color:var(--accent);background:#38bdf838}.transaction-form-submit:disabled{opacity:.45;cursor:not-allowed}.category-create-area{border-top:1px solid var(--border-color);margin-top:16px;margin-bottom:20px;padding-top:14px}.category-create-btn{border:1px dashed var(--border-color);width:100%;color:var(--text-main);cursor:pointer;background:#0f172a8c;border-radius:12px;padding:10px 14px;font-weight:700}.category-create-btn:hover{border-color:var(--accent);background:#38bdf81a}.category-create-btn-income{color:var(--success)}.category-create-btn-expense{color:var(--danger)}.category-inline-form{border:1px solid var(--border-color);background:#0f172aa6;border-radius:14px;padding:14px}.category-inline-form .form-control{margin-bottom:14px}.category-inline-form input,.category-inline-form select{width:100%}.category-cancel-btn{width:100%;color:var(--text-muted);background:0 0;border-radius:10px;margin-top:10px;padding:9px 12px}.category-cancel-btn:hover{color:var(--text-main);border-color:var(--accent)}.categorytext{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:12px;display:grid}.category{color:#000;background-color:#ffffff6e;border-radius:7%;align-items:center;width:fit-content;max-width:100%;margin:0;padding:3px;font-size:small;display:flex}.transaction-title{text-align:right;overflow-wrap:anywhere;justify-self:end;margin:0;padding:0;font-size:1rem;font-weight:700;line-height:1.3}.transaction_amount{grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:10px;display:grid}.transaction-main-info{justify-content:center;justify-self:center;align-items:center;gap:8px;min-width:0;display:inline-flex}.transactionAmountValue{color:#fff;white-space:nowrap;font-size:1.05rem;font-weight:800}.transactionDate{color:#ffffffbf;white-space:nowrap;background:#0f172a38;border:1px solid #ffffff38;border-radius:999px;margin:0;padding:2px 7px;font-size:.78rem;font-weight:500;line-height:1.4}.edit-btn{border-radius:50%;flex-shrink:0;justify-content:center;justify-self:start;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;margin:0;padding:0;display:inline-flex;overflow:hidden}.delete-btn{text-align:center;box-sizing:border-box;vertical-align:middle;justify-content:center;justify-self:end;align-items:center;width:32px;height:32px;margin:0;padding:0;font-family:inherit;font-size:14px;line-height:1;display:inline-flex}.edit-logo{object-fit:contain;width:100%;height:100%;display:block}*,:before,:after{box-sizing:border-box}img{max-width:100%}#root{width:100%;padding-left:clamp(12px,3vw,2rem);padding-right:clamp(12px,3vw,2rem)}input,select,textarea{border-radius:8px;width:min(100%,360px);max-width:100%;padding:.65rem}button,.buttonHomePage{max-width:100%}@media (width<=1100px),(hover:none) and (pointer:coarse){#root{padding-top:72px}.toast{text-align:center;max-width:none;top:68px;left:12px;right:12px}.nav{box-shadow:none;pointer-events:none;background-color:#0000!important}.nav-inner{justify-content:flex-end;align-items:flex-start;min-height:56px;padding:10px 12px;display:flex}.burger-menu-control{z-index:300;align-items:center;gap:8px;position:relative;pointer-events:auto!important;display:inline-flex!important}.burger-button{background:var(--bg-card);border:1px solid var(--border-color);z-index:300;pointer-events:auto;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:38px;padding:0;font-size:1.5rem;line-height:1;display:inline-flex;position:relative}.nav-user-email{display:none}.nav .nav-links{background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:200;pointer-events:auto;border-radius:0 0 14px 14px;flex-direction:column;align-items:stretch;gap:8px;padding:58px 12px 12px;position:fixed;top:0;left:0;right:0;box-shadow:0 12px 24px #00000059;display:none!important}.nav .nav-links.nav-links-open{display:flex!important}.nav .nav-links a,.nav .nav-links button{text-align:center;width:100%;padding:10px}.nav-menu-email{color:var(--text-muted);text-align:center;border-top:1px solid var(--border-color);text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;font-size:.8rem;display:block;overflow:hidden}.statistics-container{flex-direction:column;align-items:center;gap:40px;max-width:100%}.chart-income{border-bottom:2px solid #333;border-right:none}.chart-section{width:min(100%,420px);margin:auto;padding:16px}.chart-legend{max-width:100%;overflow-x:auto}.chart-legend li{white-space:normal}.homePage_Expenses-Income,.aboutPageButtons,.hero-actions{flex-direction:column;align-items:stretch;gap:12px}.home-highlights,.categoryPage_income-expense,.transactions-columns,.transaction-form-grid{grid-template-columns:1fr!important}.home-highlights{max-width:100%}.categoryPage_income,.categoryPage_expense,.transactions-income,.transactions-expense{width:100%}.categoryPage_income-expense p{word-break:break-word}.balance-container{width:100%;max-width:420px}.balance-income-expense{flex-direction:column}.balance-income,.balance-expense{border-bottom:1px solid #fff;border-right:none;width:100%}.demo-login-card{text-align:center;flex-direction:column;align-items:stretch}.demo-login-button{width:100%}.transaction-form-card{text-align:center;padding:20px}.transaction-form-field label{align-self:center}.page-hero{padding:22px}.results-count{max-width:100%}.plus,.minus{width:100%}}.categoryPage_card,.categoryPage_card_name-delete{align-items:center}.categoryPage_card_name{margin:0;line-height:1.3}@media (width<=480px){.incomeOrExpense{gap:12px}.radio-option{font-size:.95rem}h1{font-size:1.8rem}h2{font-size:1.35rem}h3{font-size:1.1rem}.chart-section{width:100%;padding:12px}button,.buttonHomePage{padding:.55em .9em;font-size:.9rem}.buttonHomePage.edit-btn{padding:0}}