@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:-webkit-max-content;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;cursor:pointer;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}.divider{background-color:var(--border-color);height:60px;width:1px}.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}@keyframes spin{to{transform:rotate(1turn)}}.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}.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%}
/*# sourceMappingURL=main.f87b73b0.css.map*/