:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:#213547!important;box-shadow:0 0 0 1000px #fff inset!important;background-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.MuiInputBase-input:-webkit-autofill,.MuiInputBase-input:-webkit-autofill:hover,.MuiInputBase-input:-webkit-autofill:focus,.MuiInputBase-input:-webkit-autofill:active,.MuiOutlinedInput-input:-webkit-autofill,.MuiOutlinedInput-input:-webkit-autofill:hover,.MuiOutlinedInput-input:-webkit-autofill:focus,.MuiOutlinedInput-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:#213547!important;box-shadow:0 0 0 1000px #fff inset!important;background-color:#fff!important;transition:background-color 5000s ease-in-out 0s}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 767.98px){.table-responsive{border:none}.mobile-camera-card,.mobile-employee-card{margin-bottom:1rem!important;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0!important}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.modal-body{padding:1rem}.pagination{justify-content:center;flex-wrap:wrap}.pagination .page-item{margin:.125rem}.input-group{flex-wrap:wrap}.input-group .form-control{min-width:0;flex:1 1 auto}.face-image-card{min-height:280px;margin-bottom:1rem}.face-image-card .card-header{padding:.75rem;font-size:.9rem}.face-image-card .card-body{padding:.75rem;font-size:.85rem}.face-image-card .text-truncate{max-width:150px}}@media (min-width: 768px) and (max-width: 991.98px){.table th,.table td{padding:.5rem;font-size:.9rem}.btn-sm{padding:.375rem .75rem}}@media (max-width: 575.98px){.modal-dialog{margin:0;max-width:100%;height:100vh}.modal-content{height:100vh;border-radius:0;border:none}.modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.face-image-card{min-height:280px;margin-bottom:1rem}.face-image-card .card-header{padding:.75rem;font-size:.9rem}.face-image-card .card-body{padding:.75rem;font-size:.85rem}.face-image-card .text-truncate{max-width:150px}}.text-primary{color:#667eea!important}.bg-primary{background-color:#667eea!important}.btn-primary{background-color:#667eea;border-color:#667eea}.btn-primary:hover{background-color:#5a6fd8;border-color:#5a6fd8}.btn-outline-primary{color:#667eea;border-color:#667eea}.btn-outline-primary:hover{background-color:#667eea;border-color:#667eea}code{background-color:#f8f9fa;padding:.25rem .5rem;border-radius:.25rem;font-size:.875em;border:1px solid #e9ecef}.text-break{word-wrap:break-word!important;word-break:break-word!important;overflow-wrap:break-word!important}@media (max-width: 767.98px){.container-fluid{padding-left:1rem;padding-right:1rem}.card-body{padding:1rem}.row.g-2>*{margin-bottom:.5rem}}@media (min-width: 768px){.face-image-card{min-height:320px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.face-image-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}}.similarity-badge{font-weight:600;font-size:.75rem;min-width:50px;text-align:center}.coordinates-text{font-family:Courier New,monospace;font-size:.8rem;background-color:#f8f9fa;padding:.25rem .5rem;border-radius:.25rem;display:inline-block;margin-top:.25rem}@media (max-width: 575.98px){.face-image-grid .col-xl-3,.face-image-grid .col-lg-4,.face-image-grid .col-md-6{flex:0 0 100%;max-width:100%}}@media (max-width: 767.98px){.face-image-card{min-height:400px;margin-bottom:1rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.face-image-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.face-image-card .card-header{padding:.75rem;font-size:.9rem}.face-image-card .card-body{padding:.75rem;font-size:.85rem}.face-image-card .text-truncate{max-width:150px}.face-image{border-radius:0;border-bottom:1px solid #dee2e6}}@media (min-width: 768px){.face-image-card{min-height:450px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.face-image-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}}.face-image{transition:opacity .3s ease-in-out;border-top-left-radius:0;border-top-right-radius:0}.face-image:hover{opacity:.9}.image-placeholder{background:linear-gradient(45deg,#f8f9fa 25%,transparent 25%),linear-gradient(-45deg,#f8f9fa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f9fa 75%),linear-gradient(-45deg,transparent 75%,#f8f9fa 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.timestamp-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.similarity-badge{font-weight:600;font-size:.75rem;min-width:50px;text-align:center;box-shadow:0 1px 3px #0003}.coordinates-text{font-family:Courier New,monospace;font-size:.8rem;background-color:#f8f9fa;padding:.25rem .5rem;border-radius:.25rem;display:inline-block;margin-top:.25rem;border:1px solid #e9ecef}.filter-card{border:1px solid #e3e6f0;box-shadow:0 .15rem 1.75rem #3a3b4526}.loading-container{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column}.empty-state{min-height:200px;padding:3rem 1rem}@media (max-width: 575.98px){.face-image-grid .col-xl-3,.face-image-grid .col-lg-4,.face-image-grid .col-md-6{flex:0 0 100%;max-width:100%}.face-image{height:220px!important}}@media (min-width: 576px) and (max-width: 767.98px){.face-image-grid .col-xl-3,.face-image-grid .col-lg-4{flex:0 0 50%;max-width:50%}}@media (min-width: 768px) and (max-width: 991.98px){.face-image-grid .col-xl-3{flex:0 0 33.333333%;max-width:33.333333%}}.face-image-error{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6}.image-modal .modal-header{background-color:#f8f9fa;padding:1rem 1.5rem}.image-modal .modal-title{font-weight:600;color:#495057}.modal-content{border-radius:.5rem}.modal-content .modal-body{border-radius:0 0 .5rem .5rem}.reports-modal-details{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}@media (max-width: 991px){.employee-name-tag{font-size:.7rem!important;padding:1px 6px!important;max-width:90vw;word-wrap:break-word;white-space:normal;text-align:center;line-height:1.2}}@media (max-width: 576px){.employee-name-tag{font-size:.65rem!important;padding:1px 4px!important;max-width:85vw}}.modal-backdrop{z-index:1300!important}.image-modal,.image-modal .modal{z-index:1310!important}@media (min-width: 768px){.image-modal .modal-dialog{z-index:1320!important;max-width:800px!important;width:auto!important;margin:1.75rem auto!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:calc(100vh - 3.5rem)!important}.image-modal .modal-content{border:none;border-radius:.5rem;overflow:hidden;box-shadow:0 1rem 3rem #0000002d;z-index:1325!important;position:relative;width:fit-content;max-width:90vw;margin:0 auto}.image-modal .modal-body{padding:0!important;max-width:90vw}.image-modal .image-container{display:block;position:relative;max-width:90vw}.image-modal img,.image-modal .position-relative img{max-width:85vw!important;max-height:80vh!important;width:auto!important;height:auto!important;display:block;object-fit:contain}}@media (min-width: 576px) and (max-width: 767.98px){.image-modal .modal-dialog{margin:1rem auto!important;max-width:500px!important;width:auto!important;z-index:1320!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:calc(100vh - 2rem)!important}.image-modal .modal-content{border-radius:.5rem;width:fit-content;max-width:calc(100vw - 2rem);z-index:1325!important;margin:0 auto}.image-modal .modal-body{padding:0!important}.image-modal img,.image-modal .position-relative img{max-width:calc(100vw - 4rem)!important;max-height:70vh!important;width:auto!important;height:auto!important;object-fit:contain}}@media (max-width: 575.98px){.image-modal .modal-dialog{margin:1rem auto!important;max-width:calc(100vw - 2rem)!important;width:auto!important;z-index:1320!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:calc(100vh - 2rem)!important}.image-modal .modal-content{border-radius:.5rem;width:fit-content;max-width:calc(100vw - 2rem);z-index:1325!important;margin:0 auto}.image-modal .modal-header{padding:.75rem 1rem;background-color:#f8f9fa}.image-modal .modal-title{font-size:1rem}.image-modal .modal-body{padding:0!important}.image-modal img,.image-modal .position-relative img{max-width:calc(100vw - 4rem)!important;max-height:70vh!important;width:auto!important;height:auto!important;object-fit:contain}.image-modal .image-info{width:100%;background-color:#f8f9fa;padding:1rem;border-top:1px solid #dee2e6}}.modal{z-index:1310!important}.modal.fade .modal-dialog{z-index:1320!important}.image-modal .image-info{width:100%;background-color:#f8f9fa;padding:1rem;border-top:1px solid #dee2e6}.detection-box-overlay{position:absolute;border:3px solid #28a745;border-radius:4px;background:#28a7451a;pointer-events:none;z-index:10}@media (max-width: 768px){.detection-box-overlay{border-width:2px}.detection-box-overlay+div{font-size:10px!important;padding:1px 4px!important}}@media (prefers-contrast: high){.detection-box-overlay{border-width:4px;border-color:#000;background:#0003}}@media (prefers-reduced-motion: reduce){.detection-box-overlay{animation:none}}.expandable-widget{transition:all .3s ease;border:1px solid #dee2e6}.expandable-widget:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.expandable-widget .card-body{padding:1.25rem}.expandable-widget .btn-link{text-decoration:none;color:#6c757d;transition:color .2s ease}.expandable-widget .btn-link:hover{color:#495057}.expandable-widget .collapse{border-top:1px solid #dee2e6;margin-top:1rem;padding-top:1rem}.detail-list-table{font-size:.875rem}.detail-list-table th{font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;padding:.5rem}.detail-list-table td{padding:.5rem;vertical-align:middle}.detail-list-table tbody tr:hover{background-color:#f8f9fa}.department-summary-card{transition:all .3s ease}.department-summary-card:hover{box-shadow:0 4px 12px #0000001a}.department-summary-card .btn-outline-primary{border-width:1px;font-size:.875rem;padding:.375rem .75rem}.department-summary-card .collapse{border-top:1px solid #dee2e6;margin-top:1rem;padding-top:1rem}.department-summary-card .card-body{padding:1.5rem}.department-summary-card h6{font-size:1.1rem}.department-summary-card .collapse .mb-4{margin-bottom:2rem!important}.department-summary-card .collapse .mb-3{margin-bottom:1.5rem!important}@media (max-width: 768px){.expandable-widget .card-body{padding:1rem}.detail-list-table{font-size:.8rem}.detail-list-table th,.detail-list-table td{padding:.375rem}.department-summary-card .btn-outline-primary{font-size:.8rem;padding:.25rem .5rem}}.badge{font-weight:500;padding:.375rem .75rem}code{background-color:#f8f9fa;padding:.125rem .25rem;border-radius:.25rem;font-size:.875rem;color:#495057}