*{margin:0;padding:0;box-sizing:border-box}div{display:flex;flex-direction:column;align-items:center}form{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;align-items:center;margin-top:17%}form .form-row{display:flex;flex-direction:column}form .form-row label{font-family:Poppins,sans-serif;font-weight:600;margin-bottom:5px;color:#333}form .form-row input[type=text],form .form-row input[type=date]{width:100%;padding:10px}form button{grid-column:span 2;padding:10px;background-color:#f44336;color:#fff;border:none;cursor:pointer}form button:hover{background-color:#e53935}.filter{margin-top:20px}.filter select{width:100%;padding:10px}.items-table{width:100%;margin-top:20px;border-collapse:collapse}.items-table th,.items-table td{padding:10px 40px;border-bottom:1px solid #ddd}.items-table th{font-family:Poppins,sans-serif;font-weight:600;text-align:left;padding:10px 40px}.items-table td{text-align:center}@media (max-width: 480px){form{grid-template-columns:1fr;grid-gap:20px}form .form-row input[type=text],form .form-row input[type=date]{width:100%;padding:10px}form button{grid-column:span 1}.filter{margin-top:20px}.filter select{width:100%;padding:10px}}.items-table{width:100%;border-collapse:collapse}.items-table th,.items-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.items-table th{background-color:#f5f5f5;font-weight:600}.items-table td button{background-color:#f44336;color:#fff;border:none;cursor:pointer;padding:8px 12px}.items-table td button:hover{background-color:#e53935}.total{margin-top:20px;text-align:right;font-weight:600}@media (max-width: 480px){.items-table th,.items-table td{padding:8px}.items-table th:first-child,.items-table td:first-child{padding-left:16px}.items-table th:last-child,.items-table td:last-child{padding-right:16px}}