*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:sans-serif}@media (width<=1440px){.main-container{height:auto}}.main-container.dark{color:#fff;background-color:#000;min-height:100vh}.main-container.light{color:#000;background-color:#fff;min-height:100vh}.chart-box{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;padding:10px;display:flex}.chart-box h3{text-align:center;margin-bottom:10px}.line-chart{width:100%!important}@media (width<=768px){.chart-box{flex-direction:column;justify-content:center;align-items:center;gap:15px}.chart-box>div{width:100%;min-width:unset}}@media (width<=480px){.chart-box>div{padding:8px}.chart-box h3{font-size:14px}}.summery-box{flex-wrap:wrap;justify-content:space-around;gap:20px;margin:30px auto;padding:10px;display:flex}.summery-card{border-radius:10px;width:300px;padding:20px;box-shadow:1px 1px 4px #8a2be2}@media (width<=768px){.summery-box{justify-content:center}.summery-card{width:45%}}@media (width<=480px){.summery-box{margin:20px auto}.summery-card{width:100%;padding:13px}}.transactiontabel-box{width:100%;padding:10px}.transactiontabel-filterd-box{gap:10px;padding:5px;display:flex}.transactiontabel-filterd-box button{color:#fff;cursor:pointer;background-color:#8a2be2;border:none;border-radius:7px;width:90px;padding:8px;font-size:14px}.transactiontabel-filterd-box button:hover{background-color:#5f0bad}.table{border-collapse:collapse;width:100%;margin-top:10px}.table th,.table td{text-align:center;border:1px solid #ddd;padding:10px}.income{color:green;font-weight:700}.expense{color:red;font-weight:700}@media (width<=600px){.transactiontabel-filterd-box{flex-direction:column}.transactiontabel-filterd-box button{width:100%}.table th,.table td{padding:8px;font-size:12px}}.nav-box{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-family:sans-serif;display:flex}.nav-box h1{font-size:24px}.nav-btn-box{align-items:center;display:flex}.nav-box select{color:#fff;background-color:#8a2be2;border:none;border-radius:5px;padding:6px}@media (width<=768px){.nav-box{flex-direction:column;align-items:center}.nav-box input{width:100%}.nav-box h1{font-size:22px}}@media (width<=480px){.nav-box{padding:8px}.nav-box h1{font-size:20px}.nav-box input{width:100%;font-size:14px}.nav-box select{width:100%}}