*{box-sizing:border-box;font-family:Segoe UI,Arial,Helvetica,sans-serif}
body{background:#f4f6f8;color:#222;padding:20px}
.container{max-width:900px;margin:0 auto}
h1{text-align:center;margin-bottom:18px}
.card{background:#fff;border:1px solid #e1e6ea;padding:16px;border-radius:6px;margin-bottom:12px}
form label{display:block;margin-bottom:8px}
.row{display:flex;gap:12px}
.row label{flex:1}
input{width:100%;padding:8px;border:1px solid #cfd8df;border-radius:4px}
.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
button{padding:8px 12px;border-radius:4px;border:none;background:#0078d4;color:#fff;cursor:pointer}
button#clearAll{background:#e03f3f}
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid #eef2f5;text-align:left}
@media(max-width:640px){.row{flex-direction:column}}
.result-amount{font-weight:700;color:#0078d4}