#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;text-align:center;margin-top:60px}nav{margin-bottom:20px}nav ul{list-style:none;padding:0}nav ul li{display:inline;margin-right:15px}.scanner-container[data-v-447c361a]{display:flex;flex-direction:row;justify-content:space-between;padding:20px;max-width:1200px;margin:auto}.camera-container[data-v-447c361a]{width:48%;background-color:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}.camera-container h2[data-v-447c361a]{margin-bottom:10px;color:#333}.viewport[data-v-447c361a]{width:100%;height:400px;border-radius:10px;overflow:hidden;background:#e0e0e0}.result-container[data-v-447c361a]{width:48%;background-color:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}.datatable-container[data-v-4743a0ff]{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}h1[data-v-4743a0ff]{text-align:center;color:#333}.search-input[data-v-4743a0ff]{margin-bottom:15px;padding:8px;width:100%;max-width:300px;border:1px solid #ddd;border-radius:5px}.styled-table[data-v-4743a0ff]{width:100%;border-collapse:collapse}.styled-table td[data-v-4743a0ff],.styled-table th[data-v-4743a0ff]{padding:12px 15px;border:1px solid #ddd}.styled-table th[data-v-4743a0ff]{background-color:#009879;color:#fff;cursor:pointer;text-align:left}.styled-table tbody tr[data-v-4743a0ff]:nth-child(2n){background-color:#f3f3f3}.styled-table tbody tr[data-v-4743a0ff]:hover{background-color:#f1f1f1}.pagination[data-v-4743a0ff]{margin-top:20px;display:flex;justify-content:center;align-items:center}.pagination button[data-v-4743a0ff]{padding:8px 12px;margin:0 5px;border:none;background-color:#009879;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .3s}.pagination button[data-v-4743a0ff]:hover{background-color:#007f65}.pagination button[data-v-4743a0ff]:disabled{background-color:#ddd;cursor:not-allowed}.datatable-container[data-v-c4efbf1a]{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}h1[data-v-c4efbf1a]{text-align:center;color:#333}.search-input[data-v-c4efbf1a]{margin-bottom:15px;padding:8px;width:100%;max-width:300px;border:1px solid #ddd;border-radius:5px}.styled-table[data-v-c4efbf1a]{width:100%;border-collapse:collapse}.styled-table td[data-v-c4efbf1a],.styled-table th[data-v-c4efbf1a]{padding:12px 15px;border:1px solid #ddd}.styled-table th[data-v-c4efbf1a]{background-color:#009879;color:#fff;cursor:pointer;text-align:left}.styled-table tbody tr[data-v-c4efbf1a]:nth-child(2n){background-color:#f3f3f3}.styled-table tbody tr[data-v-c4efbf1a]:hover{background-color:#f1f1f1}.pagination[data-v-c4efbf1a]{margin-top:20px;display:flex;justify-content:center;align-items:center}.pagination button[data-v-c4efbf1a]{padding:8px 12px;margin:0 5px;border:none;background-color:#009879;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .3s}.pagination button[data-v-c4efbf1a]:hover{background-color:#007f65}.pagination button[data-v-c4efbf1a]:disabled{background-color:#ddd;cursor:not-allowed}