@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--primary-color: #3a86ff;--success-color: #2ecc71;--danger-color: #e74c3c;--dark-color: #333;--light-color: #f4f4f4;--box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f7f7f7;font-family:Open Sans,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--dark-color)}.container{width:100%;max-width:800px;margin:30px auto;padding:20px}h1{text-align:center;margin-bottom:20px;color:var(--primary-color)}h2{margin:10px 0;text-align:center}h3{margin:10px 0;border-bottom:1px solid #bbb;padding-bottom:10px}.balance-container{background-color:#fff;box-shadow:var(--box-shadow);padding:20px;border-radius:5px;margin-bottom:20px}.income-expense-container{display:flex;justify-content:space-between;background-color:#fff;box-shadow:var(--box-shadow);padding:20px;margin-top:20px;border-radius:5px}.income-expense-container>div{flex:1;text-align:center}.income-expense-container>div:first-of-type{border-right:1px solid #dedede}.money{font-size:20px;letter-spacing:1px;margin:5px 0}.money.plus{color:var(--success-color)}.money.minus{color:var(--danger-color)}.form-container,.history-container,.charts-container{background-color:#fff;box-shadow:var(--box-shadow);padding:20px;border-radius:5px;margin-bottom:20px}.form-control{margin:10px 0}label{display:inline-block;margin:10px 0;font-weight:700}input[type=text],input[type=number],input[type=date],select{width:100%;padding:10px;border:1px solid #dedede;border-radius:5px;font-size:16px}.btn{width:100%;background-color:var(--primary-color);color:#fff;border:none;padding:10px;margin:10px 0 0;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:#2a75e6}.list{list-style-type:none;padding:0;margin-bottom:40px}.list li{background-color:#fff;box-shadow:var(--box-shadow);padding:10px;margin:10px 0;border-radius:5px;display:flex;justify-content:space-between;position:relative}.list li.plus{border-right:5px solid var(--success-color)}.list li.minus{border-right:5px solid var(--danger-color)}.delete-btn{background-color:var(--danger-color);color:#fff;border:none;padding:2px 5px;border-radius:3px;cursor:pointer;font-size:12px;opacity:0;transition:opacity .3s ease}.list li:hover .delete-btn{opacity:1}.transaction-details{display:flex;flex-direction:column}.transaction-category,.transaction-date{font-size:12px;color:#888}.charts-container{margin-top:20px}.chart-tabs{display:flex;margin-bottom:15px}.chart-tab{flex:1;padding:10px;background-color:#f4f4f4;border:none;cursor:pointer;transition:background-color .3s ease}.chart-tab.active{background-color:var(--primary-color);color:#fff}.chart-container{height:300px;position:relative}@media (max-width: 600px){.container{padding:10px}.income-expense-container{flex-direction:column}.income-expense-container>div:first-of-type{border-right:none;border-bottom:1px solid #dedede;margin-bottom:20px;padding-bottom:20px}}.storage-status{background-color:#fff;box-shadow:var(--box-shadow);padding:10px;border-radius:5px;margin-top:20px;text-align:center;font-size:14px}.storage-status p{margin:0}