:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f5f6fa;color:#2c3e50;overflow-x:hidden}html{overflow-x:hidden}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid #3498db;outline-offset:2px}input:focus-visible,select:focus-visible{outline:2px solid #3498db;outline-offset:0}.login-container[data-v-a9f09888]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-card[data-v-a9f09888]{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;overflow:hidden}.login-header[data-v-a9f09888]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.login-header h1[data-v-a9f09888]{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.login-header p[data-v-a9f09888]{margin:0;font-size:.875rem;opacity:.9}.login-form[data-v-a9f09888]{padding:2rem}.form-group[data-v-a9f09888]{margin-bottom:1.5rem}.form-group label[data-v-a9f09888]{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#2c3e50}.form-group input[data-v-a9f09888]{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input[data-v-a9f09888]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[data-v-a9f09888]:disabled{background:#f5f5f5;cursor:not-allowed}.error-message[data-v-a9f09888]{padding:.875rem;background:#fee;color:#c33;border-radius:8px;font-size:.875rem;margin-bottom:1rem;border-left:4px solid #c33}.login-btn[data-v-a9f09888]{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-btn[data-v-a9f09888]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.login-btn[data-v-a9f09888]:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 480px){.login-header h1[data-v-a9f09888]{font-size:1.5rem}.login-form[data-v-a9f09888]{padding:1.5rem}}.voter-card[data-v-58700889]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;max-width:100%}.voter-card[data-v-58700889]:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.voter-photo[data-v-58700889]{width:100%;height:200px;background:#ecf0f1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.voter-photo.clickable[data-v-58700889]{cursor:pointer;transition:opacity .3s}.voter-photo.clickable[data-v-58700889]:hover{opacity:.9}.voter-photo img[data-v-58700889]{width:100%;height:100%;object-fit:cover}.placeholder[data-v-58700889]{color:#95a5a6;font-size:.875rem}.photo-controls[data-v-58700889]{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:.75rem;display:flex;gap:.5rem;justify-content:center}.photo-btn[data-v-58700889]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s}.upload-btn[data-v-58700889]{background:#3498db;color:#fff}.upload-btn[data-v-58700889]:hover{background:#2980b9}.clear-btn[data-v-58700889]{background:#e74c3c;color:#fff}.clear-btn[data-v-58700889]:hover{background:#c0392b}.voter-info[data-v-58700889]{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.75rem;max-width:100%;overflow:hidden}.voter-name[data-v-58700889]{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.info-row[data-v-58700889]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #ecf0f1;max-width:100%;overflow:hidden;gap:.5rem}.info-row.edit-row[data-v-58700889]{align-items:stretch}.info-row[data-v-58700889]:last-of-type{border-bottom:none}.label[data-v-58700889]{font-size:.875rem;color:#7f8c8d;font-weight:500;display:flex;align-items:center;flex-shrink:0;white-space:nowrap}.value[data-v-58700889]{font-size:.875rem;color:#2c3e50;font-weight:500;text-align:right;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;flex:1;min-width:0}.edit-input[data-v-58700889]{flex:1;padding:.5rem;border:1px solid #bdc3c7;border-radius:6px;font-size:.875rem;transition:border-color .3s}.edit-input[data-v-58700889]:focus{outline:none;border-color:#3498db}.info-row.full-width[data-v-58700889]{flex-direction:column;align-items:flex-start}.info-row.full-width .value[data-v-58700889]{text-align:left;margin-top:.25rem}.address-value[data-v-58700889]{word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.button-group[data-v-58700889]{margin-top:auto;display:flex;gap:.5rem}.view-btn[data-v-58700889],.edit-btn[data-v-58700889],.save-btn[data-v-58700889],.cancel-btn[data-v-58700889]{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s}.view-btn[data-v-58700889]{background:#16a085;color:#fff}.view-btn[data-v-58700889]:hover{background:#138d75}.edit-btn[data-v-58700889]{background:#3498db;color:#fff}.edit-btn[data-v-58700889]:hover{background:#2980b9}.save-btn[data-v-58700889]{background:#27ae60;color:#fff}.save-btn[data-v-58700889]:hover:not(:disabled){background:#229954}.save-btn[data-v-58700889]:disabled{background:#95a5a6;cursor:not-allowed}.cancel-btn[data-v-58700889]{background:#95a5a6;color:#fff}.cancel-btn[data-v-58700889]:hover:not(:disabled){background:#7f8c8d}.cancel-btn[data-v-58700889]:disabled{cursor:not-allowed}.modal-overlay[data-v-58700889]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-58700889]{background:#fff;border-radius:12px;max-width:900px;width:calc(100% - 2rem);max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 8px 32px #0000004d}.close-modal[data-v-58700889]{position:absolute;top:1rem;right:1rem;background:#00000080;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.close-modal[data-v-58700889]:hover{background:#000c;transform:rotate(90deg)}.modal-body[data-v-58700889]{display:flex;flex-direction:column;width:100%;overflow:hidden}.modal-photo[data-v-58700889]{width:100%;height:400px;background:#ecf0f1;display:flex;align-items:center;justify-content:center;overflow:hidden}.modal-photo img[data-v-58700889]{width:100%;height:100%;object-fit:contain}.modal-details[data-v-58700889]{padding:2rem;max-width:100%;overflow:hidden}.modal-name[data-v-58700889]{margin:0 0 1.5rem;font-size:1.75rem;font-weight:600;color:#2c3e50}.detail-grid[data-v-58700889]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:100%;overflow:hidden}.detail-item[data-v-58700889]{display:flex;flex-direction:column;gap:.5rem;max-width:100%;overflow:hidden}.detail-item.full[data-v-58700889]{grid-column:1 / -1}.detail-label[data-v-58700889]{font-size:.875rem;color:#7f8c8d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value[data-v-58700889]{font-size:1rem;color:#2c3e50;font-weight:500;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%}@media (max-width: 768px){.modal-photo[data-v-58700889]{height:300px}.modal-details[data-v-58700889]{padding:1.5rem}.modal-name[data-v-58700889]{font-size:1.5rem}.detail-grid[data-v-58700889]{grid-template-columns:1fr;gap:1rem}.detail-item.full[data-v-58700889]{grid-column:1}}@media (max-width: 639px){.voter-info[data-v-58700889]{padding:1rem}.voter-name[data-v-58700889]{font-size:1.125rem}.modal-photo[data-v-58700889]{height:250px}.modal-details[data-v-58700889]{padding:1rem}.modal-name[data-v-58700889]{font-size:1.25rem}}.searchable-dropdown[data-v-2856fec7]{position:relative;width:100%}.dropdown-trigger[data-v-2856fec7]{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .3s;min-height:44px}.dropdown-trigger[data-v-2856fec7]:hover{border-color:#3498db}.dropdown-value[data-v-2856fec7]{flex:1;font-size:.875rem;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-value.placeholder[data-v-2856fec7]{color:#95a5a6}.dropdown-arrow[data-v-2856fec7]{margin-left:.5rem;font-size:.7rem;color:#7f8c8d;transition:transform .3s}.dropdown-arrow.open[data-v-2856fec7]{transform:rotate(180deg)}.dropdown-menu[data-v-2856fec7]{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:400px;display:flex;flex-direction:column}.search-box[data-v-2856fec7]{padding:.75rem;border-bottom:1px solid #e0e0e0}.search-input[data-v-2856fec7]{width:100%;padding:.5rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.875rem}.search-input[data-v-2856fec7]:focus{outline:none;border-color:#3498db}.options-list[data-v-2856fec7]{overflow-y:auto;max-height:320px}.dropdown-option[data-v-2856fec7]{padding:.75rem;cursor:pointer;font-size:.875rem;color:#2c3e50;transition:background .2s;border-bottom:1px solid #f5f5f5}.dropdown-option[data-v-2856fec7]:last-child{border-bottom:none}.dropdown-option[data-v-2856fec7]:hover{background:#f8f9fa}.dropdown-option.selected[data-v-2856fec7]{background:#e8f4fd;color:#3498db;font-weight:600}.clear-option[data-v-2856fec7]{background:#fff3f3;color:#e74c3c;font-weight:600;border-bottom:2px solid #e0e0e0}.clear-option[data-v-2856fec7]:hover{background:#ffe8e8}.clear-text[data-v-2856fec7]{display:flex;align-items:center}.no-results[data-v-2856fec7]{padding:1.5rem;text-align:center;color:#95a5a6;font-size:.875rem}@media (max-width: 639px){.dropdown-menu[data-v-2856fec7]{max-height:300px}.options-list[data-v-2856fec7]{max-height:220px}}.filters-container[data-v-701251f3]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.search-bar[data-v-701251f3]{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input[data-v-701251f3]{flex:1;min-width:250px;padding:.875rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.search-input[data-v-701251f3]:focus{outline:none;border-color:#3498db}.clear-all-btn[data-v-701251f3]{padding:.875rem 1.5rem;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .3s;white-space:nowrap}.clear-all-btn[data-v-701251f3]:hover{background:#c0392b}.filters-grid[data-v-701251f3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group[data-v-701251f3]{display:flex;flex-direction:column;gap:.5rem}.filter-group label[data-v-701251f3]{font-size:.875rem;font-weight:600;color:#2c3e50}.filter-select[data-v-701251f3]{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;transition:border-color .3s}.filter-select[data-v-701251f3]:focus{outline:none;border-color:#3498db}.checkbox-group[data-v-701251f3]{display:flex;align-items:center;justify-content:center}.checkbox-label[data-v-701251f3]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;color:#2c3e50;-webkit-user-select:none;user-select:none}.filter-checkbox[data-v-701251f3]{width:20px;height:20px;cursor:pointer;accent-color:#3498db}.checkbox-label[data-v-701251f3]:hover{color:#3498db}@media (max-width: 639px){.filters-container[data-v-701251f3]{padding:1rem}.search-bar[data-v-701251f3]{flex-direction:column}.search-input[data-v-701251f3]{min-width:100%}.clear-all-btn[data-v-701251f3]{width:100%}.filters-grid[data-v-701251f3]{grid-template-columns:1fr}}.import-container[data-v-b1b68227]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.import-card[data-v-b1b68227]{background:#fff;border-radius:16px;padding:2rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d}.import-header[data-v-b1b68227]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #ecf0f1}.import-header h2[data-v-b1b68227]{margin:0;color:#2c3e50;font-size:1.75rem}.close-btn[data-v-b1b68227]{background:none;border:none;font-size:2rem;cursor:pointer;color:#7f8c8d;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-btn[data-v-b1b68227]:hover{background:#ecf0f1;color:#2c3e50}.upload-section[data-v-b1b68227]{text-align:center}.instructions[data-v-b1b68227]{margin-bottom:2rem}.instructions p[data-v-b1b68227]{margin:.5rem 0;color:#2c3e50}.format-note[data-v-b1b68227]{font-size:.875rem;color:#3498db;font-weight:500}.note[data-v-b1b68227]{font-size:.875rem;color:#e67e22;font-weight:500}.file-input-wrapper[data-v-b1b68227]{margin:2rem 0}.file-input[data-v-b1b68227]{display:none}.file-label[data-v-b1b68227]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;border:3px dashed #bdc3c7;border-radius:12px;cursor:pointer;transition:all .3s;background:#f8f9fa}.file-label[data-v-b1b68227]:hover{border-color:#3498db;background:#ecf0f1}.upload-icon[data-v-b1b68227]{font-size:3rem}.file-info[data-v-b1b68227]{display:flex;flex-direction:column;gap:.5rem;text-align:center}.file-info strong[data-v-b1b68227]{color:#2c3e50;font-size:1.1rem}.file-size[data-v-b1b68227]{color:#7f8c8d;font-size:.875rem}.import-btn[data-v-b1b68227]{width:100%;padding:1rem 2rem;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s}.import-btn[data-v-b1b68227]:hover:not(:disabled){background:#229954}.import-btn[data-v-b1b68227]:disabled{background:#95a5a6;cursor:not-allowed}.progress-section[data-v-b1b68227]{text-align:center;padding:2rem 0}.stage-indicator[data-v-b1b68227]{margin-bottom:2rem}.stage-indicator h3[data-v-b1b68227]{margin:1rem 0 .5rem;color:#2c3e50;font-size:1.5rem}.stage-indicator p[data-v-b1b68227]{color:#7f8c8d;font-size:1.1rem}.spinner[data-v-b1b68227]{width:60px;height:60px;border:5px solid #ecf0f1;border-top:5px solid #3498db;border-radius:50%;animation:spin-b1b68227 1s linear infinite;margin:0 auto}@keyframes spin-b1b68227{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar-container[data-v-b1b68227]{width:100%;height:40px;background:#ecf0f1;border-radius:20px;overflow:hidden;margin:1.5rem 0;box-shadow:inset 0 2px 4px #0000001a}.progress-bar[data-v-b1b68227]{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);transition:width .3s ease;border-radius:20px}.progress-percentage[data-v-b1b68227]{font-size:2rem;font-weight:700;color:#2c3e50;margin:1rem 0}.import-details[data-v-b1b68227]{margin-top:2rem}.import-details p[data-v-b1b68227]{margin:.5rem 0;color:#7f8c8d}.complete-section[data-v-b1b68227]{text-align:center;padding:2rem 0}.success-icon[data-v-b1b68227]{width:80px;height:80px;background:#27ae60;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem;animation:scaleIn-b1b68227 .5s ease}@keyframes scaleIn-b1b68227{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.complete-section h3[data-v-b1b68227]{margin:0 0 2rem;color:#2c3e50;font-size:1.75rem}.stats-grid[data-v-b1b68227]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin:2rem 0;padding:1.5rem;background:#f8f9fa;border-radius:12px}.stat-item[data-v-b1b68227]{text-align:center}.stat-value[data-v-b1b68227]{font-size:2rem;font-weight:700;color:#27ae60;margin-bottom:.5rem}.stat-value.error[data-v-b1b68227]{color:#e74c3c}.stat-label[data-v-b1b68227]{font-size:.875rem;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.view-data-btn[data-v-b1b68227]{width:100%;padding:1rem 2rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .3s;margin-top:1rem}.view-data-btn[data-v-b1b68227]:hover{background:#2980b9}.error-section[data-v-b1b68227]{text-align:center;padding:2rem 0}.error-icon[data-v-b1b68227]{width:80px;height:80px;background:#e74c3c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem}.error-section h3[data-v-b1b68227]{margin:0 0 1rem;color:#e74c3c;font-size:1.75rem}.error-text[data-v-b1b68227]{color:#7f8c8d;margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:8px;font-size:1rem}.error-actions[data-v-b1b68227]{display:flex;gap:1rem;margin-top:2rem}.retry-btn[data-v-b1b68227],.cancel-btn[data-v-b1b68227]{flex:1;padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.retry-btn[data-v-b1b68227]{background:#3498db;color:#fff}.retry-btn[data-v-b1b68227]:hover{background:#2980b9}.cancel-btn[data-v-b1b68227]{background:#95a5a6;color:#fff}.cancel-btn[data-v-b1b68227]:hover{background:#7f8c8d}.client-select-section[data-v-b1b68227]{margin:2rem 0;text-align:left}.client-label[data-v-b1b68227]{display:block;font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.client-select[data-v-b1b68227]{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid #bdc3c7;border-radius:8px;background:#fff;color:#2c3e50;cursor:pointer;transition:all .3s}.client-select[data-v-b1b68227]:hover:not(:disabled){border-color:#3498db}.client-select[data-v-b1b68227]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.client-select[data-v-b1b68227]:disabled{background:#ecf0f1;cursor:not-allowed}.client-info[data-v-b1b68227]{margin:1.5rem 0;padding:1rem;background:#e8f5e9;border-left:4px solid #27ae60;border-radius:4px}.client-info-text[data-v-b1b68227]{margin:0;color:#27ae60;font-weight:500}.error-message[data-v-b1b68227]{margin:1rem 0;padding:1rem;background:#ffebee;border-left:4px solid #e74c3c;border-radius:4px;color:#e74c3c;font-weight:500}@media (max-width: 639px){.import-card[data-v-b1b68227]{padding:1.5rem}.import-header h2[data-v-b1b68227]{font-size:1.5rem}.file-label[data-v-b1b68227]{padding:2rem 1rem}.stats-grid[data-v-b1b68227]{grid-template-columns:1fr}.error-actions[data-v-b1b68227]{flex-direction:column}}.modal-overlay[data-v-c06c1f77]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-c06c1f77 .2s ease-out}@keyframes fadeIn-c06c1f77{0%{opacity:0}to{opacity:1}}.modal-content[data-v-c06c1f77]{background:#fff;border-radius:16px;min-width:400px;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:slideUp-c06c1f77 .3s ease-out;overflow:hidden}@keyframes slideUp-c06c1f77{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-c06c1f77]{padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2[data-v-c06c1f77]{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.header-danger[data-v-c06c1f77]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.header-warning[data-v-c06c1f77]{background:linear-gradient(135deg,#f39c12,#e67e22)}.header-info[data-v-c06c1f77]{background:linear-gradient(135deg,#3498db,#2980b9)}.header-success[data-v-c06c1f77]{background:linear-gradient(135deg,#27ae60,#229954)}.modal-body[data-v-c06c1f77]{padding:2rem 1.5rem}.modal-body p[data-v-c06c1f77]{margin:0;font-size:1rem;line-height:1.6;color:#2c3e50}.modal-footer[data-v-c06c1f77]{padding:1rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end;background:#f8f9fa;border-top:1px solid #e0e0e0}.btn[data-v-c06c1f77]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel[data-v-c06c1f77]{background:#fff;color:#7f8c8d;border:2px solid #e0e0e0}.btn-cancel[data-v-c06c1f77]:hover{background:#ecf0f1;border-color:#bdc3c7}.btn-confirm[data-v-c06c1f77]{color:#fff}.btn-danger[data-v-c06c1f77]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-danger[data-v-c06c1f77]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.btn-warning[data-v-c06c1f77]{background:linear-gradient(135deg,#f39c12,#e67e22)}.btn-warning[data-v-c06c1f77]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f39c1266}.btn-info[data-v-c06c1f77]{background:linear-gradient(135deg,#3498db,#2980b9)}.btn-info[data-v-c06c1f77]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db66}.btn-success[data-v-c06c1f77]{background:linear-gradient(135deg,#27ae60,#229954)}.btn-success[data-v-c06c1f77]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae6066}@media (max-width: 639px){.modal-content[data-v-c06c1f77]{min-width:90%;max-width:90%;margin:1rem}.modal-header h2[data-v-c06c1f77]{font-size:1.25rem}.modal-body[data-v-c06c1f77]{padding:1.5rem 1rem}.modal-footer[data-v-c06c1f77]{flex-direction:column-reverse}.btn[data-v-c06c1f77]{width:100%}}.modal-overlay[data-v-74d054da]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-74d054da .2s ease-out}@keyframes fadeIn-74d054da{0%{opacity:0}to{opacity:1}}.modal-content[data-v-74d054da]{background:#fff;border-radius:16px;min-width:400px;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:slideUp-74d054da .3s ease-out;overflow:hidden}@keyframes slideUp-74d054da{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-74d054da]{padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2[data-v-74d054da]{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.header-danger[data-v-74d054da]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.header-warning[data-v-74d054da]{background:linear-gradient(135deg,#f39c12,#e67e22)}.header-info[data-v-74d054da]{background:linear-gradient(135deg,#3498db,#2980b9)}.header-success[data-v-74d054da]{background:linear-gradient(135deg,#27ae60,#229954)}.modal-body[data-v-74d054da]{padding:2rem 1.5rem}.modal-body p[data-v-74d054da]{margin:0;font-size:1rem;line-height:1.6;color:#2c3e50}.modal-footer[data-v-74d054da]{padding:1rem 1.5rem;display:flex;justify-content:flex-end;background:#f8f9fa;border-top:1px solid #e0e0e0}.btn[data-v-74d054da]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;color:#fff;min-width:100px}.btn-danger[data-v-74d054da]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-danger[data-v-74d054da]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.btn-warning[data-v-74d054da]{background:linear-gradient(135deg,#f39c12,#e67e22)}.btn-warning[data-v-74d054da]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f39c1266}.btn-info[data-v-74d054da]{background:linear-gradient(135deg,#3498db,#2980b9)}.btn-info[data-v-74d054da]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db66}.btn-success[data-v-74d054da]{background:linear-gradient(135deg,#27ae60,#229954)}.btn-success[data-v-74d054da]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae6066}@media (max-width: 639px){.modal-content[data-v-74d054da]{min-width:90%;max-width:90%;margin:1rem}.modal-header h2[data-v-74d054da]{font-size:1.25rem}.modal-body[data-v-74d054da]{padding:1.5rem 1rem}.btn[data-v-74d054da]{width:100%}}.voter-list-container[data-v-96dc3703]{max-width:1200px;margin:0 auto;padding:1rem}.app-header[data-v-96dc3703]{padding:2rem 1rem;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.header-content[data-v-96dc3703]{display:flex;justify-content:space-between;align-items:center;gap:1rem}.app-header h1[data-v-96dc3703]{margin:0 0 .5rem;font-size:2rem;font-weight:700}.subtitle[data-v-96dc3703]{margin:0;font-size:1rem;opacity:.9}.admin-actions[data-v-96dc3703]{display:flex;gap:.75rem;align-items:center}.import-btn[data-v-96dc3703]{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;box-shadow:0 2px 4px #0003}.import-btn[data-v-96dc3703]:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.import-icon[data-v-96dc3703]{font-size:1.2rem}.clear-all-btn[data-v-96dc3703]{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;box-shadow:0 2px 4px #0003}.clear-all-btn[data-v-96dc3703]:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.clear-icon[data-v-96dc3703]{font-size:1.2rem}.loading[data-v-96dc3703],.error[data-v-96dc3703]{text-align:center;padding:3rem 1rem}.spinner[data-v-96dc3703]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-96dc3703 1s linear infinite;margin:0 auto 1rem}@keyframes spin-96dc3703{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-96dc3703]{color:#e74c3c}.retry-btn[data-v-96dc3703]{margin-top:1rem;padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s}.retry-btn[data-v-96dc3703]:hover{background:#2980b9}.voters-section[data-v-96dc3703]{margin-top:2rem}.results-header[data-v-96dc3703]{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.results-header h2[data-v-96dc3703]{margin:0 0 .5rem;font-size:1.25rem;color:#2c3e50}.page-info[data-v-96dc3703]{margin:0;font-size:.875rem;color:#7f8c8d}.no-results[data-v-96dc3703]{text-align:center;padding:3rem 1rem;background:#f8f9fa;border-radius:8px}.no-results p[data-v-96dc3703]{font-size:1.1rem;color:#7f8c8d;margin-bottom:1rem}.clear-btn[data-v-96dc3703]{padding:.75rem 1.5rem;background:#95a5a6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s}.clear-btn[data-v-96dc3703]:hover{background:#7f8c8d}.voters-grid[data-v-96dc3703]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.pagination[data-v-96dc3703]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;flex-wrap:wrap}.pagination-btn[data-v-96dc3703]{padding:.625rem 1rem;background:#fff;color:#2c3e50;border:2px solid #e0e0e0;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;min-width:80px}.pagination-btn[data-v-96dc3703]:hover:not(:disabled){background:#3498db;color:#fff;border-color:#3498db;transform:translateY(-2px)}.pagination-btn[data-v-96dc3703]:disabled{opacity:.4;cursor:not-allowed}.page-numbers[data-v-96dc3703]{display:flex;gap:.5rem}.page-btn[data-v-96dc3703]{width:40px;height:40px;background:#fff;color:#2c3e50;border:2px solid #e0e0e0;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s}.page-btn[data-v-96dc3703]:hover{background:#ecf0f1;border-color:#3498db}.page-btn.active[data-v-96dc3703]{background:#3498db;color:#fff;border-color:#3498db}@media (min-width: 640px){.app-header h1[data-v-96dc3703]{font-size:2.5rem}}@media (max-width: 639px){.voter-list-container[data-v-96dc3703]{padding:.5rem}.app-header[data-v-96dc3703]{padding:1.5rem 1rem;margin-bottom:1rem}.header-content[data-v-96dc3703]{flex-direction:column;align-items:flex-start}.app-header h1[data-v-96dc3703]{font-size:1.5rem}.admin-actions[data-v-96dc3703]{width:100%;flex-direction:column}.import-btn[data-v-96dc3703],.clear-all-btn[data-v-96dc3703]{width:100%;justify-content:center}.voters-grid[data-v-96dc3703]{grid-template-columns:1fr;gap:1rem}.pagination[data-v-96dc3703]{padding:1.5rem .5rem}.pagination-btn[data-v-96dc3703]{min-width:60px;padding:.5rem .75rem;font-size:.75rem}.page-btn[data-v-96dc3703]{width:36px;height:36px;font-size:.75rem}}.modal-overlay[data-v-8dd3e008]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-content[data-v-8dd3e008]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-header[data-v-8dd3e008]{padding:1.5rem;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0}.modal-header h2[data-v-8dd3e008]{margin:0;font-size:1.5rem;color:#2c3e50}.close-btn[data-v-8dd3e008]{background:none;border:none;font-size:2rem;color:#95a5a6;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-btn[data-v-8dd3e008]:hover{background:#ecf0f1;color:#2c3e50}.form[data-v-8dd3e008]{padding:1.5rem}.error-message[data-v-8dd3e008]{background:#fee;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #fcc}.form-group[data-v-8dd3e008]{margin-bottom:1.5rem}.form-group label[data-v-8dd3e008]{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.875rem}.form-group input[type=text][data-v-8dd3e008],.form-group input[type=email][data-v-8dd3e008],.form-group input[type=tel][data-v-8dd3e008]{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input[data-v-8dd3e008]:focus{outline:none;border-color:#3498db}.constituency-grid[data-v-8dd3e008]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;margin-top:.5rem}.constituency-checkbox[data-v-8dd3e008]{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s}.constituency-checkbox[data-v-8dd3e008]:hover{border-color:#3498db;background:#f8f9fa}.constituency-checkbox input[type=checkbox][data-v-8dd3e008]{margin:0;cursor:pointer}.constituency-checkbox span[data-v-8dd3e008]{font-size:.875rem;font-weight:600;color:#2c3e50}.checkbox-label[data-v-8dd3e008]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600}.checkbox-label input[type=checkbox][data-v-8dd3e008]{width:20px;height:20px;cursor:pointer}.form-actions[data-v-8dd3e008]{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #ecf0f1}.cancel-btn[data-v-8dd3e008],.save-btn[data-v-8dd3e008]{flex:1;padding:.875rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.cancel-btn[data-v-8dd3e008]{background:#95a5a6;color:#fff}.cancel-btn[data-v-8dd3e008]:hover:not(:disabled){background:#7f8c8d}.save-btn[data-v-8dd3e008]{background:#3498db;color:#fff}.save-btn[data-v-8dd3e008]:hover:not(:disabled){background:#2980b9}.cancel-btn[data-v-8dd3e008]:disabled,.save-btn[data-v-8dd3e008]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 639px){.modal-header[data-v-8dd3e008]{padding:1rem}.modal-header h2[data-v-8dd3e008]{font-size:1.25rem}.form[data-v-8dd3e008]{padding:1rem}.constituency-grid[data-v-8dd3e008]{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}}.client-list-container[data-v-eee7825b]{max-width:1200px;margin:0 auto;padding:1rem}.header[data-v-eee7825b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem 1rem;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.header h1[data-v-eee7825b]{margin:0 0 .5rem;font-size:2rem;font-weight:700}.subtitle[data-v-eee7825b]{margin:0;font-size:1rem;opacity:.9}.add-btn[data-v-eee7825b]{padding:.875rem 1.5rem;background:#fff;color:#2c3e50;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.add-btn[data-v-eee7825b]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.loading[data-v-eee7825b],.error[data-v-eee7825b],.empty-state[data-v-eee7825b]{text-align:center;padding:3rem 1rem}.spinner[data-v-eee7825b]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-eee7825b 1s linear infinite;margin:0 auto 1rem}@keyframes spin-eee7825b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-eee7825b]{color:#e74c3c}.retry-btn[data-v-eee7825b]{margin-top:1rem;padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s}.retry-btn[data-v-eee7825b]:hover{background:#2980b9}.empty-state p[data-v-eee7825b]{font-size:1.1rem;color:#7f8c8d;margin-bottom:1rem}.clients-grid[data-v-eee7825b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.client-card[data-v-eee7825b]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.client-card[data-v-eee7825b]:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.client-header[data-v-eee7825b]{padding:1.5rem;background:#f8f9fa;border-bottom:2px solid #ecf0f1}.client-name[data-v-eee7825b]{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.status-badge[data-v-eee7825b]{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active[data-v-eee7825b]{background:#d4edda;color:#155724}.status-badge.inactive[data-v-eee7825b]{background:#f8d7da;color:#721c24}.client-info[data-v-eee7825b]{padding:1.5rem}.info-row[data-v-eee7825b]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #ecf0f1}.info-row[data-v-eee7825b]:last-of-type{border-bottom:none}.info-row.full-width[data-v-eee7825b]{flex-direction:column;align-items:flex-start}.label[data-v-eee7825b]{font-size:.875rem;color:#7f8c8d;font-weight:600}.value[data-v-eee7825b]{font-size:.875rem;color:#2c3e50;font-weight:500;word-wrap:break-word}.consit-tags[data-v-eee7825b]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.consit-tag[data-v-eee7825b]{background:#3498db;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.client-actions[data-v-eee7825b]{padding:1rem 1.5rem;background:#f8f9fa;display:flex;gap:.5rem}.edit-btn[data-v-eee7825b],.toggle-btn[data-v-eee7825b],.delete-btn[data-v-eee7825b]{flex:1;padding:.625rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s}.edit-btn[data-v-eee7825b]{background:#3498db;color:#fff}.edit-btn[data-v-eee7825b]:hover{background:#2980b9}.toggle-btn[data-v-eee7825b]{background:#f39c12;color:#fff}.toggle-btn[data-v-eee7825b]:hover{background:#e67e22}.delete-btn[data-v-eee7825b]{background:#e74c3c;color:#fff}.delete-btn[data-v-eee7825b]:hover{background:#c0392b}@media (max-width: 639px){.client-list-container[data-v-eee7825b]{padding:.5rem}.header[data-v-eee7825b]{flex-direction:column;align-items:flex-start;padding:1.5rem 1rem;gap:1rem}.header h1[data-v-eee7825b]{font-size:1.5rem}.add-btn[data-v-eee7825b]{width:100%;text-align:center}.clients-grid[data-v-eee7825b]{grid-template-columns:1fr;gap:1rem}.client-actions[data-v-eee7825b]{flex-direction:column}}.modal-overlay[data-v-8d461933]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-content[data-v-8d461933]{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-header[data-v-8d461933]{padding:1.5rem;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:10;border-radius:12px 12px 0 0}.modal-header h2[data-v-8d461933]{margin:0;font-size:1.5rem;color:#2c3e50}.close-btn[data-v-8d461933]{background:none;border:none;font-size:2rem;color:#95a5a6;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-btn[data-v-8d461933]:hover{background:#ecf0f1;color:#2c3e50}.form[data-v-8d461933]{padding:1.5rem}.error-message[data-v-8d461933]{background:#fee;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #fcc}.form-group[data-v-8d461933]{margin-bottom:1.5rem}.form-group label[data-v-8d461933]{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.875rem}.form-group input[data-v-8d461933],.form-group select[data-v-8d461933]{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input[data-v-8d461933]:focus,.form-group select[data-v-8d461933]:focus{outline:none;border-color:#3498db}.form-group input[data-v-8d461933]:disabled{background:#f8f9fa;cursor:not-allowed}.helper-text[data-v-8d461933]{display:block;margin-top:.25rem;font-size:.75rem;color:#7f8c8d}.checkbox-group[data-v-8d461933]{margin-bottom:1.5rem}.checkbox-label[data-v-8d461933]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:#2c3e50}.checkbox-label input[type=checkbox][data-v-8d461933]{width:18px;height:18px;cursor:pointer;accent-color:#3498db}.checkbox-label span[data-v-8d461933]{font-size:.875rem}.form-actions[data-v-8d461933]{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #ecf0f1}.cancel-btn[data-v-8d461933],.save-btn[data-v-8d461933]{flex:1;padding:.875rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.cancel-btn[data-v-8d461933]{background:#95a5a6;color:#fff}.cancel-btn[data-v-8d461933]:hover:not(:disabled){background:#7f8c8d}.save-btn[data-v-8d461933]{background:#3498db;color:#fff}.save-btn[data-v-8d461933]:hover:not(:disabled){background:#2980b9}.cancel-btn[data-v-8d461933]:disabled,.save-btn[data-v-8d461933]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 639px){.modal-header[data-v-8d461933]{padding:1rem}.modal-header h2[data-v-8d461933]{font-size:1.25rem}.form[data-v-8d461933]{padding:1rem}}.users-list-container[data-v-3ceda62e]{max-width:1200px;margin:0 auto;padding:1rem}.header[data-v-3ceda62e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem 1rem;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.header h1[data-v-3ceda62e]{margin:0 0 .5rem;font-size:2rem;font-weight:700}.subtitle[data-v-3ceda62e]{margin:0;font-size:1rem;opacity:.9}.add-btn[data-v-3ceda62e]{padding:.875rem 1.5rem;background:#fff;color:#2c3e50;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.add-btn[data-v-3ceda62e]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.loading[data-v-3ceda62e],.error[data-v-3ceda62e],.empty-state[data-v-3ceda62e]{text-align:center;padding:3rem 1rem}.spinner[data-v-3ceda62e]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin-3ceda62e 1s linear infinite;margin:0 auto 1rem}@keyframes spin-3ceda62e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-3ceda62e]{color:#e74c3c}.retry-btn[data-v-3ceda62e]{margin-top:1rem;padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s}.retry-btn[data-v-3ceda62e]:hover{background:#2980b9}.empty-state p[data-v-3ceda62e]{font-size:1.1rem;color:#7f8c8d;margin-bottom:1rem}.users-table-container[data-v-3ceda62e]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.users-table[data-v-3ceda62e]{width:100%;border-collapse:collapse}.users-table thead[data-v-3ceda62e]{background:#f8f9fa}.users-table th[data-v-3ceda62e]{padding:1rem;text-align:left;font-weight:600;color:#2c3e50;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #ecf0f1}.users-table td[data-v-3ceda62e]{padding:1rem;border-bottom:1px solid #ecf0f1}.users-table tbody tr[data-v-3ceda62e]:hover{background:#f8f9fa}.users-table tbody tr:last-child td[data-v-3ceda62e]{border-bottom:none}.user-name[data-v-3ceda62e]{font-weight:600;color:#2c3e50}.user-email[data-v-3ceda62e]{color:#7f8c8d;font-size:.875rem}.role-badge[data-v-3ceda62e]{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;background:#e3f2fd;color:#1976d2}.role-badge.superadmin[data-v-3ceda62e]{background:#fff3e0;color:#e65100}.badge[data-v-3ceda62e]{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;background:#f5f5f5;color:#7f8c8d}.badge.active[data-v-3ceda62e]{background:#d4edda;color:#155724}.date-text[data-v-3ceda62e]{color:#7f8c8d;font-size:.875rem}.action-buttons[data-v-3ceda62e]{display:flex;gap:.5rem}.edit-btn[data-v-3ceda62e],.delete-btn[data-v-3ceda62e]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s}.edit-btn[data-v-3ceda62e]{background:#3498db;color:#fff}.edit-btn[data-v-3ceda62e]:hover{background:#2980b9}.delete-btn[data-v-3ceda62e]{background:#e74c3c;color:#fff}.delete-btn[data-v-3ceda62e]:hover{background:#c0392b}@media (max-width: 768px){.users-table-container[data-v-3ceda62e]{overflow-x:auto}.users-table[data-v-3ceda62e]{min-width:600px}.users-table th[data-v-3ceda62e],.users-table td[data-v-3ceda62e]{padding:.75rem .5rem}}@media (max-width: 639px){.users-list-container[data-v-3ceda62e]{padding:.5rem}.header[data-v-3ceda62e]{flex-direction:column;align-items:flex-start;padding:1.5rem 1rem;gap:1rem}.header h1[data-v-3ceda62e]{font-size:1.5rem}.add-btn[data-v-3ceda62e]{width:100%;text-align:center}.action-buttons[data-v-3ceda62e]{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f6fa;color:#2c3e50;line-height:1.6}#app{min-height:100vh}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.25rem;color:#7f8c8d}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-nav{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.nav-content{max-width:1200px;margin:0 auto;padding:1rem;display:flex;align-items:center;gap:2rem}.nav-brand h1{font-size:1.5rem;font-weight:700;margin:0}.nav-links{display:flex;gap:.5rem;flex:1}.nav-link{padding:.75rem 1.25rem;background:transparent;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;opacity:.8}.nav-link:hover{background:#ffffff1a;opacity:1}.nav-link.active{background:#fff3;opacity:1}.user-menu-container{position:relative}.user-menu-btn{padding:.625rem;background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.user-menu-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.user-icon{width:24px;height:24px}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:240px;overflow:hidden;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-header{padding:1rem;background:#f8f9fa}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-email{font-size:.875rem;font-weight:600;color:#2c3e50;word-break:break-word}.client-name{font-size:.75rem;color:#7f8c8d;font-weight:500}.menu-separator{height:1px;background:#ecf0f1;margin:0}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:#2c3e50;text-decoration:none;font-size:.875rem;font-weight:500;transition:background .2s;cursor:pointer}.menu-item:hover{background:#f5f6fa}.logout-item{color:#e74c3c}.logout-item:hover{background:#ffebee}.logout-icon{width:16px;height:16px}.page-content{flex:1;padding-top:1rem}@media (max-width: 768px){.nav-content{flex-direction:column;gap:1rem;align-items:stretch}.nav-brand{text-align:center}.nav-links{justify-content:center;flex-wrap:wrap}.user-menu-container{display:flex;justify-content:center}.user-menu-dropdown{right:auto;left:50%;transform:translate(-50%)}}@media (max-width: 639px){.nav-brand h1{font-size:1.25rem}.nav-link{padding:.625rem 1rem;font-size:.75rem}}