.logo{padding:1rem}.image{width:1em;height:1em}#sidebar{height:100vh;position:fixed;width:16%;background-color:#fff;box-shadow:0 0 10px #00000021;border-radius:.1rem}#sidebar h1{text-align:center;padding:30px 0 10px;margin:0 auto}#sidebar h1{margin-top:0;padding:20px;color:#000;font-size:2.5em}#sidebar ul{list-style-type:none;padding:0}#sidebar li{padding:15px 20px}#sidebar a{color:#000;text-decoration:none;display:flex;align-items:center;font-size:1.2em}#sidebar a .dot{height:16px;width:16px;background-color:#d3d3d3;border-radius:50%;margin-right:15px}#sidebar a .dot.active{background-color:#918a8a}.list-items{list-style:none;margin:.4rem;border-radius:.3rem}.list-items:hover{background-color:#f1f3f5;transform:scale(1.02);cursor:pointer}.list-items img{padding-right:.5rem}.page-title{font-size:1.5rem;font-weight:600;text-align:center;padding-left:1rem;padding-top:.7rem;display:flex}.page-title p{padding-top:.5rem}.page-logo{padding-right:1rem}.main-logo-w{padding:.3rem .7rem .7rem;font-size:2.5rem;color:#6748d6}.sidebar-refresh{position:absolute;bottom:1.2rem;left:0;width:100%;display:flex;justify-content:center}.refresh-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:6px;display:inline-flex;align-items:center;gap:8px;position:relative;color:#333}.refresh-btn:hover{background:#f1f3f5;transform:scale(1.03)}.refresh-btn svg{font-size:1.2rem}.refresh-btn .tooltip{visibility:hidden;opacity:0;transition:opacity .12s ease-in-out;position:absolute;bottom:36px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:6px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none;z-index:40}.refresh-btn:hover .tooltip{visibility:visible;opacity:1}.main-container{display:flex;flex-direction:row!important;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:0 0 .7rem #00000021;border-radius:.5rem;max-height:5rem;max-width:40rem;min-width:25rem;padding:0 10px;font-size:small}.main-container:hover{box-shadow:0 0 .7rem #0000004d;transform:scale(1.06);transition:.25s}.time{color:#83889b}.amount{display:flex}.dot{padding:.5rem}.green{color:#0f0}.red{color:red}.navbar{display:flex;background-color:#fff;padding-left:2rem;align-items:center;font-size:larger;font-weight:500;color:#83889b;box-shadow:0 0 10px #00000021;border-radius:.1rem;position:fixed;width:84%}.navbar ul{list-style:none;margin:0;padding:0}.navbar ul li{display:inline;margin-right:20px;font-size:16px;position:relative;cursor:pointer;color:#83889b}.navbar ul li a{text-decoration:none}.navbar ul li:hover{color:#6748d6;font-weight:600;cursor:pointer}.navbar ul.left{margin-right:auto}.navbar ul.right{margin-left:auto}.navbar li.selected{color:#6748d6;font-weight:600}#logout-button{font-family:poppins,sans-serif!important;background-color:#6748d6;color:#fff;border:none;padding:.6rem .8rem;font-size:1rem;border-radius:.4rem;margin-right:1rem;cursor:pointer;box-shadow:0 0 .2rem #00000021}#logout-button:hover{transform:scale(1.05);box-shadow:0 0 .3rem #0000004d}.logo{color:#000;font-size:.8rem;margin-right:1rem}*{margin:0;padding:0}.user-name{color:#6748d6}.welcome{display:flex}.overview{font-size:large}.logo{width:2em;height:2em}.container-1{display:flex;height:100vh}.notes-strike-icon{font-size:4rem;display:flex;justify-content:center;align-items:center;font-weight:400;color:#78876d}.sidebar{width:15vw;z-index:1}.delete{font-size:1.5rem;margin-top:1rem;margin-right:1rem}.content{display:flex;flex-direction:column;flex:1}.main-content{margin:2rem 2rem 2rem 1rem;margin-right:0}.main-container{display:flex;flex-direction:column;margin-top:1em;margin-left:1em;height:calc(100vh - 100px)}.content-text{display:flex;flex-direction:column}.content-text h1{padding-bottom:1rem}.recent-details{border:.1rem solid #f1f3f5;box-shadow:0 0 .4rem #00000021;border-radius:.5rem;padding-right:1rem;padding-left:.15rem;padding-bottom:1rem}.recent-details h2.recent-1{padding-left:1rem}.overview-container{display:flex;justify-content:space-around}.recent-1{color:#6748d6}.graph{padding:1rem;padding-left:0}.transaction-h2{padding:1rem;padding-bottom:0;color:#6748d6}.table{padding:1rem;width:75vw;border-radius:1rem}.table-row{display:flex;flex-direction:row;margin:.7rem;box-shadow:0 0 .4rem #00000021}.table-cell,.table-cell-first{flex:1;padding:1rem;cursor:pointer}.table-cell-last{flex:1;padding:1rem;cursor:pointer;text-align:center}.table-row:hover{transform:scale(1.03);transition:.25s;box-shadow:0 0 .7rem #0000004d}.header{font-weight:700;color:#fff;background-color:#6748d6;box-shadow:0 0 .1rem #6748d6}.header:hover{background-color:#6748d6;color:#fff;transform:none;box-shadow:0 0 .4rem #6748d6}.empty{padding-left:1rem;padding:1rem}.navbar-home{z-index:0;position:fixed;top:0}.main-content{z-index:1;margin-top:5rem;overflow-y:auto}.view-all{border:none;background-color:transparent;text-decoration:underline;color:#83889b;font-size:medium;font-family:poppins}.view-all:hover{transform:scale(1.15);text-shadow:0 0 .05rem rgba(0,0,0,.13);cursor:pointer}.recent-container{display:flex;justify-content:space-between;margin-top:1rem}.circle{padding-left:.5rem;padding-right:.5rem}.green-circle{color:#0f0}.red-circle{color:red}.graph-recent{margin:0;background-color:#fff;padding:1rem;border-radius:.7rem;border:.1rem solid #f1f3f5;box-shadow:0 0 .7rem #00000021}.totals-container{display:flex;flex-direction:column;justify-content:space-between}.totals{display:flex;flex-direction:row;justify-content:space-between;background-color:#6748d6;margin:1rem;padding:1rem;border-radius:.3rem;width:20rem;color:#f8fbfd}.flex-container-totals{display:flex;flex-direction:column}.totals:hover{box-shadow:0 0 .7rem #0000003b;transform:scale(1.03);cursor:pointer}.totals h1{font-size:2.5rem}.totals-icons{color:#f8fbfd;font-size:2rem}body{font-family:Poppins}.new-entry-form{display:flex;align-items:center;justify-content:center;margin-top:3.5rem}.new-entry-form{background-color:#f8fbfd;padding:20px;border-radius:5px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.radio-main{display:flex;flex-direction:row}.form-group input{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc;font-family:Poppins}.form-group textarea{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc}.form-group select{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc;font-family:Poppins}.new-entry-form{display:flex;flex-direction:row;justify-content:space-between}.left-form{display:flex;flex-direction:column;padding:2rem}.right-form{display:flex;flex-direction:column;padding:3rem}.our-form{display:flex;flex-wrap:wrap;justify-content:space-between}.submit{border:none;font-family:Poppins;padding:.5rem;background-color:#6748d6;color:#f8fbfd;border-radius:.3rem}.submit:hover{transform:scale(1.1)}.submit:active{transform:scale(1);background-color:#5237b3}.form-2{display:flex;flex-direction:column;align-items:center}.add-button{border:none;font-family:Poppins;padding:.5rem;background-color:#6748d6;color:#f8fbfd;margin-top:.5rem;margin-bottom:.5rem;border-radius:.3rem}.category-form{display:flex;flex-direction:column;justify-content:center}.failed-text{color:#6748d6}.settings-button{border:none;font-family:Poppins;padding:.5rem;background-color:#6748d6;color:#f8fbfd;margin-top:.5rem;margin-bottom:.5rem;border-radius:.3rem}.settings-content{display:flex;flex-direction:column;justify-content:center;margin-top:5rem;margin-left:5rem}.delete-button{background-color:red}.settings-content input{padding:.4rem;border-radius:.5rem;border:#ccc solid .1rem}.total-month-page{display:flex;flex-direction:row}.main-month-container{display:flex;flex-direction:column;flex:1}.all-graph h1{display:flex;flex-direction:column;align-items:center;margin:1rem;color:#6748d6}.all-graph{display:flex;flex-direction:column;align-items:center}.main-div-month{margin-top:4rem;margin-left:2rem;margin-right:0}input[type=date],input[type=week],input[type=year],input[type=month]{font-family:poppins;padding:5px}.date-divs{display:flex;flex-direction:row;margin:1rem;justify-content:space-between}input[type=date],input[type=week],input[type=month],input[type=year]{background-color:#6748d6;border:1px solid #ccc;color:#f8fbfd}.wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(/assets/BACKGROUND-LOGIN-SIGNUP-enj0dLzr.jpg);background-size:cover}.signup-page{width:30%;background-color:transparent;color:#fff;border-radius:.5rem;border:.1rem solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem);background-color:#0003}.signup-page h1{text-align:center;margin:2rem 2rem .3rem;box-shadow:0 0 .7rem #00000080;padding:.2rem;color:#fff}.signup-page .for-head{box-shadow:0 0 .7rem #00000080}.signup-page p{text-align:center}.signup-page h2{text-align:center;margin:2rem;margin-bottom:0}.signup-page .input-box{position:relative;margin:2rem;margin-top:0;margin-bottom:0;padding:2rem;height:2.5rem}.signup-page input{background-color:transparent;width:100%;height:100%;border:none;outline:none;color:#fff;border:.1rem solid rgba(255,255,255,.2);box-shadow:0 .08rem .1rem #0000004d;border-radius:40px;padding:.5rem .5rem .5rem 1rem;caret-color:#fff}.input-box input::placeholder{color:#fff;font-size:medium}.input-box .icon{position:absolute;right:10%;top:50%}.button{display:flex;align-items:center;justify-content:center;margin:1rem}.button button{background-color:#fff;color:#000;padding:14px 20px;margin:2rem;margin-top:0;margin-bottom:0;border:none;cursor:pointer;border-radius:40px;font-size:medium;width:40%;box-shadow:0 0 .7rem #0000004d}.button button:hover{transform:scale(1.1);box-shadow:0 0 .7rem #00000080}.login-link{text-align:center;margin:2rem;color:#fff}.login-link a{color:#fff}.red-text{color:red}.sidebar{width:15vw;z-index:3}.main{display:flex;flex-direction:column;flex:1}.total-category{display:flex;height:100vh}.categories{margin-top:5rem;margin-left:2rem;width:calc(100% - 3vw);border:#f1f3f5 .05rem solid;box-shadow:0 0 .4rem #00000021;border-radius:.3rem}.charts-pie{margin-left:2rem;flex:1}.charts-pie h2{text-align:center;color:#6748d6;margin:.5rem}.all-pies{display:flex;justify-content:space-evenly}button.selected-button{background-color:#6748d6;color:#fff;transform:scale(1.1);box-shadow:0 0 .4rem #0000004d;transition:all .3s ease-in-out}.category-button{margin:.5rem;border:none;box-shadow:0 0 .4rem #00000021;padding:.5rem;font-family:Poppins;font-weight:500;font-size:1rem;background-color:#f8fbfd;color:#6748d6;border-radius:.3rem}.pie-charts{display:flex;flex-direction:column;align-items:center}body{background-color:#f8fbfd;font-family:Poppins,sans-serif!important}