.dta-devices-page[data-v-578f9dd6]{padding:0 2rem;background:#f8fafc;min-height:100vh}.page-header[data-v-578f9dd6]{margin-bottom:.5rem}.header-left[data-v-578f9dd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.title-wrapper[data-v-578f9dd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.title-section[data-v-578f9dd6]{-webkit-box-flex:1;-ms-flex:1;flex:1}.page-title[data-v-578f9dd6]{text-align:left;font-size:1.75rem;font-weight:700;margin-bottom:.2rem;color:#686868}.page-title .text-dark[data-v-578f9dd6]{color:#575757;font-weight:800;font-size:1.9rem}.search-filter-bar[data-v-578f9dd6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;margin-bottom:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:1.25rem}.filter-group[data-v-578f9dd6]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:400px}.form-label[data-v-578f9dd6]{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px}.search-wrapper[data-v-578f9dd6]{position:relative}.search-icon[data-v-578f9dd6]{position:absolute;left:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#94a3b8;font-size:.875rem;pointer-events:none;z-index:1}.search-input[data-v-578f9dd6]{width:100%;padding:.625rem 2.5rem .625rem 2.25rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;-webkit-transition:all .2s;transition:all .2s;background:#fff}.search-input[data-v-578f9dd6]:focus{outline:none;border-color:#3b82f6;-webkit-box-shadow:0 0 0 3px rgba(59,130,246,.1);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.clear-search-btn[data-v-578f9dd6]{position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:.75rem;-webkit-transition:all .15s;transition:all .15s;z-index:2}.clear-search-btn[data-v-578f9dd6]:hover{background:#e2e8f0;color:#475569}.btn-clear-filters[data-v-578f9dd6],.btn-refresh[data-v-578f9dd6],.btn-search[data-v-578f9dd6]{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;white-space:nowrap}.btn-search[data-v-578f9dd6]{background:#3b82f6;color:#fff}.btn-search[data-v-578f9dd6]:hover{background:#2563eb}.btn-refresh[data-v-578f9dd6]{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-refresh[data-v-578f9dd6]:hover{background:#e2e8f0;color:#1e293b}.btn-clear-filters[data-v-578f9dd6]{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.btn-clear-filters[data-v-578f9dd6]:hover{background:#fee2e2}.active-filters[data-v-578f9dd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem 1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;-ms-flex-wrap:wrap;flex-wrap:wrap}.filter-label[data-v-578f9dd6]{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.filter-tag[data-v-578f9dd6]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:.5rem;padding:.25rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;font-size:.8rem;color:#1e40af}.filter-tag[data-v-578f9dd6],.filter-tag button[data-v-578f9dd6]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-tag button[data-v-578f9dd6]{background:none;border:none;color:#64748b;cursor:pointer;font-size:.875rem;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.filter-tag button[data-v-578f9dd6]:hover{color:#dc2626}.table-container[data-v-578f9dd6]{width:100%;max-height:600px;overflow-y:auto;overflow-x:auto;position:relative;border:1px solid #e2e8f0;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05)}.devices-table[data-v-578f9dd6]{width:100%;border-collapse:collapse}.devices-table thead[data-v-578f9dd6]{position:sticky;top:0;z-index:10}.devices-table thead tr[data-v-578f9dd6]{background:#f8fafc}.devices-table th[data-v-578f9dd6]{padding:1rem;text-align:left;font-weight:700;color:#1e293b;border-bottom:2px solid #e2e8f0;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.devices-table th.last-connected-header[data-v-578f9dd6]{font-weight:800;color:#0f172a;background:#f1f5f9}.devices-table td[data-v-578f9dd6]{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.devices-table tbody tr[data-v-578f9dd6]{-webkit-transition:background .15s ease;transition:background .15s ease}.devices-table tbody tr[data-v-578f9dd6]:hover{background:#f8fafc}.serial-number[data-v-578f9dd6]{font-weight:600;color:#64748b}.facility-name[data-v-578f9dd6]{font-weight:600;color:#1e293b}.facility-region[data-v-578f9dd6]{font-size:.875rem;color:#64748b;font-weight:500}.last-seen[data-v-578f9dd6]{font-size:.875rem;color:#1e293b}.last-connected-cell[data-v-578f9dd6]{font-weight:600;color:#0f172a}.pagination-container[data-v-578f9dd6]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;background:#fff}.pagination-container[data-v-578f9dd6],.pagination-info[data-v-578f9dd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination-info[data-v-578f9dd6]{font-size:.875rem;font-weight:500;color:#64748b;gap:.5rem}.pagination-controls[data-v-578f9dd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75rem}.pagination-pages[data-v-578f9dd6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.25rem}.page-number[data-v-578f9dd6]{min-width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;color:#475569}.page-number[data-v-578f9dd6]:hover{background:#f8fafc;border-color:#cbd5e1}.page-number.active[data-v-578f9dd6]{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-pagination[data-v-578f9dd6]{padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;color:#475569}.btn-pagination[data-v-578f9dd6]:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-pagination[data-v-578f9dd6]:disabled{opacity:.5;cursor:not-allowed}.page-size-selector[data-v-578f9dd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.size-select[data-v-578f9dd6]{padding:.375rem 1.75rem .375rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236c757d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:10px}.error-state[data-v-578f9dd6],.loading-state[data-v-578f9dd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:4rem 2rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-align:center}.spinner[data-v-578f9dd6]{width:2.5rem;height:2.5rem;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;-webkit-animation:spin-data-v-578f9dd6 .8s linear infinite;animation:spin-data-v-578f9dd6 .8s linear infinite;margin-bottom:1rem}@-webkit-keyframes spin-data-v-578f9dd6{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-578f9dd6{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.error-state i[data-v-578f9dd6]{font-size:3rem;color:#ef4444;margin-bottom:1rem}.error-state p[data-v-578f9dd6]{color:#64748b;margin-bottom:1rem}.btn-retry[data-v-578f9dd6]{padding:.625rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500}.btn-retry[data-v-578f9dd6]:hover{background:#2563eb}.empty-state[data-v-578f9dd6]{text-align:center;padding:4rem 2rem!important;color:#64748b}.empty-state i[data-v-578f9dd6]{font-size:3rem;color:#cbd5e1;margin-bottom:1rem;display:block}.empty-hint[data-v-578f9dd6]{font-size:.8rem;color:#94a3b8;margin-top:.5rem}.text-center[data-v-578f9dd6]{text-align:center}@media (max-width:1024px){.dta-devices-page[data-v-578f9dd6]{padding:1rem}.search-filter-bar[data-v-578f9dd6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.filter-group[data-v-578f9dd6]{max-width:100%}.btn-clear-filters[data-v-578f9dd6],.btn-refresh[data-v-578f9dd6],.btn-search[data-v-578f9dd6]{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pagination-container[data-v-578f9dd6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pagination-controls[data-v-578f9dd6]{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.devices-table[data-v-578f9dd6]{font-size:.75rem}.devices-table td[data-v-578f9dd6],.devices-table th[data-v-578f9dd6]{padding:.75rem}}@media (max-width:640px){.page-title[data-v-578f9dd6]{font-size:1.5rem}.pagination-pages[data-v-578f9dd6]{display:none}}