.face-attendance-container[data-v-0afcee56]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-section[data-v-0afcee56]{text-align:center;color:#fff;margin-bottom:30px}.header-section h1[data-v-0afcee56]{font-size:2.5em;margin:0 0 10px;font-weight:600}.subtitle[data-v-0afcee56]{font-size:1.1em;opacity:.9;margin:0}.mode-selector[data-v-0afcee56]{display:flex;gap:15px;justify-content:center;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.mode-btn[data-v-0afcee56]{flex:1;padding:15px 25px;border:2px solid white;background:transparent;color:#fff;font-size:1em;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.mode-btn[data-v-0afcee56]:hover{background:#ffffff1a;transform:translateY(-2px)}.mode-btn.active[data-v-0afcee56]{background:#fff;color:#667eea;box-shadow:0 5px 15px #0000004d}.mode-content[data-v-0afcee56]{animation:fadeIn-0afcee56 .3s ease}@keyframes fadeIn-0afcee56{0%{opacity:0}to{opacity:1}}.content-wrapper[data-v-0afcee56]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px;max-width:1400px;margin-left:auto;margin-right:auto}.camera-section[data-v-0afcee56]{position:relative;border-radius:15px;overflow:hidden;background:#000;box-shadow:0 10px 40px #0000004d}.video-container[data-v-0afcee56]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;background:#1a1a1a;color:#fff;font-size:1.2em}.spinner[data-v-0afcee56]{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:40px;height:40px;animation:spin-0afcee56 1s linear infinite;margin-top:20px}@keyframes spin-0afcee56{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.camera-feed[data-v-0afcee56]{width:100%;height:auto;max-height:60vh;aspect-ratio:4 / 3;object-fit:cover}.detection-canvas[data-v-0afcee56]{position:absolute;top:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.control-panel[data-v-0afcee56]{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;gap:20px}.info-section h3[data-v-0afcee56]{margin:0 0 10px;color:#333;font-size:1.3em}.info-section .subtitle[data-v-0afcee56]{color:#666;font-size:.9em;margin:0}.status[data-v-0afcee56]{padding:12px 15px;border-radius:8px;margin:0;font-weight:500}.status.success[data-v-0afcee56]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status.pending[data-v-0afcee56]{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status.info[data-v-0afcee56]{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.button-group[data-v-0afcee56]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn[data-v-0afcee56]{padding:12px 20px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn[data-v-0afcee56]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-0afcee56]{background:#667eea;color:#fff}.btn-primary[data-v-0afcee56]:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-danger[data-v-0afcee56]{background:#dc3545;color:#fff}.btn-danger[data-v-0afcee56]:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 5px 15px #dc354566}.btn-success[data-v-0afcee56]{background:#28a745;color:#fff}.btn-success[data-v-0afcee56]:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:0 5px 15px #28a74566}.btn-info[data-v-0afcee56]{background:#17a2b8;color:#fff}.btn-info[data-v-0afcee56]:hover:not(:disabled){background:#138496;transform:translateY(-2px);box-shadow:0 5px 15px #17a2b866}.btn-small[data-v-0afcee56]{padding:8px 12px;font-size:.9em}.employee-info-section h3[data-v-0afcee56]{margin:0 0 15px;color:#333;font-size:1.2em}.form-group[data-v-0afcee56]{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.form-group label[data-v-0afcee56]{font-weight:600;color:#555;font-size:.95em}.form-control[data-v-0afcee56]{padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:1em;font-family:inherit;transition:border-color .3s ease}.form-control[data-v-0afcee56]:focus{outline:none;border-color:#667eea;background:#f8f9ff}.capture-section[data-v-0afcee56]{padding:15px;background:#f8f9fa;border-radius:8px;text-align:center}.save-section[data-v-0afcee56]{padding:15px;background:#f0f7ff;border-radius:8px}.save-section .btn[data-v-0afcee56]{width:100%}.face-preview[data-v-0afcee56]{padding:15px;background:#f8f9fa;border-radius:8px;text-align:center}.preview-canvas[data-v-0afcee56]{width:100%;max-width:200px;border-radius:8px;margin-top:10px;border:2px solid #e0e0e0}.recognition-details[data-v-0afcee56]{padding:20px;background:#f0f7ff;border-radius:8px;border-left:4px solid #28a745}.detail-row[data-v-0afcee56]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0}.detail-row[data-v-0afcee56]:last-child{border-bottom:none}.detail-row .label[data-v-0afcee56]{font-weight:600;color:#555}.detail-row .value[data-v-0afcee56]{color:#333;font-weight:500}.no-match[data-v-0afcee56]{padding:20px;background:#fff3cd;border-radius:8px;text-align:center;color:#856404;border:1px solid #ffeaa7}.records-section[data-v-0afcee56]{background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 40px #0000001a;max-width:1400px;margin-left:auto;margin-right:auto;margin-bottom:40px}.records-header[data-v-0afcee56]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.records-header h2[data-v-0afcee56]{margin:0;color:#333;font-size:1.8em}.record-stats[data-v-0afcee56]{background:#f8f9fa;padding:10px 15px;border-radius:8px;font-weight:600;color:#667eea}.no-records[data-v-0afcee56]{text-align:center;padding:40px;background:#f8f9fa;border-radius:10px;color:#666;font-size:1.1em}.records-table[data-v-0afcee56]{overflow-x:auto;margin-bottom:30px}.records-table table[data-v-0afcee56]{width:100%;border-collapse:collapse;background:#fff}.records-table th[data-v-0afcee56]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;text-align:left;font-weight:600;border:none}.records-table td[data-v-0afcee56]{padding:12px 15px;border-bottom:1px solid #e0e0e0}.records-table tbody tr[data-v-0afcee56]:hover{background:#f8f9fa}.btn-delete[data-v-0afcee56]{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9em;transition:all .3s ease}.btn-delete[data-v-0afcee56]:hover{background:#c82333;transform:scale(1.05)}.export-section[data-v-0afcee56]{display:flex;gap:12px;justify-content:center;padding-top:20px;border-top:2px solid #e0e0e0}.enrolled-section[data-v-0afcee56]{background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 40px #0000001a;max-width:1400px;margin-left:auto;margin-right:auto}.enrolled-section h2[data-v-0afcee56]{margin:0 0 30px;color:#333;font-size:1.8em}.no-enrolled[data-v-0afcee56]{text-align:center;padding:40px;background:#f8f9fa;border-radius:10px;color:#666;font-size:1.1em}.enrolled-list[data-v-0afcee56]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.enrolled-card[data-v-0afcee56]{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.enrolled-card[data-v-0afcee56]:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.face-image[data-v-0afcee56]{margin-bottom:15px}.enrolled-preview[data-v-0afcee56]{width:100%;height:120px;border-radius:8px;border:2px solid #e0e0e0;object-fit:cover}.face-info p[data-v-0afcee56]{margin:8px 0;color:#555}.face-info p strong[data-v-0afcee56]{color:#333;font-size:1.1em}.face-info .btn[data-v-0afcee56]{width:100%;margin-top:10px}@media(max-width:1024px){.content-wrapper[data-v-0afcee56]{grid-template-columns:1fr}}@media(max-width:768px){.face-attendance-container[data-v-0afcee56]{padding:20px 10px}.header-section h1[data-v-0afcee56]{font-size:1.8em}.mode-selector[data-v-0afcee56]{flex-direction:column}.control-panel[data-v-0afcee56],.records-section[data-v-0afcee56],.enrolled-section[data-v-0afcee56]{padding:20px}.button-group[data-v-0afcee56]{grid-template-columns:1fr}.export-section[data-v-0afcee56]{flex-direction:column}.btn[data-v-0afcee56]{padding:10px 15px;font-size:.9em}.enrolled-list[data-v-0afcee56]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.records-header[data-v-0afcee56]{flex-direction:column;gap:15px;align-items:flex-start}}#app[data-v-73337bcb]{display:flex;flex-direction:column;min-height:100vh}.main-content[data-v-73337bcb]{flex:1;width:100%}