@import url(https://fonts.googleapis.com/css2?family=Underdog&display=swap);:root{--bg-color:#fff;--text-color:#111;--text-muted-color:#777;--card-bg:#f9f9f9;--border-color:#ddd;--accent-color:#2684ff;--header-background:#2684ff;--input-border:#ccc;--input-text:#111;--header-height:60px;--sidebar-width:220px;--hover-bg:#2684ff1a;--income-color:#43a047;--expense-color:#e53935;--muted-bg-color:#e0e0e0;--primary-color:#374752;--primary-text-on-dark:#fff;--input-bg:#fff;--active-bg:#2684ff33;--btn-primary-bg:#007bff;--btn-primary-hover:#0056b3;--btn-danger-bg:#dc3545;--btn-danger-hover:#b02a37;--btn-info-bg:#17a2b8;--btn-info-hover:#117a8b;--btn-warning-bg:#ffc107;--btn-warning-hover:#e0a800;--btn-warning-text:#212529;--btn-success-bg:#3ecf8e;--btn-success-hover:#33b67c;--btn-text-color:#fff;--primary-color-hover:#2c3a44;--modal-overlay-bg:#0009}[data-theme=dark]{--bg-color:#1e1e1e;--text-color:#f1f1f1;--text-muted-color:#aaa;--card-bg:#2c2c2c;--border-color:#444;--accent-color:#82b1ff;--header-background:#121212;--input-border:#555;--input-text:#f1f1f1;--hover-bg:#82b1ff1a;--income-color:#66bb6a;--expense-color:#ef5350;--muted-bg-color:#444;--primary-color:#f1f1f1;--primary-text-on-dark:#1e1e1e;--input-bg:#2b2b2b;--active-bg:#82b1ff33;--btn-primary-bg:#1e3a8a;--btn-primary-hover:#1e40af;--btn-danger-bg:#b91c1c;--btn-danger-hover:#991b1b;--btn-info-bg:#2563eb;--btn-info-hover:#1d4ed8;--btn-warning-bg:#f59e0b;--btn-warning-hover:#d97706;--btn-warning-text:#000;--btn-success-bg:#10b981;--btn-success-hover:#059669;--btn-text-color:#f1f5f9;--primary-color-hover:#d0d0d0;--modal-overlay-bg:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--bg-color);color:#111;color:var(--text-color);font-family:Underdog,system-ui;margin-left:1px;margin-right:1px;transition:background-color .3s ease,color .3s ease}button,input,label,select,textarea{color:inherit;font-family:inherit}.container{margin-bottom:4rem;padding-bottom:10px}.header-container{align-items:center;border-bottom:1px solid var(--border-color);padding:1rem}.header-title-wrapper{align-items:center;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:600}.header-title-wrapper.clickable{cursor:pointer}.header-back-button{align-items:center;color:var(--text-color);display:flex;font-size:1.5rem;margin-right:.5rem;transition:color .2s ease}.header-back-button:hover{color:var(--accent-color)}.header-title{color:var(--text-color);font-size:1.25rem}.refresh-button{align-items:center;background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.3rem;padding:.3rem .6rem;transition:all .3s ease}.refresh-button:hover{background-color:var(--text-color);color:var(--bg-color);transform:scale(1.05)}.refresh-button:active{transform:scale(.98)}.refresh-icon{animation:rotate .6s linear}.refresh-button:active .refresh-icon{animation:rotate .6s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.green-text{color:#3ecf8e!important;color:var(--income-color,#3ecf8e)!important}.red-text{color:#f87171!important;color:var(--expense-color,#f87171)!important}.header-container{display:flex;justify-content:space-between;margin-bottom:.5rem}.sync-status{font-size:12px;margin:0 16px 10px;text-align:right}.sync-status,.sync-time{color:var(--text-muted-color)}.sync-time{align-items:center;display:flex;font-size:13px;gap:6px}.syncing-icon{animation:spin 1s linear infinite;color:var(--text-muted-color);font-size:16px}.react-select__control{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;border-radius:6px;box-shadow:none;color:var(--input-text)!important;font-size:.95rem;min-height:38px;transition:border-color .2s ease}.react-select__control:hover{border-color:var(--accent-color)!important}.react-select__control--is-focused{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--hover-bg)}.react-select__multi-value{background-color:var(--hover-bg)!important;color:var(--text-color)!important}.react-select__multi-value__label{color:var(--text-color)!important;font-size:.85rem}.react-select__multi-value__remove{color:var(--text-muted-color)!important}.react-select__multi-value__remove:hover{background-color:var(--active-bg)!important;color:var(--expense-color)!important}.react-select__menu{background-color:var(--input-bg)!important;border-color:var(--border-color)!important;border-radius:6px;z-index:20}.react-select__option{background-color:initial!important;color:var(--text-color)!important;cursor:pointer;font-size:.95rem;padding:8px 12px}.react-select__option--is-focused{background-color:var(--hover-bg)!important}.react-select__option--is-selected{background-color:var(--accent-color)!important;color:#fff!important}.react-select__input,.react-select__placeholder{color:var(--text-muted-color)!important}.filters-wrapper .react-select-container{flex:1 1;min-width:max-content}.react-select__single-value{color:var(--text-color)!important}[data-theme=dark] .react-calendar{background-color:var(--bg-color)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important}[data-theme=dark] .react-calendar__tile{background-color:initial!important;color:#fff!important}[data-theme=dark] .react-calendar__tile--active{background-color:#3b82f6!important;color:#fff!important}[data-theme=dark] .react-calendar__tile--now{background-color:#9e9e40!important;color:#fff!important}[data-theme=dark] .react-calendar__navigation button{background-color:initial!important;color:#fff!important}.back-button-container{align-items:center;color:var(--primary-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:3px;margin-bottom:16px;transition:color .2s ease}.back-button-container:hover{color:var(--primary-color-hover)}.back-button{all:unset;color:inherit;font-size:14px}.back-button-container svg{transition:transform .2s ease}.back-button-container:hover svg{transform:translateX(-2px)}.custom-modal-overlay{align-items:center;background-color:#0009;background-color:var(--modal-overlay-bg,#0009);display:flex;height:100vh;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:1000}.custom-modal-content{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 0 12px #0003;color:var(--text-color);max-height:90vh;max-width:600px;overflow-y:auto;padding:1.5rem;position:relative;width:100%}.custom-modal-close{background:#0000;border:none;color:var(--text-muted-color);cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px;z-index:1001}.custom-modal-overlay{animation:fadeIn .2s ease-in}.custom-modal-content{animation:scaleIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chart-wrapper{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);margin-top:2rem;padding:1rem}.pwa-install-banner{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:space-between;left:20px;opacity:1;padding:12px 16px;position:fixed;right:20px;transition:opacity .5s ease-in-out;z-index:1000}.fade-in-out{animation:fadeOut 2.5s ease-out forwards}@keyframes fadeOut{0%{opacity:1}75%{opacity:1}to{opacity:0}}.close-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:20px;margin-left:16px;padding:0}.income-text{color:var(--income-color)!important}.expense-text{color:var(--expense-color)!important}.align-right{display:flex;justify-content:flex-end;margin-bottom:1rem}.amount-value{font-size:1.3rem;font-weight:700}.amount-label{color:var(--text-muted-color);font-size:.9rem;font-weight:500;margin-bottom:4px;text-align:center}.budgets-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}.budget-card-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.budget-dialog-content{background-color:var(--card-bg);color:var(--text-color)}.budget-dialog-content h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.budget-dialog-content input,.budget-dialog-content select{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--input-text);font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.budget-dialog-content input:focus,.budget-dialog-content select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--hover-bg);outline:none}.budget-dialog-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.budget-card-wrapper{flex:1 1 100%}@media (min-width:768px){.budget-card-wrapper{flex-basis:calc(50% - 16px);flex-grow:1;flex-shrink:1}}.loading-container{align-items:center;background-color:var(--bg-color);display:flex;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border-top:6px solid var(--card-bg);border:6px solid var(--card-bg);border-radius:50%;border-top-color:var(--accent-color);height:50px;width:50px}.btn{align-items:center;border:none;border-radius:6px;color:var(--btn-text-color);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 12px;transition:background .25s ease,transform .15s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-icon-only{padding:8px}.btn-primary{background-color:var(--btn-primary-bg)}.btn-primary:hover:not(:disabled){background-color:var(--btn-primary-hover)}.btn-danger{background-color:var(--btn-danger-bg)}.btn-danger:hover:not(:disabled){background-color:var(--btn-danger-hover)}.btn-info{background-color:var(--btn-info-bg)}.btn-info:hover:not(:disabled){background-color:var(--btn-info-hover)}.btn-warning{background-color:var(--btn-warning-bg);color:var(--btn-warning-text)}.btn-warning:hover:not(:disabled){background-color:var(--btn-warning-hover)}.btn-success{background-color:var(--btn-success-bg)}.btn-success:hover:not(:disabled){background-color:var(--btn-success-hover)}.btn[style]:hover:not(:disabled){filter:brightness(.9)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-icon{align-items:center;display:flex}.btn-text{display:inline}.full-width{width:100%}.budget-info-header{align-items:center;display:flex;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:1rem}.budget-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.budget-status-text{color:var(--text-color);font-size:1rem;font-weight:600;line-height:1;text-align:center}.info-block{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 0 4px #0000000d;padding:.75rem;text-align:center}.info-title{color:--var(--text-muted-color);font-size:.9rem}.info-amount{font-size:1.4rem;font-weight:700;margin:.25rem 0}.info-subtitle{color:#999;font-size:.75rem}.remaining-days-text{color:var(--text-color);font-size:.85rem;text-align:center}.overview-card{animation:fadeInUp .4s ease both;background-color:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:12px 0;padding:16px;transition:box-shadow .25s ease,transform .25s ease,background-color .3s ease;will-change:transform}.overview-card:hover{box-shadow:0 8px 20px #0000001f;cursor:pointer;transform:translateY(-4px) scale(1.02)}.overview-card-header{margin-bottom:12px}.overview-card-title{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.overview-card-subtitle{color:#777;color:var(--text-muted-color,#777);font-size:.9rem;margin-bottom:0;margin-top:4px}.overview-card-body{color:var(--text-color);font-size:1rem}.progress-bar-container{background-color:#e0e0e0;height:10px;width:100%}.progress-bar-container,.progress-bar-fill{border-radius:8px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;transition:width 1s ease-in-out;width:0}.progress-bar-fill:after{background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:100%;left:-30%;opacity:0;position:absolute;top:0;transform:skewX(-20deg);width:30%}.progress-bar-fill.animate:after{animation:shine-once 1s ease-in-out forwards}@keyframes shine-once{0%{left:-30%;opacity:.3}to{left:100%;opacity:0}}.budget-card{background-color:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;margin:12px 0;padding:16px;transition:box-shadow .25s ease,transform .25s ease;will-change:transform}.budget-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px) scale(1.02)}.budget-card-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.budget-card-title{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.budget-progress{height:30px;width:50px}.budget-card-body{align-items:flex-end;display:flex;flex-direction:row;margin-top:1rem;padding:1px}.budget-amount-container{align-items:flex-start;display:flex;gap:10px}.budget-card-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:.8rem}.inline-loader{align-items:center;color:var(--text-muted-color);display:flex;font-size:.95rem;gap:.5rem;justify-content:center;padding:1rem}.inline-loader .spinner{animation:spin .6s linear infinite;border:2px solid var(--accent-color);border-radius:50%;border-top:2px solid #0000;height:18px;width:18px}.loader-text{-webkit-user-select:none;user-select:none}@keyframes spin{to{transform:rotate(1turn)}}.no-data-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);opacity:1;padding:2rem;text-align:center;transition:opacity .3s ease-in-out}.no-data-image{margin-bottom:.5rem}.no-data-description{font-size:1rem;font-weight:500}.transaction-card{align-items:flex-start;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 6px #0000000d;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:box-shadow .2s ease}.transaction-card:hover{box-shadow:0 4px 10px #00000014}.transaction-left{align-items:center;display:flex;gap:12px}.transaction-icon{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.transaction-icon.expense{color:#e53935;color:var(--expense-color,#e53935)}.transaction-icon.income{color:#43a047;color:var(--income-color,#43a047)}.transaction-details{display:flex;flex-direction:column;gap:2px}.category-name{font-size:14px}.description{font-size:13px}.description,.timestamp{color:var(--text-muted-color)}.timestamp{font-size:12px}.payee-info{align-items:center;display:flex;gap:6px;margin-top:4px}.transaction-payee-logo{border-radius:50%;height:22px;object-fit:cover;width:22px}.payee-name{color:var(--text-muted-color);font-size:12px}.transaction-amount-section{align-items:flex-end;display:flex;flex-direction:column;gap:4px;text-align:right}.transaction-amount{font-size:14px;font-weight:600}.transaction-amount.expense{color:#e53935;color:var(--expense-color,#e53935)}.transaction-amount.income{color:#43a047;color:var(--income-color,#43a047)}.transaction-percentage{color:var(--text-muted-color);font-size:13px}.goals-container{padding:20px}.goals-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2px}.goal-card-container{display:flex;flex-wrap:wrap;gap:1px;justify-content:flex-start;margin-bottom:1.5rem;margin-top:10px}.goal-card-wrapper{flex:1 1 100%}@media (min-width:768px){.goal-card-wrapper{flex-basis:calc(50% - 16px);flex-grow:1;flex-shrink:1}}.goal-card{background-color:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:5px 0;padding:5px;transition:box-shadow .25s ease,transform .25s ease;will-change:transform}.goal-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px) scale(1.02)}.goal-card-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.goal-card-title{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.goal-progress{height:30px;width:50px}.goal-card-body{align-items:flex-end;display:flex;flex-direction:row;margin-top:1rem;padding:1px}.goal-card-logo-container{display:flex;justify-content:center;margin-right:5px}.goal-card-logo{height:70px;margin:2px auto;object-fit:contain;width:70px}.amount-container{align-items:flex-start;display:flex;gap:30px}.goal-card-actions{display:flex;gap:15px;justify-content:flex-end;margin-bottom:10px;margin-top:5px}.goal-form{gap:16px}.goal-form,.goal-form-fields{display:flex;flex-direction:column}.goal-form-fields{gap:10px}.goal-form-input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--input-text);padding:8px}.goal-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.login-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:sans-serif;margin:100px auto;max-width:400px;padding:2rem;text-align:center}.login-container h2{color:var(--text-color);font-size:24px;margin-bottom:1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--input-text);font-size:16px;padding:.75rem}.login-form input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #2684ff33;outline:none}.login-form button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:.75rem}.login-form button:disabled{background-color:#2684ff80;cursor:not-allowed}.error-message{color:#d32f2f;font-size:14px}.main-layout{background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;height:100vh}.header{align-items:center;background:var(--header-background);box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;height:calc(60px + env(safe-area-inset-top, 0px));justify-content:space-between;padding:calc(env(safe-area-inset-top, 0px)) 1.5rem 0;position:relative;z-index:1000}.header-left .logo{cursor:pointer;font-size:1.5rem;font-weight:700}.header-right{align-items:center;cursor:pointer;display:flex}.content-area{display:flex;flex:1 1;overflow:hidden}.sidebar{background:var(--card-bg);border-right:1px solid var(--border-color);display:none;flex-direction:column;flex-shrink:0;padding-top:1rem;width:220px}.sidebar nav{display:flex;flex-direction:column}.nav-item{align-items:center;color:var(--text-color);cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.5rem;transition:background .3s,color .3s}.nav-icon{font-size:1.2rem}.nav-item:hover{background:#2684ff1a}.nav-item.active{background:#2684ff33;font-weight:700}.content{background-color:var(--bg-color);color:var(--text-color);flex:1 1;overflow-y:auto;padding:0 .9rem .9rem}.mobile-footer{background:var(--card-bg);border-top:1px solid var(--border-color);bottom:0;display:flex;justify-content:space-around;padding:.75rem 0 calc(env(safe-area-inset-bottom, 0px) + .75rem);position:fixed;width:100%;z-index:1000}.footer-nav-item{align-items:center;color:var(--text-muted-color);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem}.footer-icon{font-size:1.2rem;margin-bottom:.2rem}.footer-nav-item.active{color:var(--accent-color);font-weight:700}.icon-button{align-items:center;background:#0000;color:#fff;display:flex;justify-content:center;margin-left:.5rem;padding:.4rem;transition:color .3s}.icon-button:hover{color:#bbdefb}.mobile-only{display:block}@media (min-width:768px){.sidebar{display:flex}.mobile-footer{display:none}.mobile-only{display:none!important}}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:#0000}.content::-webkit-scrollbar-thumb{background-color:#ccc;background-color:var(--border-color,#ccc);border-radius:10px}.content{scrollbar-color:#ccc #0000;scrollbar-color:var(--border-color,#ccc) #0000;scrollbar-width:thin}.overview-container{display:flex;flex-wrap:wrap;gap:1px;justify-content:flex-start;margin-bottom:1.5rem}.overview-card-wrapper{flex:1 1 100%}@media (min-width:768px){.overview-card-wrapper{flex-basis:calc(50% - 16px);flex-grow:1;flex-shrink:1}}.big-income-text{color:var(--income-color);font-size:2rem;font-weight:700;margin-bottom:3px}.daily-limit-container{align-items:center;display:flex;gap:16px;justify-content:space-between}.daily-limit-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.daily-limit-label{color:var(--text-muted-color);font-size:.9rem;font-weight:500;margin-bottom:4px;text-align:center}.daily-limit-value{color:var(--text-color);font-size:1.3rem;font-weight:700}.progress-section{max-width:100px}.divider{background-color:var(--border-color);height:60px;width:1px}.payday-container{align-items:center;display:flex;gap:20px;justify-content:space-between}.payday-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.payday-date{color:var(--text-color);font-size:1.3rem;font-weight:700;margin-bottom:12px}.dot-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,12px)}.dot{border-radius:50%;height:10px;width:10px}.dot-past{background-color:var(--border-color)}.dot-future{background-color:var(--accent-color)}.payday-progress{flex-shrink:0;max-width:100px}.top-categories-donut{align-items:center;display:flex;gap:10px;justify-content:space-between;padding-top:3px}.category-labels{display:flex;flex:1 1;flex-direction:column;gap:1px}.category-label-item{align-items:center;display:flex;gap:8px}.category-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.category-text{display:flex;flex-direction:column}.category-name{color:var(--text-color);font-size:1rem;font-weight:600}.category-value{color:var(--text-muted-color);font-size:.9rem}.category-donut-chart{height:110px;width:120px}.stat-card-container{align-items:center;display:flex;gap:16px;justify-content:space-between;padding-top:8px}.stat-card-numbers{gap:5px}.stat-card-numbers,.stat-row{display:flex;flex-direction:column}.stat-amount{color:var(--text-color);font-size:1.4rem;font-weight:700}.red-text{color:var(--expense-color)}.green-text{color:var(--income-color)}.stat-label{color:var(--text-muted-color);font-size:.85rem;font-weight:500}.stat-chart{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.chart-subtext{bottom:6px;color:var(--text-muted-color);font-size:.8rem;font-weight:500;position:absolute;text-align:center}.transaction-list-wrapper{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.sub-section-heading{border-left:4px solid var(--accent-color);color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-left:.5rem}.calendar-wrapper{margin:0 auto 1.5rem;max-width:350px}.calendar-header{align-items:center}.calendar-header,.date-summary-bar{display:flex;justify-content:space-between}.date-summary-bar{border-bottom:1px solid var(--border-color);font-size:1rem;font-weight:500;margin:1rem 0 .5rem;padding:.75rem 0}.summary-date{color:var(--text-color-secondary)}.summary-amount{color:var(--text-color)}.toggle-button-group{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.toggle-button-group button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.toggle-button-group button.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.date-selector-row{display:flex;gap:1rem;margin-bottom:1rem;width:100%}.top-category-donut-chart{align-items:center;height:200px;width:200px}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.report-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px}.report-card-wrapper{animation:fadeInUp .3s forwards;cursor:pointer}.back-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;margin:16px}.payee-summary-wrapper{display:flex;flex-direction:column;padding:1rem}.payee-summary-card{background-color:var(--card-bg);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem 1.2rem;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.payee-summary-card:hover{box-shadow:0 8px 20px #0000001f;cursor:pointer;transform:translateY(-4px) scale(1.02)}[data-theme=dark] .payee-summary-card:hover{box-shadow:0 8px 20px #ffffff0d}.payee-details{align-items:center;display:flex;justify-content:space-between;width:100%}.payee-name{color:var(--text-color)}.payee-amount,.payee-name{font-size:1rem;font-weight:500}.payee-amount{text-align:right}.report-card{align-items:center;animation:fadeInUp .3s forwards;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 6px #0000000d;cursor:pointer;display:flex;opacity:0;padding:16px;transform:translateY(10px);transition:transform .2s ease,box-shadow .2s ease}.report-card:hover{box-shadow:0 6px 16px #00000014;transform:scale(1.03)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.report-icon{color:var(--primary-color);flex-shrink:0;margin-right:16px;transform:scale(1);transition:transform .2s ease}.report-card:hover .report-icon{transform:scale(1.1)}.report-content{display:flex;flex-direction:column}.report-title{color:var(--text-color);font-size:16px;font-weight:600}.report-description{color:var(--text-muted-color);font-size:14px;margin-top:4px}.subscription-bills-icon-count-wrapper{align-items:center;display:flex;font-size:1.25rem;gap:1rem;padding-top:.5rem}.subscription-bills-overview-icon{color:var(--text-secondary);font-size:3rem}.subscription-bills-amount{font-size:3.5rem}.yearly-summary-view{margin-top:1rem}.summary-line{margin-bottom:1.2rem}.summary-label{font-size:1.5rem;margin-bottom:.5rem}.yearly-summary-amount{font-size:2rem;font-weight:700;margin-bottom:.25rem;margin-top:.2rem}.yearly-summary-expense-summary{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem}.summary-box{align-items:flex-start;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;min-width:150px;padding:1rem 1.5rem;transition:transform .2s ease}.summary-box:hover{transform:translateY(-2px)}.summary-icon{font-size:1.4rem;margin-bottom:.5rem;margin-right:.4rem}.summary-label{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;margin-bottom:.2rem}.summary-value{color:var(--text-primary);font-size:1.4rem;font-weight:600}.summary-box.overspent{border-left:4px solid var(--expense-color)}.summary-box.saved{border-left:4px solid var(--income-color)}.summary-box.spent{border-left:4px solid #facc15}.settings-wrapper{display:flex;flex-direction:column;gap:32px;padding:16px}.settings-header{align-items:center;display:flex;justify-content:space-between}.category-toggle button{background:#e0e0e0;background:var(--muted-bg-color,#e0e0e0);border:none;border-radius:6px;color:var(--text-color);cursor:pointer;margin:0 4px;padding:6px 12px}.category-toggle .active{background:#374752;background:var(--primary-color,#374752);color:#fff;color:var(--primary-text-on-dark,#fff)}.category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:12px}.category-card{align-items:center;background:#f8f9fa;background:var(--card-bg,#f8f9fa);border-radius:8px;color:#374752;color:var(--text-color,#374752);display:flex;font-size:14px;padding:12px}.payee-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:12px}.payee-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;box-shadow:0 1px 4px #0000000d;padding:16px;text-align:center}.payee-logo{border-radius:50%;height:64px;margin-bottom:8px;object-fit:contain;width:64px}.payee-name{color:#374752;color:var(--text-color,#374752);font-size:14px}.show-more-btn{background:var(--btn-primary-bg);border:none;border-radius:6px;color:var(--btn-text-color);cursor:pointer;font-size:14px;margin-top:12px;padding:8px 12px;transition:background .2s ease}.show-more-btn:hover{background:var(--btn-primary-hover)}.settings-footer{margin-top:24px;text-align:center}.clear-cache-btn{background:var(--btn-danger-bg);border:none;border-radius:6px;color:var(--btn-text-color);cursor:pointer;font-size:14px;padding:10px 16px;transition:background .2s ease}.clear-cache-btn:hover{background:var(--btn-danger-hover)}.transaction-date-header{color:var(--text-color);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.transaction-group{margin-bottom:.5rem}.transaction-card-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.transaction-page-wrapper{display:flex;flex-direction:column;gap:1.5rem;opacity:1;transition:opacity .3s ease-in-out}.transaction-page-wrapper.fade-out{opacity:0}.search-bar-wrapper{align-items:center;display:flex;gap:8px;margin-bottom:1rem;width:100%}.search-input-wrapper{position:relative;width:100%}.search-bar{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;box-shadow:0 0 0 1px #0000;color:var(--input-text);font-size:.95rem;padding:8px 32px 8px 12px;transition:box-shadow .2s ease;width:100%}.search-bar:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--hover-bg);outline:none}.search-clear-icon{align-items:center;color:var(--text-muted-color);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-clear-icon:hover{color:var(--expense-color)}.filters-wrapper{gap:5px}.filters-wrapper,.transaction-controls{display:flex;flex-wrap:wrap;margin-bottom:1rem}.transaction-controls{align-items:center;justify-content:space-between;width:100%}.left-buttons{display:flex;gap:10px}.single-transaction-container{background:var(--card-bg);border-radius:10px;color:var(--text-color);margin:0 auto;max-width:600px;padding:1.5rem}.edit-form{gap:1.25rem}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.input,.textarea{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--input-text);font-size:1rem;padding:.75rem;resize:none}.textarea{min-height:100px}.react-select-container{font-size:1rem}.button-group{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.delete-btn-group{display:flex;justify-content:center;margin-top:1.5rem}.delete-btn-group .btn{max-width:300px;width:100%}
/*# sourceMappingURL=main.56135edc.css.map*/