body{font-family:Segoe UI,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;width:100%;box-sizing:border-box}.nav-links{display:flex;gap:1.5rem;white-space:nowrap}.nav-links a{text-decoration:none;color:inherit}#hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:100px 20px 60px}.expense-form{display:flex;gap:10px;justify-content:center;margin:20px 0}.expense-form input,.expense-form select{padding:5px 10px}.expense-list{list-style:none;padding:0;margin:0}.expense-item{display:flex;justify-content:space-between;padding:8px;margin-bottom:8px;background:#fff;border-radius:6px}.expense-card{background:#f0f0f0;padding:15px;border-radius:10px}.expense-summary{text-align:center;margin:20px 0}footer{text-align:center;padding:20px;background:#f5f5f5;margin-top:20px}.chart-container{margin-top:16px;padding:16px;background:#f3f3f3;border-radius:8px;box-shadow:0 2px 5px #0000001a}.chart-container h3{margin-bottom:12px;font-size:18px}.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:flex;align-items:center;gap:8px}.bar-label{width:100px;font-weight:700}.bar-bg{flex:1;background:#ddd;height:24px;border-radius:12px;overflow:hidden;position:relative}.bar-fill{background:#3b82f6;height:100%;border-radius:12px 0 0 12px;transition:width .5s ease}.bar-amount{width:60px;text-align:right;font-weight:700}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}