@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Cabin:ital@1&family=Karantina&family=Poppins:wght@300&display=swap);.LoginPage{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.login-container{background:#fff;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:40px;max-width:1200px;padding:48px 40px;width:100%}.login-form-section{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:center;padding-bottom:32px;width:100%}.Login,.landing-info-section{width:100%}.Login{max-width:400px}.Login>form{width:100%}.Login>h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:32px;margin-bottom:8px;text-align:center}.Login button,.Login input{margin-bottom:20px;width:100%}.Login span{color:#e65252;display:block;margin-bottom:12px;text-align:center}@media (max-width:768px){.LoginPage{padding:20px 16px}.login-container{gap:32px;padding:32px 24px}.login-form-section{padding-bottom:24px}.Login>h2{font-size:28px}.form-floating label{margin-left:-5px!important}}.LandingInfo{margin:0;padding:0;width:100%}.landing-header{margin-bottom:30px;text-align:center}.landing-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin-bottom:8px}.tagline{color:#6b7280;font-size:16px;font-weight:500}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.feature-card{background:#edf6ff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 16px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#f3f4f6;border-color:rgba(99,102,241,.3)}.feature-icon{font-size:32px;margin-bottom:10px}.feature-card h3{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:6px}.feature-card p{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.cta-section{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;box-shadow:0 4px 20px rgba(99,102,241,.2);color:#fff;padding:24px 20px;text-align:center}.cta-section h2{font-size:22px;font-weight:700;margin-bottom:6px}.cta-section p{font-size:14px;margin:0;opacity:.95}@media (max-width:768px){.landing-header h1{font-size:36px}.tagline{font-size:18px}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:25px 20px}.cta-section h2{font-size:26px}.cta-section p{font-size:16px}}.Register{margin-top:80px}.Register>form{margin:0 auto;width:250px}.Register>h2{text-align:center}.Register button,.Register input{box-sizing:border-box;margin-bottom:20px;width:100%}.Register span{color:#e65252!important}.Register .terms-checkbox{align-items:center;display:flex;flex-direction:row-reverse;justify-content:flex-end;margin-bottom:20px}.Register .terms-checkbox label{margin-bottom:0;margin-left:0;margin-right:30px}.Register .terms-checkbox input[type=checkbox]{height:20px!important;margin-top:0;position:relative;width:30px!important}.Home .expensesTable{margin:0 auto}.recurring-checks{margin-top:50px}.Home .rec-expense-swipeable-card{margin:0 auto;width:80%}.budget-comparison{display:flex;flex-direction:row;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:30px}.doughnut-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e8eaed;border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,.08);overflow:hidden;padding:25px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.doughnut-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.doughnut-card:hover:before{opacity:1}.doughnut-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.12);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.doughnut-stats{border-top:2px solid #f0f0f0;display:flex;gap:10px;justify-content:space-around;margin-top:15px;padding-top:15px}.stat-item{flex:1 1;text-align:center}.stat-value{align-items:center;color:#667eea;display:flex;font-size:1.2rem;font-weight:700;gap:5px;justify-content:center}.stat-value.positive{color:#4caf50}.stat-value.negative{color:#f44336}.stat-label{color:#666;font-size:14px;font-weight:500;margin-top:4px}.motion-wrapper{align-items:center;aspect-ratio:1;display:flex;justify-content:center;position:relative}.donutCenter{height:100%;position:relative;width:100%}.motion-title,.motion-value{color:#333;font-weight:600;left:50%;pointer-events:none;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.motion-title{top:38%}.motion-title,.motion-title-long{font-size:22px;transition:font-size .3s ease-in-out}.motion-title-long{color:#333;font-weight:600;left:50%;pointer-events:none;position:absolute;text-align:center;top:30%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.motion-value{font-size:22px;top:50%;transition:font-size .3s ease-in-out}.motion-value.neg{color:#d45b68}canvas{height:250px!important;transition:all .3s ease-in-out;width:250px!important}.chartjs-tooltip{background:hsla(0,0%,100%,.95);border:1px solid #dcdcdc;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08);color:#333;font-size:13px;font-weight:600;padding:8px 10px;pointer-events:none;position:absolute;-webkit-transform:translate(-50%,-120%);transform:translate(-50%,-120%)}@media (max-width:768px){.budget-comparison{gap:20px}.doughnut-card{max-width:350px;padding:20px;width:100%}canvas{height:300px!important;transition:all .3s ease-in-out;width:300px!important}.motion-title{font-size:18px;top:38%}.motion-value{font-size:18px;top:50%}.motion-title-long{font-size:18px;left:52%;top:40%}.doughnut-stats{gap:8px}.stat-value{font-size:1rem}}@media (max-width:400px){.doughnut-card{max-width:280px;padding:15px}canvas{height:250px!important;transition:all .3s ease-in-out;width:250px!important}.motion-title{font-size:16px;top:38%}.motion-value{font-size:16px;top:50%}.motion-title-long{font-size:16px;left:52%;top:40%}.stat-value{font-size:.9rem}}.chart-wrap{display:inline-block;position:relative}.chartjs-external-tooltip{opacity:0;position:absolute;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);transition:opacity .1s ease}.chartjs-tooltip-inner{background:#333;border-radius:6px;color:#fff;font-size:12px;padding:6px 10px;position:relative;white-space:nowrap}.chartjs-tooltip-inner:after{border-color:#333 transparent transparent;border-style:solid;border-width:6px 6px 0;bottom:-6px;content:"";left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.chartjs-tooltip-inner .tooltip-title{font-weight:600;margin-bottom:2px}.confirm-overlay{align-items:center;background:rgba(0,0,0,.3);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;z-index:1000}.confirm-overlay.visible{opacity:1;visibility:visible}.confirm-box{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:90%;opacity:0;padding:1.5rem;text-align:center;-webkit-transform:scale(.7);transform:scale(.7);transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;width:300px}.confirm-overlay.visible .confirm-box{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.confirm-buttons{display:flex;justify-content:space-between;margin-top:1rem}.btn-cancel,.btn-confirm{border:none;border-radius:4px;cursor:pointer;flex:1 1;margin:0 .25rem;padding:.5rem}.btn-cancel{background:#e2e8f0}.btn-cancel:hover{background:#cbd5e0}.rec-expense-list{margin-bottom:1rem}.rec-expense-swipeable-card{border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.1);height:80px;margin:0;overflow:hidden;position:relative}.rec-expense-card-actions{align-items:center;background:#ffd8d8;bottom:0;display:flex;height:80px;left:0;position:absolute;top:0;width:clamp(60px,20%,60px);width:var(--action-width);z-index:1}.rec-expense-card-front{align-items:center;background:#fff;border-bottom:1px solid #5ed0fd;display:grid;grid-template-columns:1fr 1fr;height:80px;justify-content:space-between;padding:1rem 1rem 1rem 2rem;position:relative;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;z-index:2}.rec-expense-description{flex:1 1 auto;font-weight:700;text-align:right}.rec-expense-bottom-row{align-items:center;color:gray;font-size:15px;margin-left:1rem;margin-top:.5rem}.rec-expense-amount{color:#e65252;flex:0 0 20%;font-weight:700;text-align:left}.rec-expense-swipe-indicator{-webkit-animation:swipePulse 1.2s ease-in-out infinite;animation:swipePulse 1.2s ease-in-out infinite;color:rgba(0,0,0,.3);font-size:1.25rem;left:8px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.rec-expense-swipeable-card.open .rec-expense-swipe-indicator{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}@media (min-width:1000px){.rec-expense-swipe-indicator{display:none}}.RecurringExpenseList .react-datepicker-popper{margin-top:-330px}.fa-trash{cursor:pointer!important}.inactiveTable{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:hsla(0,0%,100%,0);border-radius:10px;font-weight:700;grid-area:3/2/3/7;padding:15px}.inactiveTable td,.inactiveTable th,.inactiveTable tr{max-width:200px}.inactiveTable th{background-color:#38495f!important;color:#fff;cursor:pointer}.inactiveTable th:nth-last-child(-n+2){cursor:default!important}.inactiveTable th:not(:nth-last-child(-n+2)):hover{background-color:#293546!important}.inactiveTable input{width:100%}.inactiveTable>tbody>tr:nth-child(odd){background-color:#c7d9fc}.inactiveTable>tbody>tr:nth-child(2n){background-color:#e7f3ff}.inactiveTable tr:last-child td:first-child{border-bottom-right-radius:10px}.inactiveTable tr:last-child td:last-child{border-bottom-left-radius:10px}.tableTitle{background-color:#0e325e!important;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;cursor:default!important;font-size:1.5em;font-weight:700;text-align:center}.RecurringExpenses .fa-caret-down,.RecurringExpenses .fa-caret-up{color:#fff}.rec-expense-mobile-sort-bar{background:#38495f;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.rec-expense-mobile-sort-bar button{background:transparent;border:none;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:.5rem}.rec-expense-mobile-sort-bar button:hover{background:#ffffff1a}.todayRecExpense{background-color:#fde0ea!important}.amountCol{color:#e65252}.fa-edit{cursor:pointer}input{text-align:center}.fa-trash-alt{color:#e65252;cursor:pointer}.expense-table{color:#333;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1000px}.expense-header,.expense-row{align-items:center;display:grid;grid-template-columns:1.2fr 3fr 1fr 1fr .8fr;padding:.75em 1em}.expense-header{background:#f0f4f8;border-radius:8px 8px 0 0;font-weight:700}.expense-row{border-bottom:1px solid #e2e8f0}.expense-row:nth-of-type(2n){background:#fafafa}.expense-row:last-of-type{border-bottom:none;border-radius:0 0 8px 8px}.expense-row:hover{background:#f0f4f8}@media (max-width:640px){.expense-header,.expense-table{display:none}.expense-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);margin:.75rem;overflow:hidden;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.expense-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card-header{align-items:flex-end;background:#f0f4f8;display:flex;justify-content:space-between;padding:.75rem 1rem}.card-header .description{flex:1 1;font-size:1rem;font-weight:600;line-height:1.2}.card-header .date{color:#555;font-size:.85rem;margin-left:.5rem;white-space:nowrap}.card-body{border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 1rem}.card-body .amount,.card-body .category{color:#333;font-size:.9rem}.card-actions{border-top:1px solid #e2e8f0;display:flex;gap:.5rem;justify-content:flex-end;padding:.5rem 1rem}}.Expenses,.RecurringExpenses{grid-gap:10px;display:grid;grid-template-columns:repeat(6,1fr)}.Expenses>.add-expense,.RecurringExpenses>.add-expense{grid-area:1/1/4/1;z-index:99}.Expenses>table,.RecurringExpenses>table{border-radius:10px;border-spacing:10px}.expensesTable{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:hsla(0,0%,100%,.937);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.3);font-weight:700;grid-area:2/2/2/7;padding:15px}.expensesTable th:first-child{border-top-right-radius:10px}.expensesTable th:last-child{border-top-left-radius:10px}.expensesTable tr:last-child td:first-child{border-bottom-right-radius:10px}.expensesTable tr:last-child td:last-child{border-bottom-left-radius:10px}.expensesTable td,.expensesTable th,.expensesTable tr{max-width:200px}.expensesTable th{background-color:#38495f;color:#fff;cursor:pointer}.expensesTable th:nth-last-child(-n+2){cursor:default!important}.expensesTable th:not(:nth-last-child(-n+2)):hover{background-color:#293546}.expensesTable input{width:100%}.Expenses .total-amount,.RecurringExpenses .total-amount{color:#e65252;font-size:30px;padding-bottom:10px}.expensesTable>tbody>tr:nth-child(odd){background-color:#fff}.expensesTable>tbody>tr:nth-child(2n){background-color:#d8e8ff}.expensesTable>tbody>tr:nth-child(odd):hover{background-color:#fff}.expensesTable>tbody>tr:nth-child(2n):hover{background-color:#bed9ff}.ExpenseCardList .react-datepicker-popper{margin-top:-330px}.Expenses .fa-caret-down,.Expenses .fa-caret-up{color:#fff}@media (max-width:1000px){.rec-expense-mobile-sort-bar{background:#38495f;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;z-index:10}.rec-expense-mobile-sort-bar button{background:transparent;border:none;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:.5rem}.rec-expense-mobile-sort-bar button:hover{background:#ffffff1a}.Expenses,.RecurringExpenses{display:block}.Expenses>.add-expense,.RecurringExpenses>.add-expense{display:none}.expensesTable{grid-area:auto;grid-column:1/-1;margin:10px;text-align:center;width:98%}}@media (max-width:480px){.Expenses,.RecurringExpenses{grid-template-columns:1fr}.Expenses>.add-expense,.RecurringExpenses>.add-expense{grid-area:auto}.expensesTable{box-shadow:0 4px 16px 0 rgba(0,0,0,.2);font-size:14px;padding:10px}}.Expenses>.titleContainer,.RecurringExpenses>.titleContainer{align-items:center;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:hsla(0,0%,100%,.937);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.3);display:flex;flex-wrap:wrap;gap:8px;grid-area:1/2/1/7;justify-content:space-between;padding:10px}.mobile-sort-bar{background:#38495f;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;margin-top:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-sort-bar button{background:transparent;border:none;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:.5rem}.mobile-sort-bar button:hover{background:#ffffff1a}.rec-expense-headTitle{background-color:#38495f;border-bottom:1px solid #38495f;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;font-size:1.2em;font-weight:700;text-align:center}.EditRecurringExpense{align-items:center;background-color:rgba(0,0,0,.6);cursor:pointer;display:flex;font-family:Poppins,sans-serif;height:100%;justify-content:center;left:0;min-height:100vh;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:1050}.EditRecurringExpense.visible{opacity:1;pointer-events:auto;visibility:visible}.EditRecurringExpenseContent{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:default;max-height:90%;max-width:600px;opacity:0;padding:30px;position:relative;-webkit-transform:scale(.7);transform:scale(.7);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}.EditRecurringExpense.visible .EditRecurringExpenseContent{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.EditRecurringExpenseContent .react-datepicker__input-container input,.EditRecurringExpenseContent input{border:1px solid #ccc;border-radius:6px;font-size:18px!important;margin-bottom:15px;padding:12px;transition:border-color .3s ease;width:100%}.EditRecurringExpenseContent input:focus{border-color:#2290f7;outline:none}.EditRecurringExpenseContent .form-floating>label{left:15px!important;transition:all .3s ease}.EditRecurringExpenseContent .spanTitle{color:#2290f7;font-size:14px;font-weight:700}.EditRecurringExpenseContent span{color:#f72222;font-weight:600}@media (max-width:768px){.EditRecurringExpenseContent{max-width:500px;padding:20px;width:95%}.EditRecurringExpenseContent input{font-size:14px}.EditRecurringExpenseContent .button-29{font-size:14px;padding:10px}}@media (max-width:480px){.EditRecurringExpenseContent{max-width:400px;padding:15px;width:90%}}.form-check-label{margin-top:5px}.form-check-input{margin-right:10px!important;width:60px!important}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;stroke:#aeaeae;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;stroke:#aeaeae;color:#fff}.react-datepicker-wrapper{border:0;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{background:none;border:none;cursor:pointer;display:flex;height:32px;overflow:hidden;padding:0;position:absolute;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.Loading>img{margin-top:50px;width:200px}.lds-spinner{color:official;display:inline-block;height:80px;position:relative;width:80px}.lds-spinner div{-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-spinner div:after{background:#fff;border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.lds-spinner div:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.lds-spinner div:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.lds-spinner div:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.lds-spinner div:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.lds-spinner div:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.lds-spinner div:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.lds-spinner div:nth-child(7){-webkit-animation-delay:-.5s;animation-delay:-.5s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lds-spinner div:nth-child(8){-webkit-animation-delay:-.4s;animation-delay:-.4s;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.lds-spinner div:nth-child(9){-webkit-animation-delay:-.3s;animation-delay:-.3s;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.lds-spinner div:nth-child(10){-webkit-animation-delay:-.2s;animation-delay:-.2s;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.lds-spinner div:nth-child(11){-webkit-animation-delay:-.1s;animation-delay:-.1s;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.lds-spinner div:nth-child(12){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(330deg);transform:rotate(330deg)}@-webkit-keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.budget-progress-section{margin:40px auto;max-width:1400px;padding:0 20px;width:100%}.budget-progress-section h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:30px;padding-bottom:15px;position:relative;text-align:center}.budget-progress-section h2:after{background:linear-gradient(90deg,#4caf50,#2196f3);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80px}.budget-cards-container{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding:0}.budget-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e8eaed;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.08);flex:1 1 320px;max-width:450px;overflow:hidden;padding:25px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.budget-card:before{background:linear-gradient(90deg,#4caf50,#2196f3,#9c27b0);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.budget-card:hover:before{opacity:1}.budget-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.15);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.budget-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:18px}.budget-header h3{color:#1a1a1a;font-size:1.4rem;font-weight:700;line-height:1.2;margin:0}.budget-amounts{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;box-shadow:0 2px 4px rgba(33,150,243,.1);color:#2196f3;direction:ltr;font-size:1.1rem;font-weight:600;padding:6px 12px;white-space:nowrap}.budget-progress-bar{background-color:#f0f0f0;border-radius:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.06);height:24px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.budget-progress-fill{border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1),background-color .3s ease}.budget-progress-fill:after{-webkit-animation:shimmer 2.5s infinite;animation:shimmer 2.5s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0}.budget-footer{align-items:center;display:flex;justify-content:space-between}.budget-status{background-color:#f5f5f5;border-radius:6px;color:#666;font-size:1rem;font-weight:600;padding:4px 10px}.budget-status.overspent{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background-color:#f44336;color:#fff;font-weight:700}@media (min-width:1200px){.budget-cards-container{grid-template-columns:repeat(3,1fr)}.budget-progress-section h2{font-size:2.2rem}}@media (min-width:1025px) and (max-width:1199px){.budget-cards-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px) and (max-width:1024px){.budget-cards-container{grid-template-columns:repeat(2,1fr)}.budget-header h3{font-size:1.2rem}.budget-amounts{font-size:1rem}}@media (max-width:768px){.budget-cards-container{grid-template-columns:1fr}.budget-header h3{font-size:1.1rem}.budget-amounts{font-size:.9rem;padding:5px 10px}.budget-progress-section h2{font-size:1.5rem}.budget-card{padding:20px}.budget-progress-bar{height:20px}}.budget-progress-section:has(.budget-cards-container:empty):after{color:#999;content:"אין תקציבים להצגה";display:block;font-size:1.2rem;padding:40px;text-align:center}.budget-card .fa-edit{font-size:22px!important}.edit-budget-overlay{align-items:center;background-color:rgba(0,0,0,.6);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;height:100%;justify-content:center;left:0;min-height:100vh;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;width:100%;z-index:1050}.edit-budget-overlay.visible{opacity:1;pointer-events:auto;visibility:visible}.edit-budget-container{background:#f5f5f5;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:default;max-height:90%;max-width:300px;opacity:0;padding:30px;position:relative;-webkit-transform:scale(.7);transform:scale(.7);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}.edit-budget-overlay.visible .edit-budget-container{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.edit-budget-container h2{margin-bottom:1.5rem;margin-top:0}.edit-budget-container form{align-items:center;display:flex;flex-direction:column;gap:1rem}.edit-budget-container input,.edit-budget-container select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem}.edit-budget-container button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem}.edit-budget-container .close-btn{background:none;font-size:1.5rem;padding:0;position:absolute;right:1rem;top:1rem}.budget-health-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px rgba(102,126,234,.3);color:#fff;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:90%;overflow:hidden;padding:30px;position:relative}.budget-health-summary:before{background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";position:absolute;right:-50%;top:-50%}.budget-health-summary.excellent{background:linear-gradient(135deg,#11998e,#38ef7d)}.budget-health-summary.good{background:linear-gradient(135deg,#667eea,#764ba2)}.budget-health-summary.warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.budget-health-summary.critical{background:linear-gradient(135deg,#fa709a,#fee140)}.health-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:25px;position:relative;z-index:1}.health-score-container{text-align:center}.health-score{font-size:4rem;font-weight:800;line-height:1;text-shadow:0 4px 10px rgba(0,0,0,.2)}.health-score-label{font-size:1rem;font-weight:500;margin-top:8px;opacity:.95}.score-breakdown{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;flex-shrink:0;max-width:300px;padding:12px 15px}.breakdown-item{align-items:center;display:flex;font-size:.85rem;gap:10px;justify-content:space-between;padding:6px 0}.breakdown-item:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.1)}.breakdown-reason{flex:1 1;opacity:.9}.breakdown-points{background:hsla(0,0%,100%,.2);border-radius:6px;font-size:.8rem;font-weight:700;padding:2px 8px}.health-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:50px;display:flex;gap:12px;padding:15px 25px}.status-icon{font-size:2rem}.status-text{font-size:1.3rem;font-weight:700}.health-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px;position:relative;z-index:1}.metric-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:15px;display:flex;gap:12px;padding:18px;transition:all .3s ease}.metric-card:hover{background:hsla(0,0%,100%,.25);box-shadow:0 5px 15px rgba(0,0,0,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.metric-card.success{background:rgba(76,175,80,.15);border-color:rgba(76,175,80,.5)}.metric-card.warning{background:rgba(255,152,0,.15);border-color:rgba(255,152,0,.5)}.metric-card.critical{background:rgba(244,67,54,.15);border-color:rgba(244,67,54,.5)}.metric-icon{font-size:2rem;line-height:1}.metric-content{flex:1 1}.metric-value{font-size:1.4rem;font-weight:700;line-height:1.2}.metric-label{font-size:.85rem;margin-top:2px;opacity:.9}.health-insight{-webkit-animation:slideIn .5s ease-out;animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;font-size:1rem;font-weight:500;padding:15px 20px;position:relative;text-align:center;z-index:1}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.health-insight.success{background:rgba(76,175,80,.25);border-color:rgba(76,175,80,.5)}.health-insight.info{background:rgba(33,150,243,.25);border-color:rgba(33,150,243,.5)}.health-insight.warning{background:rgba(255,152,0,.25);border-color:rgba(255,152,0,.5)}.health-insight.critical{background:rgba(244,67,54,.25);border-color:rgba(244,67,54,.5)}@media (max-width:768px){.budget-health-summary{margin-bottom:30px;padding:20px}.health-header{flex-direction:column;gap:20px;text-align:center}.health-score{font-size:3rem}.health-status{padding:12px 20px}.status-text{font-size:1.1rem}.score-breakdown{font-size:.8rem;max-width:100%}.breakdown-item{font-size:.75rem}.health-metrics{grid-template-columns:repeat(2,1fr)}.metric-card{flex-direction:column;padding:15px;text-align:center}.metric-value{font-size:1.2rem}.health-insight{font-size:.9rem;padding:12px 15px}}@media (min-width:769px) and (max-width:1024px){.health-metrics{grid-template-columns:repeat(3,1fr)}}.NotFound404 img{width:600px}.ProfileDetails{align-items:center;background:linear-gradient(135deg,#f5f7fa,#ebedf0);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1rem;position:relative}.ProfileDetails .main-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:1rem;max-width:800px;overflow:hidden;width:100%}#profile{border-collapse:initial;border-spacing:0;margin-bottom:50px;width:100%}#profile tr,td,th{font-size:1.1rem;padding:1rem 1.5rem}#profile th{background:#4a5568;color:#fff;font-weight:600}#profile td:nth-child(odd){background:#4a5568;color:#fff;font-weight:500;width:40%}#profile td:nth-child(2n){color:#2d3748;word-break:break-word}.ProfileDetails .foot-table{margin-top:2rem}.ProfileDetails .foot-table>tfoot>tr>td{padding:1rem;text-align:center}.logoutButton{border-radius:6px;color:#e53e3e;display:inline-block;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.logoutButton:hover{background:#e53e3e;color:#fff;opacity:1}.category-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:inline-flex;justify-content:space-between;margin:.5rem;min-width:200px;padding:.75rem 1rem;transition:all .3s ease}.category-item:hover{box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.edit-category-button{background:none;border:none;color:#4a5568;cursor:pointer;padding:.25rem .5rem;transition:color .3s ease}.edit-category-button:hover{color:#2d3748}.edit-category-button i{font-size:1rem}@media (max-width:768px){.ProfileDetails{padding:.5rem}.ProfileDetails .main-table{margin:.5rem}#profile tr,td,th{font-size:.95rem;padding:.75rem}#profile td:nth-child(odd){width:35%}}@media (max-width:518px){#profile tr,td,th{font-size:.9rem;padding:.5rem}#profile td{display:block;width:100%!important}#profile td:nth-child(odd){background:#4a5568;border-top:1px solid #e2e8f0;color:#fff;font-weight:600}#profile td:nth-child(2n){background:#fff;padding-bottom:1rem}.logoutButton{display:block;text-align:center;width:100%}}#profile td ul{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;list-style:none;margin:0;padding:0}.budget-progress-item{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;flex:0 0 auto;list-style:none;margin-bottom:0;padding:.8rem;width:250px}.budget-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.budget-item-name{color:#2d3748;font-size:1rem;font-weight:700}.budget-item-amounts{color:#2196f3;direction:ltr;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.budget-item-progress-bar{background-color:#e2e8f0;border-radius:9px;box-shadow:inset 0 2px 4px rgba(0,0,0,.06);height:18px;margin-bottom:.5rem;overflow:hidden;width:100%}.budget-item-progress-fill{border-radius:9px;box-shadow:0 2px 4px rgba(0,0,0,.1);height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1),background-color .3s ease}.budget-item-progress-fill:after{-webkit-animation:shimmer 2.5s infinite;animation:shimmer 2.5s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.budget-item-status{color:#666;font-size:.9rem;font-weight:500;text-align:right}.overspent-text{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;color:#f44336;font-weight:700}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:400px){#profile tbody,td,th,tr{width:10%!important}}.help-tour-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:25px;box-shadow:0 4px 15px rgba(76,175,80,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;left:20px;padding:10px 20px;position:absolute;top:10px;transition:all .3s ease}.help-tour-button:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 6px 20px rgba(76,175,80,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.help-tour-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.help-tour-button i{font-size:1.2rem}@media (max-width:1000px){.help-tour-button{left:4px;scale:.8;top:4px}}.edit-category-overlay{align-items:center;background-color:rgba(0,0,0,.6);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;height:100%;justify-content:center;left:0;min-height:100vh;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;width:100%;z-index:1050}.edit-category-overlay.visible{opacity:1;visibility:visible}.edit-category-container{background:#f5f5f5;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:default;max-height:90%;max-width:300px;opacity:0;padding:30px;position:relative;-webkit-transform:scale(.7);transform:scale(.7);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}.edit-category-overlay.visible .edit-category-container{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.edit-category-container h2{margin-bottom:1.5rem;margin-top:0}.edit-category-container form{align-items:center;display:flex;flex-direction:column;gap:1rem}.edit-category-container input,.edit-category-container select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem}.edit-category-container button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem}.edit-category-container .close-btn{background:none;font-size:1.5rem;padding:0;position:absolute;right:1rem;top:1rem}.btn-confirm{background:#e53e3e;color:#fff}.btn-confirm:hover{background:#c53030}.add-category-overlay{align-items:center;background-color:rgba(0,0,0,.6);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;height:100%;justify-content:center;left:0;min-height:100vh;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;width:100%;z-index:1050}.add-category-overlay.visible{opacity:1;pointer-events:auto;visibility:visible}.add-category-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:default;max-height:90%;max-width:300px;opacity:0;padding:30px;position:relative;-webkit-transform:scale(.7);transform:scale(.7);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}.add-category-modal>form{align-items:center!important;display:flex;flex-direction:column;text-align:center}.add-category-modal>form input{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:15px;width:100%}.add-category-modal>form label{font-size:20px;font-weight:600}.add-category-overlay.visible .add-category-modal{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.error-message{font-size:16px;margin-top:5px}.add-budget-overlay{align-items:center;background-color:rgba(0,0,0,.6);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;height:100%;justify-content:center;left:0;min-height:100vh;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;width:100%;z-index:1050}.add-budget-overlay.visible{opacity:1;pointer-events:auto;visibility:visible}.add-budget-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:default;max-height:90%;max-width:300px;opacity:0;padding:30px;position:relative;-webkit-transform:scale(.7);transform:scale(.7);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}.add-budget-modal>form{align-items:center!important;display:flex;flex-direction:column;text-align:center}.add-budget-modal>form input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:15px;width:100%}.add-budget-modal>form label{font-size:20px;font-weight:600;margin-bottom:15px}.add-budget-overlay.visible .add-budget-modal{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.submit-button{background-color:#007bff!important;color:#fff;font-size:18px;margin-top:10px;width:100px}.submit-button:hover{background-color:#0056b3!important}.btn-cancel{background-color:#6c757d;color:#fff}.btn-cancel:hover{background-color:#545b62}.error-message{color:#e65252;display:block;font-size:14px;margin-bottom:10px;margin-top:-5px}.EditProfile{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.eBox{background-color:hsla(0,0%,100%,.937);border:1px solid #000;border-radius:10px;box-shadow:1px 2px 28px 0 rgba(0,0,0,.75);-webkit-box-shadow:1px 2px 28px 0 rgba(0,0,0,.75);display:inline-block;margin:10px 0;max-width:400px;padding:20px;text-align:center;transition:.3s ease-in-out;width:90%}.EditProfile>form{align-items:center;text-align:center;width:100%}.EditProfile span{color:#e65252}form .form-row .input-checkbox,form .form-row .input-data{height:40px;margin:0 20px;position:relative;width:100%}.select-style{border:none;border-bottom:2px solid #2290f7;display:block;font-size:17px;height:40px;outline:none;position:relative;width:100%;z-index:1}.select-style:focus~label,.select-style:valid~label{color:#2290f7;font-size:16px;font-weight:600;-webkit-transform:translateY(-20px);transform:translateY(-20px);z-index:2}.select-style label{bottom:10px;font-size:16px;left:0;pointer-events:none;position:absolute;transition:all .3s ease;width:100%}.select-style option{font-size:20px;text-align:center}.input-data label{bottom:10px;font-size:16px;left:0;pointer-events:none;position:absolute;transition:all .3s ease;width:100%}.input-data input:focus~label,.input-data input:valid~label{color:#037525;font-size:16px;font-weight:600;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.EditProfile .form-row{display:flex;margin-bottom:40px;margin-top:10px}@media (max-width:768px){.EditProfile{padding:10px}.eBox{padding:15px;width:95%}.EditProfile select{width:90%}.EditProfile table{font-size:10px}}@media (max-width:480px){.EditProfile{padding:5px}.eBox{padding:8px}.EditProfile select,.eBox{width:100%}.EditProfile table{font-size:8px}}.welcome-overlay{align-items:center;-webkit-animation:fadeIn .3s ease-in;animation:fadeIn .3s ease-in;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:10000}.welcome-modal{-webkit-animation:slideUp .4s ease-out;animation:slideUp .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);direction:rtl;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;text-align:right;width:90%}.welcome-title{color:#2290f7;font-size:2rem;font-weight:700;margin-bottom:20px}.welcome-content{color:#333;font-size:1.1rem;line-height:1.8;margin-bottom:30px}.welcome-intro{margin-bottom:15px}.welcome-intro,.welcome-tips{font-size:18px;font-weight:bolder}.welcome-tips{background-color:#f5f7fa;border-radius:8px;border-right:4px solid #2290f7;margin-bottom:20px;padding:20px}.tips-header{color:#2290f7;font-weight:700;margin-bottom:10px}.welcome-tips ul{margin:0;padding-right:20px}.welcome-tips li{border-bottom:1px solid #e0e6ed;padding:12px 0}.welcome-tips li:last-child{border-bottom:none}.welcome-footer{color:#666;font-size:18px;font-style:italic;font-weight:bolder}.welcome-button{background-image:radial-gradient(100% 100% at 100% 0,#a2c7ff 0,#659ff7 100%);border:none;border-radius:8px;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 rgba(58,65,111,.5);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 30px;transition:all .2s;width:100%}.welcome-button:hover{background-image:radial-gradient(100% 100% at 100% 0,#659ff7 0,#2290f7 100%)}@media (max-width:768px){.welcome-modal{max-height:85vh;padding:25px 20px;width:95%}.welcome-title{font-size:1.5rem;margin-bottom:15px}.welcome-content{font-size:1rem;line-height:1.6;margin-bottom:20px}.welcome-intro{font-size:16px;margin-bottom:12px}.welcome-tips{border-right-width:3px;font-size:16px;padding:15px}.welcome-tips ul{padding-right:15px}.welcome-tips li{padding:10px 0}.welcome-footer{font-size:16px}.welcome-button{font-size:1rem;padding:10px 20px}}@media (max-width:480px){.welcome-modal{max-height:90vh;padding:20px 15px;width:98%}.welcome-title{font-size:1.3rem;margin-bottom:12px}.welcome-content{font-size:.95rem;line-height:1.5;margin-bottom:15px}.welcome-intro{font-size:15px;margin-bottom:10px}.welcome-tips{font-size:15px;margin-bottom:15px;padding:12px}.welcome-tips ul{padding-right:12px}.welcome-tips li{font-size:14px;padding:8px 0}.welcome-footer{font-size:15px}.welcome-button{font-size:.95rem;padding:10px 15px}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.expense-list{margin-bottom:1rem}.amount{color:#e65252;flex:0 0 20%;font-weight:700;text-align:left}.rec-expense-date{width:-webkit-max-content;width:max-content}.AddExpense{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:hsla(0,0%,100%,.925);border-radius:10px;max-width:280px;z-index:100}.AddExpense form{padding-bottom:10px}.AddExpense input{box-sizing:border-box;margin-bottom:20px;width:100%}.AddExpense .form-floating>label{left:20px!important}.AddExpense .form-check-input{height:15px;width:15px}.AddExpense .card.success{box-shadow:0 0 50px 1px #7be048;transition:.5s ease-in-out}.AddExpense .react-datepicker-popper{margin-top:-20px}.AddExpense .spanTitle{color:#2290f7}.AddExpense span{color:#f72222;font-weight:600}@media (max-width:768px){.AddExpense{max-width:240px}}.AddHiddenRec{align-items:center;background-color:rgba(0,0,0,.6);cursor:pointer;display:flex;font-family:Poppins,sans-serif;height:100%;justify-content:center;left:0;min-height:100vh;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;width:100%;z-index:1050}.AddHiddenRec.visible{opacity:1;visibility:visible}.AddHiddenRecContent{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:default;max-height:90%;max-width:600px;opacity:0;padding:30px;position:relative;-webkit-transform:scale(.7);transform:scale(.7);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}.AddHiddenRec.visible .AddHiddenRecContent{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.AddHiddenRecContent .react-datepicker__input-container input,.AddHiddenRecContent input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:15px;padding:12px;transition:border-color .3s ease;width:100%}.AddHiddenRecContent input:focus{border-color:#2290f7;outline:none}.AddHiddenRecContent .form-floating>label{left:15px!important;transition:all .3s ease}.AddHiddenRecContent .spanTitle{color:#2290f7;font-size:14px;font-weight:700}.AddHiddenRecContent span{color:#f72222;font-weight:600}@media (max-width:768px){.AddHiddenRecContent{max-width:500px;padding:20px;width:95%}.AddHiddenRecContent input{font-size:14px}.AddHiddenRecContent .button-29{font-size:14px;padding:10px}}@media (max-width:480px){.AddHiddenRecContent{max-width:400px;padding:15px;width:90%}}.EditExpense{align-items:center;background-color:rgba(0,0,0,.6);cursor:pointer;display:flex;font-family:Poppins,sans-serif;height:100%;justify-content:center;left:0;min-height:100vh;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:1050}.EditExpense.visible{opacity:1;pointer-events:auto;visibility:visible}.EditExpenseContent{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:default;max-height:90%;max-width:600px;opacity:0;padding:30px;position:relative;-webkit-transform:scale(.7);transform:scale(.7);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}.EditExpense.visible .EditExpenseContent{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.EditExpenseContent .react-datepicker__input-container input,.EditExpenseContent input{border:1px solid #ccc;border-radius:6px;font-size:18px!important;margin-bottom:15px;padding:12px;transition:border-color .3s ease;width:100%}.EditExpenseContent input:focus{border-color:#2290f7;outline:none}.EditExpenseContent .form-floating>label{left:15px!important;transition:all .3s ease}.EditExpenseContent .spanTitle{color:#2290f7;font-size:14px;font-weight:700}.EditExpenseContent span{color:#f72222;font-weight:600}@media (max-width:768px){.EditExpenseContent{max-width:500px;padding:20px;width:95%}.EditExpenseContent input{font-size:14px}.EditExpenseContent .button-29{font-size:14px;padding:10px}}@media (max-width:480px){.EditExpenseContent{max-width:400px;padding:15px;width:90%}}.expense-search-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);grid-column:1/-1;margin-bottom:1rem;padding:0;width:100%}.search-toggle-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:space-between;padding:15px 20px;transition:all .3s ease;width:100%}.search-toggle-btn:hover{background:linear-gradient(135deg,#5568d3,#653a8b);box-shadow:0 6px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.toggle-icon{font-size:14px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.toggle-search-icon{font-size:18px;margin-left:8px}.toggle-text{flex:1 1;text-align:center}.filter-badge{background:hsla(0,0%,100%,.3);border-radius:20px;font-size:14px;font-weight:500;padding:4px 12px}.search-content{height:0;opacity:0;overflow:hidden;padding:0 1.5rem;pointer-events:none;transition:height .3s ease-out,opacity .3s ease-out,padding .3s ease-out}.search-content.expanded{height:auto;max-height:none;opacity:1;overflow:visible;padding:1.5rem;pointer-events:auto}.search-bar-row{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:#667eea;font-size:1.1rem;pointer-events:none;position:absolute;right:1rem}.search-input{border:2px solid #e2e8f0;border-radius:8px;direction:rtl;font-size:1rem;padding:.8rem 3rem .8rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.clear-search-icon{color:#94a3b8;cursor:pointer;left:1rem;position:absolute;transition:color .2s ease}.clear-search-icon:hover{color:#ef4444}.advanced-filter-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease;white-space:nowrap}.advanced-filter-btn:hover{box-shadow:0 4px 12px rgba(102,126,234,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.advanced-filter-btn i.active{color:#fbbf24}.advanced-filters{-webkit-animation:slideDown .3s ease;animation:slideDown .3s ease;background:#f8f9fa;border-radius:8px;box-sizing:border-box;margin-bottom:1rem;padding:1rem;width:100%}.time-filter-section{margin-bottom:1.5rem}.time-filter-section label{color:#4a5568;display:block;font-size:.9rem;font-weight:600;margin-bottom:.8rem}.time-filter-buttons{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.time-filter-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:600;padding:.7rem 1rem;transition:all .3s ease}.time-filter-btn:hover{background:#f8f9ff;border-color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.time-filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}@-webkit-keyframes slideDown{0%{max-height:0;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{max-height:1000px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{max-height:0;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{max-height:1000px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.filter-row{gap:1rem}.filter-group,.filter-row{display:flex;flex-direction:column;width:100%}.filter-group{gap:.5rem;min-width:0}.filter-group label{color:#4a5568;font-size:.9rem;font-weight:600}@media (min-width:1400px){.filter-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:550px) and (max-width:1023px){.filter-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:549px){.filter-row{display:flex}.amount-range .amount-inputs,.filter-row{flex-direction:column}}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;direction:rtl;font-size:.95rem;padding:.7rem;transition:border-color .3s ease}.filter-select:focus{border-color:#667eea;outline:none}.amount-range .amount-inputs{align-items:center;display:flex;gap:.5rem}.amount-input{border:2px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:.95rem;padding:.7rem;transition:border-color .3s ease}.amount-input:focus{border-color:#667eea;outline:none}.range-separator{color:#94a3b8;font-weight:600}.search-results-bar{align-items:center;background:#f1f5f9;border-radius:6px;display:flex;gap:1rem;justify-content:center;padding:.8rem 1rem}.results-count{color:#64748b;font-size:.95rem}.results-count strong{color:#667eea;font-weight:700}.clear-filters-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .2s ease}.clear-filters-btn:hover{background:#dc2626;-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:840px){.search-bar-row{flex-direction:column}.search-input-wrapper{width:100%}.advanced-filter-btn{justify-content:center;width:100%}.filter-row{grid-template-columns:1fr}.search-results-bar{flex-direction:column;gap:.8rem}.clear-filters-btn{justify-content:center;width:100%}}.AddRecurringExpense{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:hsla(0,0%,100%,.925);border-radius:10px;max-width:280px;z-index:100}.AddRecurringExpense h3{color:#2290f7}.AddRecurringExpense form{padding-bottom:10px}.AddRecurringExpense input{box-sizing:border-box;margin-bottom:20px;width:100%}.AddRecurringExpense .form-floating>label{left:20px!important}.AddRecurringExpense .form-check-input{height:15px;width:15px}.card.success{box-shadow:0 0 50px 1px #7be048;transition:.5s ease-in-out}.AddRecurringExpense .react-datepicker-popper{margin-top:-20px}.AddRecurringExpense span{color:#e65252;font-weight:600}.AddRecurringExpense .spanTitle{color:#2290f7}@media (max-width:768px){.AddRecurringExpense{max-width:240px}}.Incomes,.RecurringIncomes{grid-gap:10px;display:grid;grid-template-columns:repeat(6,1fr)}.Incomes>.add-income,.RecurringIncomes>.add-income{grid-area:1/1/4/1;z-index:99}.tables-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.table-container{box-sizing:border-box;flex:1 1 auto;margin-bottom:1.5rem;max-width:100%;min-width:300px;overflow-x:auto}.leftCol>.button-29,.rightCol>.button-29{height:auto;min-height:75px}.Incomes>table,.RecurringIncomes>table{border-radius:10px;border-spacing:10px}.incomesTable{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:hsla(0,0%,100%,.937);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.3);font-weight:700;grid-area:2/2/2/7;padding:15px}.incomesTable th:first-child{border-top-right-radius:10px}.incomesTable th:last-child{border-top-left-radius:10px}.incomesTable tr:last-child td:first-child{border-bottom-right-radius:10px}.incomesTable tr:last-child td:last-child{border-bottom-left-radius:10px}.incomesTable td,.incomesTable th,.incomesTable tr{max-width:200px}.incomesTable th{background-color:#e8f1fb;cursor:pointer}.incomesTable th:nth-last-child(-n+2){cursor:default!important}.incomesTable th:not(:nth-last-child(-n+2)):hover{background-color:#dae3ec}.incomesTable input{width:100%}.Incomes .total-amount,.RecurringIncomes .total-amount{color:#28a745;font-size:30px;padding-bottom:10px}.incomesTable>tbody>tr:nth-child(odd){background-color:#fff}.incomesTable>tbody>tr:nth-child(2n){background-color:#ebf2fa}.incomesTable>tbody>tr:nth-child(odd):hover{background-color:#fff}.incomesTable>tbody>tr:nth-child(2n):hover{background-color:#dae3ec}.gridIcon{color:#666;cursor:pointer;font-size:25px;font-size:30px;margin-right:10px}.gridIcon:hover{color:#bed9ff;text-shadow:0 0 3px #bed9ff}.smallCol{width:50px}.IncomesCardList .react-datepicker-popper{margin-top:-330px}.Incomes .fa-caret-down,.Incomes .fa-caret-up{color:#28a745}.fa-arrow-alt-circle-up{cursor:pointer}.fa-arrow-alt-circle-up:hover{color:#2c323a91}.Incomes .fa-info-circle{color:#28a745}.Incomes .fa-info-circle:hover{color:#1e7e35}@media (max-width:1000px){.Incomes,.RecurringIncomes{display:block}.Incomes>.add-income,.RecurringIncomes>.add-income{display:none}.incomesTable{grid-area:auto;grid-column:1/-1;margin:10px;text-align:center;width:98%}.Incomes>.add-income,.RecurringIncomes>.add-income{display:none}.incomesTable{grid-column:1/-1}.incomesTable,.titleContainer{grid-area:auto;margin:10px;text-align:center}.titleContainer{grid-column:1/-1!important}}@media (max-width:480px){.Incomes,.RecurringIncomes{grid-template-columns:1fr}.Incomes>.add-income,.RecurringIncomes>.add-income{grid-area:auto}.incomesTable{box-shadow:0 4px 16px 0 rgba(0,0,0,.2);font-size:14px;padding:10px}}.titleContainer{align-items:center;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:hsla(0,0%,100%,.937);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.3);display:flex;flex-wrap:wrap;gap:10px;grid-area:1/2/1/7;justify-content:space-between;margin-bottom:10px;padding:10px}.titleSection{flex:1 1 30%;text-align:center}.middleCol{font-size:30px}.Incomes>.titleContainer,.RecurringIncomes>.titleContainer{align-items:center;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:hsla(0,0%,100%,.937);border-radius:10px;box-shadow:0 8px 32px 0 rgba(0,0,0,.3);display:flex;flex-wrap:wrap;gap:8px;grid-area:1/2/1/7;justify-content:space-between;padding:10px}.titleItem{flex:1 1 30%;min-width:120px;text-align:center}.rightCol{text-align:right}.leftCol{text-align:left}.middleCol{text-align:center}.month-label{font-weight:700;margin-bottom:4px}.smallScreenButton{display:none!important}@media (max-width:677px){.titleContainer{align-items:stretch;flex-direction:column}.titleItem{flex:none;width:100%}.leftCol,.middleCol,.rightCol{text-align:center}.rightCol>.button-29{display:none}.leftCol>.button-29{height:20px!important}.smallScreenButton{display:inline-flex!important;margin-left:50px}}@media (max-width:800px){.amountCol{min-width:150px!important}.amountCol,.customerName,.orderDescription,.pickupDate{display:none}}.Incomes .mobile-sort-bar{background:#e8f1fb;display:flex;justify-content:space-between;margin-top:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.Incomes .mobile-sort-bar button{background:transparent;border:none;color:#000;cursor:pointer;flex:1 1;font-weight:700;padding:.5rem}.Incomes .mobile-sort-bar button:hover{background:#dae3ec}.rec-income-headTitle{background-color:#38495f;border-bottom:1px solid #38495f;color:#fff;font-size:1.2em;font-weight:700;text-align:center}.Incomes .amountCol{color:#28a745}.income-list{margin-bottom:1rem}:root{--action-width:clamp(60px,20%,60px)}.swipeable-card{border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.1);height:80px;margin:0;overflow:hidden;position:relative}.card-actions{background:#ffd8d8;bottom:0;display:flex;left:0;position:absolute;top:0;width:clamp(60px,20%,60px);width:var(--action-width);z-index:1}.card-actions,.card-front{align-items:center;height:80px}.card-front{background:#fff;border-bottom:1px solid #5ed0fd;display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;padding:1rem 1rem 1rem 2rem;position:relative;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;z-index:2}.description{flex:1 1 auto;font-weight:700;text-align:right}.bottom-row{align-items:center;color:gray;font-size:15px;margin-left:1rem;margin-top:.5rem;white-space:nowrap}.income-list .amount{color:#28a745;flex:0 0 20%;font-weight:700;text-align:left}.fa-trash-alt{font-size:20px;width:100%}.fa-trash-alt:hover{color:#a30000;cursor:pointer}.fa-info-circle{font-size:20px;margin-left:-10px}.swipe-indicator{-webkit-animation:swipePulse 1.2s ease-in-out infinite;animation:swipePulse 1.2s ease-in-out infinite;color:rgba(0,0,0,.3);font-size:1.25rem;left:8px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.swipeable-card.open .swipe-indicator{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}@media (min-width:840px){.swipe-indicator{display:none}}.rec-income-date{width:-webkit-max-content;width:max-content}.AddIncome{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:hsla(0,0%,100%,.925);border-radius:10px;max-width:280px;z-index:100}.AddIncome form{padding-bottom:10px}.AddIncome span{color:#f72222;font-weight:600}.AddIncome .spanTitle{color:#2290f7}.AddIncome input{box-sizing:border-box;margin-bottom:20px;width:100%}.AddIncome .form-floating>label{left:20px!important}.AddIncome .form-check-input{height:15px;width:15px}.AddIncome .card.success{box-shadow:0 0 50px 1px #7be048;transition:.5s ease-in-out}.AddIncome .react-datepicker__input-container input{text-align:center}.AddIncome .react-datepicker-popper{margin-top:-20px}@media (max-width:768px){.AddIncome{max-width:240px}}.EditIncome{align-items:center;background-color:rgba(0,0,0,.6);cursor:pointer;display:flex;font-family:Poppins,sans-serif;height:100%;justify-content:center;left:0;min-height:100vh;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:1050}.EditIncome.visible{opacity:1;pointer-events:auto;visibility:visible}.EditIncomeContent{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:default;max-height:90%;max-width:600px;opacity:0;padding:30px;position:relative;-webkit-transform:scale(.7);transform:scale(.7);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}.EditIncome.visible .EditIncomeContent{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.EditIncomeContent .react-datepicker__input-container input,.EditIncomeContent input{border:1px solid #ccc;border-radius:6px;font-size:18px!important;margin-bottom:15px;padding:12px;transition:border-color .3s ease;width:100%}.EditIncomeContent input:focus{border-color:#2290f7;outline:none}.EditIncomeContent .form-floating>label{left:15px!important;transition:all .3s ease}.EditIncomeContent .spanTitle{color:#2290f7;font-size:14px;font-weight:700}.EditIncomeContent span{color:#f72222;font-weight:600}@media (max-width:768px){.EditIncomeContent{max-width:500px;padding:20px;width:95%}.EditIncomeContent input{font-size:14px}.EditIncomeContent .button-29{font-size:14px;padding:10px}}@media (max-width:480px){.EditIncomeContent{max-width:400px;padding:15px;width:90%}}.textarea{height:125px!important;position:relative;width:400px}.textarea textarea{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;color:#fff;font-size:18px;padding-top:30px;text-align:center}.card-header label{background-color:#03752500;color:#fff;font-size:26px;font-weight:600;left:0;margin-bottom:0!important;pointer-events:none;top:-5px;transition:all .3s ease}.card-header{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))}.textarea textarea:focus~label,.textarea textarea:valid~label{color:#fff;font-size:28px;-webkit-transform:translateY(0);transform:translateY(0)}.AddTask .button-29{width:100%!important}@media (max-width:600px){.textarea{width:312px}}form .form-row .textarea{height:70px}.textarea textarea{border:none;border-bottom:2px solid rgba(0,0,0,.12);display:block;font-size:17px;height:100%;outline:none;width:100%}.larger{height:40px!important;width:50px!important}.textarea textarea:focus~label,.textarea textarea:valid~label{color:#037525;font-size:16px;font-weight:600;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.textarea textarea{padding-top:10px;resize:none}.textarea label{background:#fff;bottom:40px;width:100%}.textarea textarea:focus~.underline:before,.textarea textarea:valid~.underline:before{-webkit-transform:scale(1);transform:scale(1)}.AddTask form{margin:initial;max-width:none!important;width:auto!important}.ToDo{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px;width:100%}.ToDo .button-29{height:30px;width:100%}.tasks{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(7,1fr);padding:10px;width:100%}@media (max-width:1200px){.tasks{grid-template-columns:repeat(5,1fr)}}@media (max-width:900px){.tasks{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.tasks{grid-template-columns:repeat(1,1fr)}}.card-body h5{white-space:pre-wrap}.floating-btn{align-items:center;background:#0657a3;border:4px solid #fff;border-radius:50%;bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;font-size:28px;font-weight:700;height:60px;justify-content:center;position:fixed;right:20px;transition:background .3s ease,font-size .2s ease,bottom .2s ease,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease,font-size .2s ease,bottom .2s ease;transition:background .3s ease,transform .2s ease,font-size .2s ease,bottom .2s ease,-webkit-transform .2s ease;visibility:hidden;width:60px;z-index:1050}.floating-btn:hover{background:#023768;font-size:32px;-webkit-transform:scale(1.1);transform:scale(1.1)}.floating-btn.open{bottom:10px}.floating-btn span{align-items:center;display:flex;font-family:Arial,sans-serif;height:100%;justify-content:center;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;transition-timing-function:cubic-bezier(.41,.45,.1,.86);width:100%}.floating-btn.open span{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;opacity:1;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.floating-btn span:before{content:"+";font-family:Arial,sans-serif;font-size:48px}.floating-btn.open span:before{font-size:56px}.overlay{background:rgba(0,0,0,.5);height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100vw;z-index:999}.overlay.show{opacity:1;visibility:visible}.add-section-container{background:#fff;border:1px solid #000;border-radius:12px;bottom:15px;box-shadow:0 4px 12px rgba(0,0,0,.2);height:670px;max-width:480px;opacity:0;overflow-x:hidden;overflow-y:auto;pointer-events:none;position:fixed;right:15px;-webkit-transform:scale(.8);transform:scale(.8);transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease,visibility .3s ease;transition:transform .3s ease,opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease;visibility:hidden;z-index:1025}.add-section-container.open{justify-items:center;opacity:1;pointer-events:auto;-webkit-transform:scale(1);transform:scale(1);visibility:visible}.add-section-inner{align-items:center;display:flex;flex-direction:column}.toggle-buttons{background-color:rgba(70,120,154,.664);border-bottom:3px solid #000;display:block;margin-bottom:12px;text-align:center}.toggle-btn{background:transparent;border:none;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:10px;transition:background .3s ease,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease;width:121px}.toggle-btn:hover{background:rgba(70,120,154,.664)}.toggle-btn.selected{background-color:rgba(70,120,154,.664)}.transaction-form input{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.submit-btn{background:blue;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background .3s ease,-webkit-transform .2s ease;transition:background .3s ease,transform .2s ease;transition:background .3s ease,transform .2s ease,-webkit-transform .2s ease;width:100%}.submit-btn:hover{background:#00008b;-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:1000px){.floating-btn{visibility:visible}.add-section-container{height:670px}.toggle-buttons{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.floating-btn{font-size:24px;height:60px;width:60px}.add-section-container{height:670px}.submit-btn,.transaction-form input{font-size:18px}.submit-btn{padding:10px}}@media (max-height:700px){.add-section-container{bottom:-50px;position:fixed;right:0;-webkit-transform:scale(.8)!important;transform:scale(.8)!important}}@media (max-height:600px){.add-section-container{bottom:-90px;right:0;-webkit-transform:scale(.7)!important;transform:scale(.7)!important}}@media (max-height:500px){.add-section-container{bottom:-120px;right:0;-webkit-transform:scale(.6)!important;transform:scale(.6)!important}}@media (max-height:400px){.add-section-container{bottom:-140px;right:0;-webkit-transform:scale(.5)!important;transform:scale(.5)!important}}.PrivacyPolicy,.TermsOfService{margin:0 auto;max-width:900px;min-height:100vh;padding:40px 20px}.policy-container{background:hsla(0,0%,100%,.95);border:1px solid rgba(99,102,241,.1);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:40px}.policy-container h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin-bottom:10px;text-align:center}.last-updated{color:#6b7280;font-size:14px;margin-bottom:40px;text-align:center}.policy-container section{margin-bottom:35px}.policy-container h2{color:#6366f1;font-size:24px;font-weight:600;margin-bottom:15px;margin-top:30px}.policy-container h3{color:#374151;font-size:18px;font-weight:600;margin-bottom:10px;margin-top:20px}.policy-container p{color:#4b5563;font-size:16px;line-height:1.8;margin-bottom:15px}.policy-container ul{list-style:none;margin-bottom:20px;padding-right:0}.policy-container ul li{color:#4b5563;font-size:16px;line-height:1.8;margin-bottom:10px;padding-right:25px;position:relative}.policy-container ul li:before{color:#6366f1;content:"✓";font-weight:700;position:absolute;right:0}.policy-container a{color:#6366f1;font-weight:500;text-decoration:none}.policy-container a:hover{text-decoration:underline}.policy-container strong{color:#1f2937;font-weight:600}@media (max-width:768px){.policy-container{padding:25px 20px}.policy-container h1{font-size:28px}.policy-container h2{font-size:20px}.policy-container h3{font-size:16px}.policy-container p,.policy-container ul li{font-size:15px}}.AuthMenu a{margin:5px;text-decoration:none;width:100px}.fa-user-circle{color:#000;font-size:250%}.fa-user-circle:hover{color:#7a7a7a}.navbar-header{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,250,252,.98));border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#667eea,#764ba2 50%,#667eea);border-image-slice:1;box-shadow:0 8px 32px rgba(0,0,0,.08);display:flex;height:80px;justify-content:space-between;position:fixed;transition:all .3s ease;width:100%;z-index:100}.navbar-header:hover{box-shadow:0 12px 48px rgba(102,126,234,.15)}#logo-pic{border-radius:50%;cursor:pointer;-webkit-filter:drop-shadow(0 4px 12px rgba(102,126,234,.2));filter:drop-shadow(0 4px 12px rgba(102,126,234,.2));height:85px;margin-left:1.5rem;transition:all .3s ease;width:85px}#logo-pic:hover{-webkit-filter:drop-shadow(0 6px 20px rgba(102,126,234,.4));filter:drop-shadow(0 6px 20px rgba(102,126,234,.4));-webkit-transform:scale(1.05) rotate(5deg);transform:scale(1.05) rotate(5deg)}#navcontainer{display:flex;margin-left:auto;margin-right:auto;margin-top:20px}.authMenu{margin-right:250px}#navbar{align-items:center;display:flex;justify-content:center}#navbar li{list-style:none;padding:10px 20px;position:relative}#navbar li a{border-radius:12px;color:#2d3748;display:inline-block;font-size:1.1rem;font-weight:600;min-width:100px;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}#navbar li a:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease;z-index:-1}#navbar li a:hover{color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px)}#navbar li a.active{box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff}#navbar li a.active:after{opacity:1}#mobile{align-items:center;display:none;flex-direction:column;justify-content:center;position:relative}#mobile,#mobile input{height:40px;width:40px}#mobile input{cursor:pointer;display:block;opacity:0;position:absolute;z-index:99}#mobile span{background:#667eea;border-radius:3px;box-shadow:0 2px 8px rgba(102,126,234,.3);display:block;height:3px;margin:3px 0;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:30px}#mobile input:checked~span:nth-child(2){background:#764ba2;box-shadow:0 0 15px rgba(118,75,162,.6);-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-6px,6px)}#mobile input:checked~span:nth-child(3){opacity:0;-webkit-transform:scale(0);transform:scale(0)}#mobile input:checked~span:nth-child(4){background:#764ba2;box-shadow:0 0 15px rgba(118,75,162,.6);-webkit-transform:rotate(45deg) translate(-6px,-6px);transform:rotate(45deg) translate(-6px,-6px)}#mobile:hover span{background:#764ba2;box-shadow:0 0 12px rgba(118,75,162,.5)}.fa-house{display:none}@media screen and (max-width:1300px) and (min-width:1001px){#navbar li{padding:10px 12px}#navbar li a{font-size:.95rem;min-width:80px;padding:.4rem .8rem}.authMenu{margin-right:100px}}@media screen and (max-width:1000px){.navbar-header{height:80px}#logo-pic{margin-bottom:10px;margin-left:1rem}#navbar{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,250,252,.98));border-image:linear-gradient(90deg,#667eea,#764ba2 50%,#667eea);border-image-slice:1;border-left:2px solid rgba(102,126,234,.3);box-shadow:-8px 0 32px rgba(102,126,234,.15);display:flex;flex-direction:column;height:calc(100% - 80px);justify-content:flex-start;overflow-y:auto;padding:1rem 0;position:fixed;right:-250px;top:80px;transition:right .4s cubic-bezier(.4,0,.2,1);width:250px}#navbar.active{box-shadow:-12px 0 48px rgba(102,126,234,.25);right:0}#navbar li{margin:.5rem 0;width:90%}#navbar li a{color:#000;font-size:1.2rem;font-weight:600;min-width:100px;padding:5px;text-decoration:none;transition:.3s ease-in-out}.authMenu{margin-right:0;margin-top:1rem;width:90%}#mobile{display:flex;margin-right:1rem}.Box{transition:.3s ease-in-out;width:100%!important}.fa-house{display:block;font-size:20px;margin-top:9px}}#navbar li a:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width .3s ease;width:0}#navbar li a:hover:before{width:80%}#navbar li a.active:before{width:0}@media screen and (max-width:1300px){#navbar li a:before{display:none}}.Layout{direction:rtl;min-height:100%}.Layout>header{border-bottom:none;border-top:none;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);grid-column:span 6;z-index:999}.Layout>main{grid-column:span 6;height:100%;padding:120px 15px 0}#root,body,html{background-attachment:fixed;background-color:#b8dbff;background-image:url(/static/media/BudgetbuddyBG.55f396830cb4f2d7d66c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#000;font-family:Cabin,sans-serif;font-family:Karantina,cursive;font-family:Poppins,sans-serif;height:100%;margin:0;padding:0;text-align:center}.form-control{background-color:#fff;border:1px solid #000;direction:rtl;font-size:18px;font-weight:600;margin-bottom:10px;padding:10px;transition:.3s ease-in-out}input[type=email]{direction:ltr!important;text-align:center}label{color:#2290f7;font-weight:600;margin-bottom:10px}.Box,label{transition:.3s ease-in-out}.Box{background-color:hsla(0,0%,100%,.937);border:1px solid #000;border-radius:10px;box-shadow:1px 2px 28px 0 rgba(0,0,0,.75);-webkit-box-shadow:1px 2px 28px 0 rgba(0,0,0,.75);display:inline-block;padding-bottom:50px;text-align:center;width:90%}.Box>p{margin:0}a{color:#5d9dfc}a:hover{color:#408af8}::-webkit-scrollbar-track{background-color:#c7c7c7;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar{background-color:#949494;width:10px}::-webkit-scrollbar-thumb{background:#5aa3ff;background:linear-gradient(0deg,#5a86ff,#2d9aff)}.button-29{align-items:center;-webkit-appearance:none;appearance:none;background-image:radial-gradient(100% 100% at 100% 0,#a2c7ff 0,#659ff7 100%);border:0;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 rgba(58,65,111,.5);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;height:50px;justify-content:center;padding-left:16px;padding-right:16px;touch-action:manipulation;-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:box-shadow .15s,-webkit-transform .15s;transition:box-shadow .15s,transform .15s;transition:box-shadow .15s,transform .15s,-webkit-transform .15s;user-select:none;-webkit-user-select:none;will-change:box-shadow,transform}.button-29:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #a2c7ff;color:#fff;-webkit-transform:translateY(-4px);transform:translateY(-4px)}form{margin:0 auto;max-width:300px;width:75%!important}.form-floating>label{font-size:20px;left:40px;top:-10px}input{direction:rtl!important}.form-floating :-webkit-autofill:first-line{color:#000}.fa-info-circle{color:#4982b8;cursor:pointer}.fa-info-circle:hover{color:#3e71a1}select{border:1px solid #ccc!important;direction:rtl!important;text-align:center!important}.add-category-button{align-items:center;background-color:#2290f7;border:1px solid #cddff0;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:30px;justify-content:center;left:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.add-category-button:hover{background-color:#2290f7;box-shadow:0 4px 8px rgba(0,0,0,.2);color:#fff;-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.react-datepicker-wrapper{display:inline-block;width:100%}.react-datepicker__input-container input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:10px 14px;text-align:center;transition:all .2s ease;width:100%}.react-datepicker__input-container input:hover{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.react-datepicker__input-container input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15);outline:none}.react-datepicker-popper{position:fixed!important;z-index:9999!important}.react-datepicker{background:#fff;border:none;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);direction:rtl;font-family:inherit;font-size:14px;overflow:hidden}@media (min-width:769px){.AddExpense .react-datepicker,.AddIncome .react-datepicker,.AddRecurringExpense .react-datepicker,.AddRecurringIncome .react-datepicker{margin-right:40px}}.react-datepicker__header{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:none;border-radius:0;padding:12px}.react-datepicker__current-month{color:#fff;font-size:15px;font-weight:600;margin-bottom:8px}.react-datepicker__day-names{margin-top:6px}.react-datepicker__day-name{color:hsla(0,0%,100%,.9);font-size:11px;font-weight:600;line-height:28px;margin:1px;width:30px}.react-datepicker__month{direction:rtl;margin:8px}.react-datepicker__day{align-items:center;border-radius:8px;color:#334155;display:inline-flex;font-size:13px;font-weight:600;height:30px;justify-content:center;line-height:30px;margin:1px;transition:all .15s ease;width:30px}.react-datepicker__day:hover{background:#f1f5f9;color:#6366f1;-webkit-transform:scale(1.05);transform:scale(1.05)}.react-datepicker__day--selected{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600}.react-datepicker__day--selected:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.react-datepicker__day--keyboard-selected,.react-datepicker__day--today{background:rgba(99,102,241,.1);color:#6366f1}.react-datepicker__day--today{font-weight:600}.react-datepicker__day--outside-month{color:#cbd5e1}.react-datepicker__day--disabled{color:#e2e8f0;cursor:not-allowed}.react-datepicker__day--disabled:hover{background:transparent;-webkit-transform:none;transform:none}.react-datepicker__navigation{align-items:center;background:hsla(0,0%,100%,.2);border-radius:6px;height:28px;justify-content:center;text-align:center;top:16px;transition:all .2s ease;width:28px}.react-datepicker__navigation--previous{left:auto;right:12px}.react-datepicker__navigation--next{left:12px;right:auto}.react-datepicker__navigation:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.react-datepicker__navigation-icon:before{border-color:#fff;height:10px;top:10px;width:10px}.react-datepicker__navigation-icon--previous{right:4px}.react-datepicker__navigation-icon--next{left:4px}.react-datepicker__navigation--previous .react-datepicker__navigation-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-datepicker__navigation--next .react-datepicker__navigation-icon:before{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{margin:0 6px}.react-datepicker__month-read-view,.react-datepicker__year-read-view{background:hsla(0,0%,100%,.3)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;color:#fff!important;cursor:pointer;font-size:14px!important;font-weight:700!important;padding:6px 14px!important;transition:all .2s ease}.react-datepicker__month-read-view:hover,.react-datepicker__year-read-view:hover{background:hsla(0,0%,100%,.45)!important;box-shadow:0 3px 6px rgba(0,0,0,.15)!important;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{border-color:#fff transparent transparent!important;border-width:5px 4px 0!important;margin-left:6px!important}.react-datepicker__month-select,.react-datepicker__year-select{background:hsla(0,0%,100%,.3)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;color:#fff!important;cursor:pointer;font-size:14px!important;font-weight:700!important;margin:0 4px!important;padding:6px 14px!important;transition:all .2s ease}.react-datepicker__header__dropdown.react-datepicker__header__dropdown--select{margin-top:15px}.react-datepicker__month-select:hover,.react-datepicker__year-select:hover{background:hsla(0,0%,100%,.45)!important;box-shadow:0 3px 6px rgba(0,0,0,.15)!important}.react-datepicker__month-select:focus,.react-datepicker__year-select:focus{background:hsla(0,0%,100%,.5)!important;box-shadow:0 0 0 3px hsla(0,0%,100%,.3)!important;outline:none}.react-datepicker__month-select option,.react-datepicker__year-select option{background:#fff!important;color:#334155!important;font-weight:500!important;padding:8px!important}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background:#fff!important;border:none!important;border-radius:12px!important;box-shadow:0 8px 28px rgba(0,0,0,.15)!important;max-height:200px;overflow-y:auto;padding:4px!important}.react-datepicker__month-option,.react-datepicker__year-option{border-radius:8px!important;cursor:pointer;font-size:14px!important;font-weight:500!important;margin:2px 0!important;padding:8px 16px!important;text-align:right!important;transition:all .15s ease}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background:linear-gradient(90deg,rgba(99,102,241,.1),rgba(139,92,246,.1));color:#6366f1}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;font-weight:600}.react-datepicker__month-option--selected:hover,.react-datepicker__year-option--selected:hover{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.react-datepicker__month-dropdown::-webkit-scrollbar,.react-datepicker__year-dropdown::-webkit-scrollbar{width:5px}.react-datepicker__month-dropdown::-webkit-scrollbar-track,.react-datepicker__year-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.react-datepicker__month-dropdown::-webkit-scrollbar-thumb,.react-datepicker__year-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.react-datepicker__month-dropdown::-webkit-scrollbar-thumb:hover,.react-datepicker__year-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.Footer{background:linear-gradient(135deg,#0f1f362f,#0f1f362f);color:#fff;direction:rtl;margin-top:80px;padding:40px 20px 20px}.footer-content{grid-gap:40px;border-bottom:1px solid hsla(0,0%,100%,.2);display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;padding-bottom:30px}.footer-section h4{color:#fff;font-size:20px;font-weight:600;margin-bottom:15px}.footer-section p{font-size:18px;line-height:1.6;margin:0;opacity:.9}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#fff;font-size:18px;opacity:.9;text-decoration:none;transition:opacity .3s ease}.footer-section ul li a:hover{opacity:1;text-decoration:underline}.footer-bottom{margin:0 auto;max-width:1200px;padding-top:20px;text-align:center}.footer-bottom p{font-size:16px;margin:0;opacity:.8}@media (max-width:768px){.footer-content{gap:30px;grid-template-columns:1fr;text-align:center}}
/*# sourceMappingURL=main.cc60ef76.css.map*/