body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard{padding:1rem 2rem}.balance-card{background:#f9f9f9;padding:.5rem 1.5rem;border-radius:10px;margin-bottom:1rem}.summary-cards{display:flex;gap:1rem}.income-card,.expense-card{flex:1;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 5px #0000001a}.add-transaction{background:#dc3545;color:#fff;padding:.7rem 1.5rem;border:none;border-radius:5px;cursor:pointer;height:40px;width:190px}.dashboard-inner{display:flex;justify-content:space-between;align-items:center}.transactions-chart-row{display:flex;gap:1rem;margin-top:1rem}.transactions{flex:1;background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 5px #0000001a}.transactions ul{list-style:none;padding:0}.transactions li{padding:.5rem 0;border-bottom:1px solid #ddd;display:flex;justify-content:space-between}.expense-chart{flex:1;background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 5px #0000001a}.chart-container{height:350px;width:100%;display:flex;justify-content:center}.chart-container canvas{width:90%!important;height:100%!important}.no-transactions{text-align:center;padding:20px;color:#555}.no-transactions-icon{font-size:50px;color:#888;margin-bottom:10px}.transactions-container{max-width:1000px;margin:auto;padding:20px}table{width:100%;border-collapse:collapse;margin-top:20px}thead{background:#f9f9f9}td,th{padding:12px;border:1px solid #ddd;text-align:center}.action-buttons{display:flex;justify-content:center;gap:10px}.edit-btn,.delete-btn{border:none;padding:6px 12px;cursor:pointer;border-radius:5px}.edit-btn{background:#ffc107;color:#000}.delete-btn{background:#dc3545;color:#fff}.reports-container{max-width:900px;margin:auto;padding:20px;text-align:center}.date-filter{margin-bottom:20px}.date-filter label{font-size:1rem;font-weight:700;margin-right:10px}.date-filter input{padding:8px;font-size:1rem;border:1px solid #ddd;border-radius:5px}.summary-cards{display:flex;justify-content:space-between;margin:20px 0}.income-card,.expense-card{flex:1;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;text-align:center;margin:0 10px}.income{color:green}.expense{color:red}.charts-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.chart-item{flex:1;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;text-align:center;margin:0 10px}.chart-wrapper{height:350px}canvas{width:100%!important;height:100%!important}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0rem 2rem;background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 4px 6px #0000001a}.logo{font-size:1.5rem;font-weight:700}.nav-links{list-style:none;display:flex;text-decoration:none;gap:1.5rem}.nav-links li{text-decoration:none;cursor:pointer;color:#000}.nav-links li.active a{font-weight:700;color:#000}.nav-links li a{color:#000;text-decoration:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:400px}.close-btn{margin-top:10px;padding:8px 12px;border:none;background:#dc3545;color:#fff;cursor:pointer;border-radius:5px}.add-transaction-container{max-width:450px;margin:40px auto;padding:20px}.transaction-box{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 10px #0000001a;border:1px solid #ddd}.transaction-box input{width:374px}.transaction-type{display:flex;gap:20px;font-size:16px;font-weight:500;margin-bottom:20px}.transaction-type input{width:100%}.transaction-type label{display:flex;align-items:baseline;gap:5px;cursor:pointer}textarea{width:374px!important}input,select,textarea{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ccc;border-radius:6px;font-size:16px;outline:none;transition:border .3s}input:focus,select:focus,textarea:focus{border:1px solid #007bff}button{width:100%;background:#dc3545;color:#fff;padding:12px;font-size:16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}