body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f4f4;margin:0;padding:0}.app{max-width:500px;margin:3rem auto;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 0 15px #0000001a}h1{text-align:center;color:#333}.total{text-align:center;margin-top:1.5rem;color:#444}.expense-form{display:flex;flex-direction:column;gap:1rem}.expense-form input{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.expense-form button{padding:.75rem;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.expense-form button:hover{background-color:#45a049}.expense-list{list-style:none;padding:0;margin-top:1.5rem}.expense-item{display:flex;justify-content:space-between;align-items:center;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:.75rem 1rem;margin-bottom:.75rem}.expense-item button{background:transparent;border:none;color:red;font-size:1.1rem;cursor:pointer}