body{background-color:#f7f7f7;font-family:Arial,sans-serif;margin:0;padding:20px}.container{margin:0 auto;max-width:1200px}h1{margin-bottom:20px;text-align:center}.jar-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.jar-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;padding:20px;position:relative;text-align:center;width:calc(33.333% - 20px)}@media (max-width:768px){.jar-card{width:calc(50% - 20px)}}@media (max-width:480px){.jar-card{width:calc(100% - 20px)}}.jar-body{align-items:center;display:flex;flex-direction:column}.jar-title{font-size:1.5rem;font-weight:700;margin:0}.jar-text{font-size:1rem;margin:5px 0}.pie-chart-container{height:100px;margin:20px 0;width:100px}.progress{background-color:#e9ecef;border-radius:5px;margin-top:10px;overflow:hidden;width:100%}.progress-bar{background-color:#28a745;height:10px}.btn{border-radius:5px;font-size:.875rem}.btn-danger,.btn-primary{color:#fff;cursor:pointer}.btn-danger{background-color:#dc3545;border:none;padding:10px 20px}.btn-danger:hover{background-color:#c82333}header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.total-added{color:#28a745;font-size:1.25rem;font-weight:700}.wallet-and-total{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.wallet-balance{color:#007bff;font-size:1.25rem;font-weight:700}.wallet-and-total form{margin-top:10px}.btn-success{background-color:#28a745;border:none;color:#fff;cursor:pointer;padding:10px 20px}.btn-success:hover{background-color:#218838}.congratulations-banner{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;margin-top:20px;padding:10px;text-align:center}.btn-complete{background-color:#0d7a1f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.btn-complete:hover{background-color:#12a92b}.btn-secondary{background-color:#e91010;border:0;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;text-align:center}.btn-secondary:hover{background-color:#b40e0e}.jar-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:20px}.jar-form-title{color:#333;margin-bottom:20px;text-align:center}.jar-form{gap:15px}.form-group,.jar-form{display:flex;flex-direction:column}.form-label{color:#555;font-weight:700;margin-bottom:5px}.form-control{border:1px solid #ced4da;border-radius:5px;font-size:16px;padding:10px}.btn-primary{background-color:#007bff;border:none;border-radius:5px;font-size:16px;padding:10px 20px}.btn-primary:hover{background-color:#0056b3}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:8px;max-width:500px;padding:20px;position:relative;width:90%}.modal-close{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}
/*# sourceMappingURL=main.d0d71033.css.map*/