@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app-container{max-width:520px;margin:40px auto;background:#f8f9fa;padding:24px;border-radius:16px;box-shadow:0 12px 30px #00000014}h1{text-align:center;margin-bottom:24px;font-size:28px;font-weight:700;color:#212529}.expense-form{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.expense-form input{flex:1;min-width:150px;padding:12px;font-size:14px;border-radius:10px;border:1px solid #ced4da;outline:none}.expense-form input:focus{border-color:#4dabf7}.expense-form button{flex-shrink:0;padding:12px 18px;font-size:14px;font-weight:600;background:#4dabf7;color:#fff;border:none;border-radius:10px;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .15s ease}.expense-form button:hover{background:#339af0;transform:translateY(-1px)}.total-expense{font-size:16px;font-weight:600;margin:18px 0;color:#343a40}.expense-list{display:flex;flex-direction:column;gap:12px}.expense-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:14px 16px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 6px 14px #0000000f;transition:transform .15s ease,box-shadow .15s ease}.expense-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000014}.expense-title{font-size:15px;font-weight:500;color:#212529}.expense-amount{font-size:14px;font-weight:600;color:#343a40}.delete-btn{border:none;background:#fff5f5;color:#fa5252;font-size:16px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .2s ease}.delete-btn:hover{background:#ffe3e3}.no-expense{text-align:center;color:#868e96;font-size:14px;font-weight:500}@media(max-width:480px){.app-container{margin:20px;padding:20px}h1{font-size:24px}.expense-form{flex-direction:column}.expense-form button{width:100%}.expense-item{gap:10px}}