body { font-family: Arial; margin: 20px; }
input { margin: 5px; padding: 8px; }
button { color: #fff; margin: 5px; border: none; background-color: #007bff; border-radius: 5px; padding: 8px 12px; cursor: pointer; }
button:hover{opacity: .8;}
.button-s {background-color: #007bff;color: white;}
.button-d {background-color: #007bff;color: #dc3545;}
div.dt-buttons>.dt-button, div.dt-buttons>div.dt-button-split .dt-button{padding: 3px 8px !important;border-radius: 5px !important;}
table { border-collapse: collapse; width: 100%; margin-top: 20px; }
th, td { border: 1px solid #ccc; padding: 10px; text-align: center; font-size: 13px; }
table.dataTable tbody th, table.dataTable tbody td{padding: 5px 8px !important;}
.status-pending { color: red; font-weight: bold; }
.status-completed { color: green; font-weight: bold; }
.qr-img { width: 80px; height: 80px; cursor: pointer; }