*{box-sizing:border-box;font-family:Poppins,sans-serif}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page{display:flex;flex:1 1;flex-direction:column;gap:16px;height:100%}.page-pannel{background-color:#fff;border:1px solid #fafafa;border-radius:8px;flex:1 1;height:100%;padding:16px;position:relative;width:100%}.success-color{color:#00a859}.error-color{color:#e02020}.col{display:flex;flex-direction:column}.full-width{width:100%}.menu-container{background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:space-between;transition-duration:.5s}.menu-logo-content{padding:1rem;text-align:center}.menu-logo-content img{height:50px;max-width:100%;object-fit:contain;width:120px}.menu-items-content{align-items:center;display:flex;flex:1 1;flex-direction:column}.menu-item-container{align-items:center;align-self:center;color:#a0a0a0;cursor:pointer;display:flex;flex-direction:row;height:40px;justify-content:space-between;text-decoration:none;transition-duration:.2s;width:100%}.menu-item-container:hover{background-color:#f0f0f0}.menu-item-content{align-items:center;align-self:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin:0 auto;width:80%}.menu-item-disabled{opacity:.2}.is-active{color:#490ab6}.is-active .selector{background-color:#490ab6;border-radius:4px 0 0 4px;height:100%;width:4px}.menu-item-label{flex:1 1}.menu-footer-content{color:#a0a0a0;font-size:12px;padding:2rem 0;text-align:center}.menu-footer-content a{color:#a0a0a0;text-decoration:none}.page-container{background-color:#eff2f8;display:flex;flex-direction:row}.main-content{display:flex;flex:1 1;flex-direction:column}.content-wrapper{height:100%;padding:16px;width:100%}nav{align-items:center;background-color:#fafafa;display:flex;flex:1 1;flex-direction:row;justify-content:end;width:100%}.sign-out-container{border-radius:8px;cursor:pointer;padding:1rem;transition-duration:.2s}.sign-out-container:hover{background-color:#fff}.login-page{display:flex;flex:1 1;flex-direction:row;height:100vh;overflow:hidden;overflow-x:hidden;overflow-y:hidden;width:100%}.form-page{align-items:center;display:flex;flex:0.6 1;flex-direction:column;justify-content:center}.login-title{font-size:2rem;font-weight:500;padding-bottom:1rem}.form-container{max-width:450px;width:70%}.page-info{background-color:#490ab6;border-radius:2rem 0 0 8rem;flex:0.4 1;z-index:-10}.avatar{bottom:0;height:90vh;overflow:hidden;position:fixed;right:10vw;right:0;z-index:-9}.logo-image{margin-bottom:32px;max-width:280px}.input-container{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:flex-start;margin-bottom:4px;padding-right:4px;width:100%}.input-container input{stroke-width:0;border:none;flex:1 1;margin-left:4px;outline:none;padding:10px 4px}.clean-text{cursor:pointer}.filed-error{color:red;font-size:10px;margin:0;padding:0;text-align:right}.button-container{flex-direction:row;justify-content:center;margin:.5rem 0}.button,.button-container{align-items:center;display:flex}.button{border-radius:4px;cursor:pointer;justify-content:space-between;padding:2px;text-align:center;transition:all .3s ease;width:100%}.button:hover{opacity:.7}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}.page-title{font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}.page-description{margin-bottom:20px;text-align:center}.form-group{display:flex;flex-direction:column;height:200px;justify-content:space-evenly;margin-bottom:12px;min-width:300px;width:60%}.modal-content{align-items:center;display:flex;height:300px;justify-content:center;transition:transform .5s ease-in-out}.modal-content.login{transform:translateX(0)}.modal-content.register{transform:translateX(-50%)}.form-row{gap:8px;width:100%}.form-row,.separator-container{display:flex;flex-direction:row;justify-content:space-between}.separator-container{align-items:center;color:#a0a0a0;margin:12px 0}.separator{background-color:#c4c4c4;height:1px;width:100%}.datepicker-container{flex:1 1;margin-top:1px!important;padding:0!important}.datepicker-container div div{font-size:12px;padding:10px 4px}.datepicker-container fieldset{border:1px solid #e0e0e0!important}label{margin-top:2px}.table-container{display:flex;flex-direction:column;gap:8px}.row{align-items:center;display:flex}.header-actions{display:flex;flex:1 1;gap:12px;justify-content:flex-end}.button-action{align-items:center;background-color:#fff;border:1px solid #eaeaea;border-radius:4px;color:#7c7c7c;cursor:pointer;display:flex;height:40px;justify-content:center;transition-duration:.3s;width:40px}.button-action:hover{background-color:#f6f6f6}table{border:1px solid #eaeaea;border-radius:4px;border-spacing:0;padding:0;width:100%}table th{background-color:#f6f6f6;margin:0}table td,table th{padding:8px}table tr{border-bottom:1px solid #eaeaea}table tr:nth-child(2n){background-color:#fafafa}table tr:hover{background-color:#f0f0f0}.content-center{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center}.action-button{border:1px solid #eaeaea;border-radius:4px;cursor:pointer;opacity:.7;padding:6px;transition-duration:.3s}.action-button:hover{opacity:1}.data-container{display:block;overflow:hidden;position:relative}.overlay{background-color:#0006;bottom:0;flex-direction:row;justify-content:center;left:0;padding:0;position:absolute;right:0;top:0}.overlay,select{align-items:center;display:flex}select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;justify-content:flex-start;margin-bottom:4px;outline:none;padding:10px 4px;width:100%}label{color:#4c4c4c;font-size:10px;font-weight:700;text-transform:uppercase}.pannel{display:flex;flex-direction:column;height:100%}.pannel-container{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:8px;height:100%;justify-content:center}.pannel-title{font-size:1rem;font-weight:700}.pannel-container .info-container{display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%}.pannel-container .description{align-content:center;align-items:center;align-self:center;flex:1 1;font-size:14px;justify-content:center}.pannel-container .data-value{flex:0.4 1;font-size:3rem}.filter-container{align-items:flex-end;border:1px solid #fafafa;border-radius:8px;flex-direction:row;gap:8px;justify-content:space-between;padding:16px;width:100%}.close-btn,.filter-container{background-color:#fff;display:flex}.close-btn{align-items:center;border:1px solid #e3e3e3;border-radius:4px;cursor:pointer;height:40px;justify-content:center;margin-bottom:4px;transition:.3s;width:200px}.close-btn:hover{background-color:#e3e3e3}.gauge-value{font-size:2rem}.expense-card{align-items:center;border-bottom:1px solid #ccc;border-radius:4px 4px 0 0;display:flex;flex-direction:row;gap:16px;justify-content:space-between;padding:8px;transition-duration:.3s;&:hover{background-color:#f0f0f0}}.field{margin-bottom:4px}.field .label{color:#4c4c4c;font-size:10px;font-weight:800;text-transform:uppercase}.field .value{font-size:14px;font-weight:800}.expense-buttons-container{display:flex;flex-direction:column;gap:4px}.expense-button{align-items:center;background-color:#fff;border:1px solid #eaeaea;border-radius:4px;color:#7c7c7c;cursor:pointer;display:flex;height:30px;justify-content:center;transition-duration:.3s;width:30px}.row{gap:8px}.expense-img{background-color:#c4c4c4;border-radius:8px;height:100px;width:100px}.result-row{border:1px solid #f5f5f5;border-radius:8px;font-size:14px;max-height:200px;overflow:hidden;overflow-y:scroll;padding:0}.row-result{background-color:#f5f5f5;cursor:pointer;transition:.3s}.row-result:hover{background-color:#e5e5e5}.MuiDialogContent-root{overflow:visible!important}.extra-info-section{margin:12px 0;overflow:visible;width:100%}.extra-info-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;width:100%}.extra-info-container-card{background-color:#fff;border-left:4px solid;border-radius:4px;box-shadow:1px 1px 3px 1px #7d7d7d80;cursor:pointer;flex:1 1;max-width:350px;min-width:250px;padding:4px;transition:.3s}.extra-info-container-card:hover{transform:scale(1.1)}.category-type{align-items:center;display:flex;flex-direction:row;font-size:14px;font-weight:600;margin-bottom:8px;margin-top:4px;text-align:left;text-transform:capitalize}.category-type img{margin-right:4px}.info-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}.row-info{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex:1 1;flex-direction:column;font-weight:500;justify-content:space-between;line-height:13px;min-width:45%;padding:4px}.info-title{color:#8f8f8f;font-size:12px;font-weight:600;margin-bottom:4px;text-align:left}.info-value{color:#1f1f1f;font-size:14px;font-weight:600}.main-container{display:flex;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.side-container{border:1px solid #e0e0e0;border-radius:8px;flex:1 1;width:40%}.buttons-container{flex-direction:column;gap:8px}.button-item,.buttons-container{align-items:center;display:flex;justify-content:center}.button-item{border:1px solid #f4f4f4;border-radius:4px;box-shadow:2px 2px 5px #0000001a;cursor:pointer;flex-wrap:nowrap;padding:4px;transition:.3s;width:30px}.button-item:hover{opacity:.8}.list-container{background-color:#fefefe;border:1px solid #f4f4f4;border-radius:8px;height:180px;overflow-y:auto;width:100%}.list-item{border-bottom:1px solid #e0e0e0;cursor:pointer;font-size:12px;overflow:hidden;padding:8px}.list-item:hover{background-color:red}.list-title{border-bottom:1px solid #e0e0e0;font-size:12px;font-weight:700;margin-bottom:4px;padding:12px;text-align:center;text-transform:uppercase}.list-container:last-child{border:none}