.home-container{background-color:#fffffe;border-radius:10px;box-shadow:0 4px 8px #0003;margin:10px;padding:35px}.home-heading{color:#232946;font-size:22px;font-weight:700;margin:20px 0;text-align:center}.logout-btn{cursor:pointer;font-size:22px;font-weight:600;position:fixed;right:30px;top:30px;transition:color .3s}.logout-btn:hover{color:#2e2ef7}.transaction-details-container{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:20px}.transaction-details-item{background-color:#fff;border-radius:10px;box-shadow:0 0 6px 4px #c1c1c1cc;margin:10px;padding:9px 15px;width:150px}.transaction-details{display:block;font-size:20px;font-weight:700;margin:0;text-align:center}.transaction-title{color:#232946;display:block;font-size:24px;margin-top:10px;text-align:center}.transaction-card{background-color:snow;box-shadow:0 4px 8px #0000001a;margin:10px 0;padding:20px}.transaction-heading{display:block;font-size:25px;font-weight:700;margin:10px 0;text-align:center}.transaction-date{font-size:14px}.transaction-category{bottom:10px;font-size:16px;font-weight:600;position:absolute;right:10px}.transaction{max-height:280px;overflow-y:scroll}.add-img{cursor:pointer;padding:6px;position:fixed;right:30px;top:20%;width:60px}@media screen and (max-width:500px){.home-container{border-radius:8px;margin:40px 10px;padding:15px}.home-heading{font-size:14px;margin-top:10px}.transaction-details-item{margin:5px;padding:5px 8px}.transaction-heading{font-size:18px;margin:5px 0}.logout-btn{font-size:18px;right:20px;top:40px}.transaction-details{font-size:16px}.add-img{right:35px;top:30%}.transaction{max-height:400px;overflow-y:scroll}.add-img{padding:6px;right:25px;top:25%;width:50px}}@media screen and (max-width:1211px){.transaction{max-height:530px;overflow-y:scroll}}.transaction-card{background-color:#fffffe;border-radius:10px;box-shadow:0 4px 12px #00000026;cursor:pointer;height:70px;margin:15px 0;padding:10px 20px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:95%}.transaction-card:hover{box-shadow:0 6px 15px #0003}.transaction-title{font-size:25px;font-weight:700;margin:5px;position:absolute;top:10px}.transaction-date{bottom:10px;color:#232946;font-size:15px;left:20px;position:absolute}.transaction-amount{font-size:20px;font-weight:700;position:absolute;right:20px;top:10px}.transaction-category{border-radius:20px;display:block;font-size:14px;margin-top:20px;padding:8px 16px;text-align:center}.transaction-type-credit{color:green}.transaction-type-debit{color:red}.delete-btn{background-color:#fd7272;border:none;border-radius:20px;bottom:30px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-weight:600;padding:8px 25px;position:absolute;right:50%;transition:all .3s ease}.delete-btn:hover{background-color:#ff4b4b;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.delete-btn:active{box-shadow:0 3px 6px #0000001a;transform:translateY(1px)}@media screen and (max-width:500px){.transaction-card{box-shadow:0 2px 8px #00000014;margin:10px 0;padding:6px 15px;width:91%}.transaction-title{font-size:20px;margin:0;top:10px}.transaction-amount{font-size:20px;right:20px;top:10px}.delete-btn{border-radius:8px;bottom:40px;font-size:12px;padding:5px 12px;right:30%}.transaction-date{bottom:10px;font-size:15px;left:15px;position:absolute}.transaction-category{font-size:12px;margin-top:10px;padding:5px 10px;text-align:center}}.Btn{background-color:#fff;border:none;border-radius:50%;box-shadow:2px 2px 10px rgba(0,0,0,.199);cursor:pointer;height:45px;justify-content:flex-start;overflow:hidden;position:relative;width:45px}.Btn,.sign{align-items:center;display:flex;transition-duration:.3s}.sign{justify-content:center;width:100%}.sign svg{width:17px}.sign svg path{fill:#000}.text{color:#fff;font-size:1.2em;font-weight:600;opacity:0;position:absolute;right:0;width:0}.Btn:hover,.text{transition-duration:.3s}.Btn:hover{background-color:#000;border-radius:40px;width:125px}.Btn:hover .sign{padding-left:20px;transition-duration:.3s;width:30%}.Btn:hover .sign svg path{fill:#fff}.Btn:hover .text{opacity:1;padding-right:10px;transition-duration:.3s;width:70%}.Btn:active{transform:translate(2px,2px)}body{background-color:#232946;font-family:Roboto,sans-serif;font-size:16px;margin:0;padding:0;scroll-behavior:smooth}@media (max-width:500px){.responsive-small-padding{margin:10px 0;padding:20px 10px}.text-small{font-size:14px}}.auth-container{background-color:#f7f8fc;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:20px auto;padding:15px 20px;text-align:center;width:50%}.auth-heading{color:#232946;font-size:28px;font-weight:600;margin-bottom:20px}.input-box{border:2px solid #d1d1d1;border-radius:8px;font-size:16px;margin-bottom:20px;padding:12px 15px;transition:border-color .3s,box-shadow .3s;width:80%}.input-box:active,.input-box:focus{border-color:#3f72af;box-shadow:0 0 10px #3f72af80;outline:none}.auth-btn{background-color:#3f72af;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:16px;margin:15px auto;padding:12px 20px;transition:background-color .3s,transform .2s;width:60%}.auth-btn:hover{background-color:#2c568c;box-shadow:0 6px 15px #2c568c4d;transform:translateY(-3px)}.auth-link{color:#3f72af;font-size:14px;text-decoration:none;transition:color .3s}.auth-link:hover{color:#2c568c;text-decoration:underline}.auth-option{width:86%}@media screen and (max-width:500px){.auth-container{margin:50px auto;width:80%}.auth-heading{font-size:20px}.input-box{margin-bottom:15px;padding:8px 10px;width:90%}.auth-btn{margin:8px auto;padding:8px 12px;width:60%}.auth-option{width:98%}}.auth-dashboard-container{border-radius:8px;box-shadow:0 0 10px 2px #232946;padding:20px}.auth-chart-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:10px}.auth-chart{height:300px;width:50%}.auth-chart-heading{font-size:30px;margin:10px;text-align:center}
/*# sourceMappingURL=main.54d9a14e.css.map*/