body{font-family:system-ui,Helvetica,Arial,sans-serif;box-sizing:border-box;background-color:#f5f7fa;padding:2rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}table{width:100%;border-collapse:separate;border-spacing:0;box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden;white-space:nowrap}thead{background-color:#1976d2;color:#fff}thead th{padding:1rem;text-align:left;font-weight:600;letter-spacing:.5px}tbody tr{background-color:#fff;transition:background-color .3s ease}tbody tr:nth-child(2n){background-color:#f1f1f1}tbody tr:hover{background-color:#e3f2fd}td{padding:1rem;border-top:1px solid #ddd}tbody tr:first-child td{border-top:none}