.sidebar{height:100vh;padding:2.4rem 1.6rem}.sb-header{align-items:flex-end;gap:.8rem;display:flex}.sb-logo{width:3.6rem}.sb-link:link,.sb-link:visited{color:#333;font-size:2.6rem;font-weight:600}.sidebar-header{border-bottom:2px solid #eee;padding:1.2rem 0}.nav-menu-back-btn{background:0 0;display:none}.sb-nav{padding:4.8rem .8rem}.nav-lists{flex-direction:column;gap:2rem;list-style:none;display:flex}.nav-link:link,.nav-link:visited{align-items:center;gap:1.2rem;padding:1.2rem;display:flex}.nav-link:hover,.nav-link:active{background-color:#f2f2f2;border-radius:.6rem}.nav-link-text{color:#333;font-size:2rem}.nav-link-active{background-color:#fff;border:.3px solid #e8f3ff;border-radius:.6rem;box-shadow:0 .4rem .4rem #e8f3ff}.nav-link-active svg{stroke:#177ae6}.nav-link svg{width:2.2rem}.nav-btn{background:0 0;margin-left:auto;display:none}.section-dashboard{padding:2rem 0}.dashboard-container{align-items:center;gap:2.4rem;padding:1.6rem 4.2rem;display:flex}.btn-add-expense{color:#f2f2f2;border-radius:4px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:1.6rem;font-weight:500;display:flex}.btn-add-expense:hover{background-color:#177ae6}.btn-plus-icon{width:1.4rem}.dashboard-button-container{margin-left:auto}.dashboard-content{border-bottom:2px solid #eee;margin-bottom:4rem}.dashboard-summary-container{border:2px solid #eee;border-radius:.6rem;margin-bottom:5.2rem;padding:1.8rem 3.6rem}.dashboard-summary-heading{color:#444;margin-bottom:2rem;font-size:2.2rem;font-weight:600}.dashboard-expense-content{justify-content:space-around;align-items:center;gap:2.4rem;display:flex}.dashboard-expense-container{flex-direction:column;gap:1.2rem;display:flex}.dashboard-expense-text{font-size:1.6rem;font-weight:500}.dashboard-chart-container{justify-content:space-between;gap:4.8rem;display:flex}.dashboard-pie-container,.dashboard-bar-container{width:50%;padding:2rem}.progress-container{background:#fff;border:1.5px solid #333;border-radius:.8rem;width:22rem;height:3rem;overflow:hidden}.progress-fill{background:#fff;width:0;height:100%;transition:width .4s}.summary-tab-container{border:.3px solid #efefef;border-radius:.6rem;justify-content:space-between;gap:3.4rem;width:28rem;padding:1.2rem 2rem;display:flex;box-shadow:0 .4rem .4rem #00000012}.tab-icon-background{background-color:#badbff;border-radius:.4rem;padding:.2rem .4rem}.tab-icon-background svg{stroke:#177ae6;width:4rem;height:4rem}.summary-details-container{flex-direction:column;gap:1.2rem;padding-top:.2rem;display:flex}.summary-details-name{color:#6c757d;font-size:1.8rem;font-weight:500}.summary-details-amount{font-size:2rem;font-weight:600;color:#444!important}.modal{z-index:2;background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.expense-form-header{gap:4.8rem;width:42rem;display:flex}.form-exp-text{color:#333;font-size:2.6rem;font-weight:500}.expense-form-container{border-radius:.8rem;padding:2.4rem 2rem;display:none}.exp-form-close{background:0 0;flex:0 0 5%;margin-left:auto}.form-exp-text-container{flex:0 0 95%;justify-content:center;display:flex}.exp-form-close svg:hover{stroke:#444}.expense-form{flex-direction:column;align-items:center;gap:1.2rem;width:42rem;display:flex}.exp-form-group{flex-direction:column;gap:1rem;width:100%;display:flex}.form-input-fields{border:1.5px solid #ccc;border-radius:4px;width:100%;padding:1.2rem 1rem;font-family:inherit;font-size:1.4rem}.form-label{color:#333;font-size:1.4rem;font-weight:600}.form-amt-container{grid-template-columns:repeat(2,1fr);gap:1.4rem;width:100%;display:grid}.exp-form-btn{color:#fff;border-radius:6px;padding:1.2rem 3.8rem;font-size:2rem;font-weight:500}.form-btn-container{justify-content:center;width:100%;margin-top:1.8rem;display:flex}.exp-form-btn{width:100%}.exp-form-btn:hover{background-color:#177ae6}.section-transaction{padding:2rem 0}.trans-filter-container{align-items:flex-end;gap:2rem;padding:0 2.4rem;display:flex}.trans-input-group{flex-direction:column;gap:.8rem;display:flex}.trans-input-field{border:1.5px solid #ccc;border-radius:4px;width:20rem;padding:.6rem 1rem;font-family:inherit;font-size:1.4rem}.trans-form-label{color:#555;font-size:1.3rem;font-weight:500}.btn-trans{color:#f2f2f2;border:none;border-radius:4px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:1.6rem;font-weight:500;display:flex}.btn-trans svg{width:1.4rem}.trans-btn-group{gap:2.4rem;margin-left:4rem;display:flex}.transaction-table-container{padding:0 2.4rem}.transaction-table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}.trans-head-table-container th,.trans-table-body td{text-align:left;font-size:1.4rem;font-weight:500}.trans-head-table-container th{padding:1rem}.trans-table-body td{color:#333;padding:.5rem 1rem}.trans-head-table-row{color:#f2f2f2;background-color:#177ae6}.transaction-table th:first-child,.transaction-table td:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;width:15%}.transaction-table th:nth-child(2),.transaction-table td:nth-child(2){width:20%}.transaction-table th:nth-child(3),.transaction-table td:nth-child(3){width:35%}.transaction-table th:nth-child(4),.transaction-table td:nth-child(4){width:15%}.transaction-table th:nth-child(5),.transaction-table td:nth-child(5){border-top-right-radius:4px;border-bottom-right-radius:4px}.trans-table-button-col .btn{background:0 0;border:none}.trans-table-button-col svg{stroke:#1a88ff;stroke-width:2.5px;width:2rem}.trans-table-button-col svg:hover{stroke:#156dcc}.mobile-transactions-cards-container{max-width:100%;display:none}.transaction-card{border:2px solid #d1e7ff;border-radius:.6rem;flex-direction:column;gap:1.4rem;max-width:100%;padding:1rem 1.6rem;display:flex;box-shadow:0 .4rem .4rem #00000012}.card-details-container{align-items:center;gap:1.4rem;min-width:0;display:flex}.card-category-container{flex:1;min-width:0}.card-date-container{color:#777;border-bottom:1px solid #dedede;margin-bottom:.4rem;padding-bottom:.8rem;font-size:1.8rem;font-weight:500}.card-category-name,.card-amount{color:#333;font-size:1.8rem;font-weight:500}.card-amount{white-space:nowrap;margin-left:auto}.card-category-name{margin-bottom:.6rem}.card-description{color:#333;max-width:60%;padding:.4rem 0;font-size:1.4rem}.card-buttons-container{margin-left:auto}.btn-disabled svg,.btn-disabled svg:hover{stroke:#8dc4ff}.edit-btn{margin-right:1.2rem}.trans-table-body tr:nth-child(odd){background-color:#fff}.trans-table-body tr:nth-child(2n){background-color:#d1e7ff}.thead-sort-column{cursor:pointer;gap:.4rem;display:flex}.pagination-container{align-items:center;gap:4rem;padding:0 2.4rem;display:flex}.total-records-container{flex-direction:column;gap:.6rem;width:15%;font-size:1.4rem;font-weight:500;display:flex}.pagination-empty-div{content:"";width:15%}.total-records{font-size:1.2rem}.pagination-btn-container{flex:1;justify-content:center;align-items:center;gap:1.2rem;display:flex}.pagination-btn{color:#555;background:0 0;border:1px solid #e7e7e7;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.6rem;font-weight:500;display:flex}.pagination-btn-active{color:#fff;background-color:#177ae6}.section-analytics{padding:2rem 0}.analytics-select-container{padding:0 2.4rem}.spending-chart-container{border:2px solid #eee;border-radius:.6rem;padding:1.8rem 2.4rem}.analytics-categories-container{justify-content:space-between;gap:4.8rem;display:flex}.anlytics-categories-chart-container{border:2px solid #eee;border-radius:.6rem;width:100%;padding:1.8rem .2rem}.section-settings{padding:2rem 0}.settings-tab-container{padding:0 2.2rem}.settings-parent-div{border-bottom:2px solid #eee;gap:3rem;padding-bottom:.6rem;display:flex;position:relative}.settings-tab{color:#444;cursor:pointer;font-size:1.8rem;font-weight:500;position:relative}.settings-tab:hover{color:#555}.settings-tab.active{color:#177ae6}.settings-tab.active:after{content:"";--underline-overhang:.8rem;left:calc(-1*var(--underline-overhang));width:calc(100% + (var(--underline-overhang)*2));background:#177ae6;border-radius:2px;height:3px;position:absolute;bottom:-.8rem}.settings-profile-container{padding:0 2.2rem}.profile-header-container{flex-direction:column;gap:.6rem;display:flex}.profile-header{color:#444;font-size:2.2rem;font-weight:600}.profile-header-desc{color:#444;font-size:1.4rem;line-height:1.4}#settings-profile-form{flex-direction:column;gap:2rem;font-size:1.8rem;display:flex}.settings-form-label{color:#444;font-weight:600}.settings-field-container{grid-template-columns:.2fr .8fr;align-items:center;display:grid}.settings-profile-input{font-family:inherit;font-size:inherit;border:1.5px solid #ccc;border-radius:4px;width:20rem;height:3.6rem;padding:.6rem 1rem}#settings-country{width:42rem}.custom-select{max-width:42rem;position:relative}.custom-select-input{width:42rem;font-size:inherit;border:1.5px solid #ccc;border-radius:4px;outline:none;padding:.6rem 1rem;transition:border-color .2s,box-shadow .2s}.custom-select-options{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:.6rem;width:100%;max-height:20rem;display:none;position:absolute;top:calc(100% + .4rem);left:0;overflow-y:auto;box-shadow:0 4px 10px #0000000d}.country-option{color:#333;cursor:pointer;padding:1rem 1.2rem;font-size:1.4rem;transition:background-color .15s}.country-option:hover{background-color:#f4f7fb}.custom-select.active .custom-select-options{display:block}.settings-profile-name-container{gap:2rem;display:flex}.settings-profile-btn{color:#fff;border-radius:4px;padding:.6rem 1.2rem;font-size:1.6rem;font-weight:500}.profile-settings-button-container{gap:1.8rem;padding-top:1.4rem;display:flex}.settings-currency{color:#333;font-weight:600}.settings-budget-container,.settings-categories-container{padding:0 2.2rem}#settings-budget-form{flex-direction:column;gap:2rem;font-size:1.8rem;display:flex}.settings-budget-input-container{position:relative}.settings-budget-input{padding-left:2.4rem}.settings-budget-label{position:absolute;top:1rem;left:.8rem}#settings-add-category-form{flex-direction:column;gap:2rem;font-size:1.8rem;display:flex}#settings-budget-form,#settings-profile-form,#settings-add-category-form{font-family:inherit}.color-picker-container{cursor:pointer;background-color:#fff;border:1.5px solid #ccc;border-radius:4px;align-items:center;gap:.8rem;width:fit-content;padding:.8rem 1.2rem;transition:border-color .2s;display:flex}.color-picker-container:hover{border-color:#79b2d6}.color-picker-wrapper input[type=color]{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:4px;width:2.4rem;height:2.4rem;padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}#color-code{color:#333;font-family:monospace;font-size:1.4rem}.settings-categories-lists{flex-direction:column;gap:1.2rem;list-style:none;display:flex}.settings-categories-lists-item{color:#444;border:.5px solid #efefef;border-radius:4px;grid-template-columns:9fr 1fr;align-items:center;gap:20rem;padding:1rem 2rem;font-family:inherit;font-size:2rem;font-weight:500;display:grid}.settings-categories-btn-container{margin-left:auto}.categories-list-color{content:"";text-align:center;background-color:#e57373;border-radius:100px;width:2rem;height:2rem;margin-right:1.4rem;display:inline-block}.settings-edit-category-container{border:2px solid #eee;border-radius:.6rem;width:fit-content;min-width:40%;padding:1.8rem 2.4rem}.category-list-name-container{align-items:flex-start;display:flex}.category-list-name-container .color-picker-container{margin-right:3rem;padding:.5rem 1.2rem}.category-list-name-container .settings-profile-input{max-width:40rem;padding:1.8rem 1rem}.categories-edit-list-field{grid-template-columns:8fr 2fr;gap:18rem}.edit-category-save-btn{color:#fff;background-color:#28a745;border-radius:2px;justify-content:center;align-items:center;padding:.2rem .4rem;display:flex}.edit-category-save-btn:hover{background-color:#24963e}.edit-category-cancel-btn{color:#fff;background-color:#dc3545;border-radius:2px;justify-content:center;align-items:center;padding:.2rem .4rem;display:flex}.edit-category-cancel-btn:hover{background-color:#c6303e}.category-edit-btn-container{align-items:center;gap:1.4rem;display:flex}.color-input{cursor:pointer}
/*# sourceMappingURL=BudgetPrep.c66aabe7.css.map */