@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-blue: #0F2557;--accent-blue: #1D4ED8;--accent-blue-hover: #1E3A8A;--light-blue-bg: #DBEAFE;--light-blue-subtle: #EFF6FF;--background-main: #F8FAFC;--text-primary: #020617;--text-secondary: #334155;--text-muted: #64748B;--border-light: #E2E8F0;--card-bg: #FFFFFF;--danger: #B91C1C;--danger-bg: #FEF2F2;--danger-border: #FECACA;--success: #15803D;--success-bg: #F0FDF4;--success-border: #BBF7D0;--focus-ring: rgba(29, 78, 216, .25);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 32px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;font-weight:450;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:var(--background-main);color:var(--text-primary)}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--light-blue-subtle)}.auth-card{width:100%;max-width:420px;background:var(--card-bg);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.app-title{margin:0;font-size:22px;font-weight:700;text-align:center;color:var(--primary-blue)}.auth-logo{display:block;margin:0 auto 16px;width:80px;height:auto;border-radius:var(--radius-md);object-fit:contain}.auth-title{margin-top:8px;margin-bottom:28px;font-size:15px;font-weight:500;text-align:center;color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:16px}.hint-text{margin-top:20px;font-size:12px;text-align:center;color:var(--text-muted)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:15px;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border-radius:var(--radius-md);border:1px solid #3399ff;background:#e6f2ff;color:var(--text-primary);font-size:15px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.7}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #1d4ed866;background:#fff}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring)}.form-group input[readonly]{background:var(--background-main);color:var(--text-secondary);cursor:default}.vertical-form{display:flex;flex-direction:column;gap:14px}.primary-btn{margin-top:8px;width:100%;padding:10px 16px;border-radius:var(--radius-md);border:none;background:var(--accent-blue);color:#fff;font-weight:600;cursor:pointer;font-size:15px;transition:background .12s ease,box-shadow .12s ease,transform .08s ease}.primary-btn:hover:not(:disabled){background:var(--accent-blue-hover);box-shadow:0 4px 14px #2563eb40;transform:translateY(-1px)}.primary-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.secondary-btn,.danger-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;border-radius:var(--radius-md);padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.ghost-btn{border:1px solid var(--accent-blue);background:transparent;color:var(--accent-blue)}.ghost-btn:hover{background:var(--light-blue-bg)}.secondary-btn{border:1px solid var(--border-light);background:transparent;color:var(--text-secondary)}.secondary-btn:hover{background:var(--background-main);border-color:var(--text-muted)}.danger-btn{border:1px solid var(--danger);background:transparent;color:var(--danger)}.danger-btn:hover{background:var(--danger-bg)}.danger-btn:disabled{opacity:.45;cursor:not-allowed}.error-message{margin-top:4px;padding:10px 12px;border-radius:var(--radius-md);background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);font-size:14px}.success-message{margin-top:4px;padding:10px 12px;border-radius:var(--radius-md);background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);font-size:14px}.muted-text{font-size:14px;color:var(--text-muted)}.page-root{min-height:100vh;background:var(--background-main);color:var(--text-primary)}.page-main{max-width:1100px;margin:80px auto 40px;padding:0 24px 24px}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--card-bg);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.navbar-left{display:flex;flex-direction:row;align-items:center;gap:12px}.navbar-logo-img{height:36px;width:auto;border-radius:var(--radius-sm);object-fit:contain}.navbar-text{display:flex;flex-direction:column}.navbar-logo{font-weight:700;font-size:17px;color:var(--primary-blue)}.navbar-subtitle{font-size:12px;color:var(--text-muted)}.navbar-org-name{font-weight:700;font-size:24px;color:#1e3a8a;text-transform:uppercase;letter-spacing:.5px}.navbar-admin-name{font-size:16px;font-weight:600;color:var(--text-secondary);margin-top:2px}.total-users-block{background:var(--light-blue-bg);border:1px solid var(--accent-blue);border-radius:var(--radius-lg);padding:24px;text-align:center;margin-bottom:20px;box-shadow:var(--shadow-sm);animation:slideDown .3s ease}.total-users-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.total-users-count{font-size:36px;font-weight:800;color:var(--primary-blue);line-height:1}.dashboard-page{display:flex;flex-direction:column;gap:16px}.dashboard-page.two-column{flex-direction:row;align-items:stretch;gap:20px;min-height:calc(100vh - 120px)}.dashboard-page.two-column .left-panel,.dashboard-page.two-column .right-panel{display:flex;flex-direction:column}.dashboard-page.two-column .left-panel{width:60%}.dashboard-page.two-column .right-panel{width:40%}.dashboard-page.two-column .left-panel.card,.dashboard-page.two-column .right-panel.card{height:100%;display:flex;flex-direction:column}.dashboard-grid{display:flex;flex-direction:row;align-items:stretch;gap:24px;min-height:calc(100vh - 140px)}.dashboard-left{flex:0 0 70%;min-width:0;display:flex;flex-direction:column}.dashboard-right{flex:0 0 30%;min-width:0;display:flex;flex-direction:column;gap:20px}.action-buttons-card{padding:16px;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.dashboard-action-stack{display:flex;flex-direction:column;gap:12px}.action-stack-btn{width:100%;text-align:left;justify-content:flex-start;padding:12px 16px;font-size:15px;background:var(--light-blue-subtle);border:1px solid transparent;color:var(--text-secondary);border-radius:var(--radius-md);transition:all .2s}.action-stack-btn:hover{background:var(--light-blue-bg);color:var(--accent-blue);transform:translate(4px)}.action-stack-btn.tab-btn-active{background:var(--accent-blue)!important;color:#fff!important;font-weight:600;box-shadow:var(--shadow-sm)}@media (max-width: 900px){.dashboard-grid{flex-direction:column}.dashboard-left,.dashboard-right{flex:none;width:100%}}.dashboard-tabs{display:inline-flex;background:var(--background-main);border-radius:var(--radius-md);padding:4px;border:1px solid var(--border-light)}.tab-btn{border:none;background:transparent;color:var(--text-secondary);padding:8px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.tab-btn:hover{background:var(--light-blue-bg)}.tab-btn-active{background:linear-gradient(to right,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 2px 4px #2563eb4d}.camera-video-circle{width:300px;height:300px;border-radius:50%;object-fit:cover;border:4px solid var(--accent-blue);box-shadow:var(--shadow-lg);display:block;margin:0 auto;background:#000}.dashboard-content{margin-top:8px}.controls-row{display:flex;flex-direction:row;gap:10px;align-items:center}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.card-title{margin:0 0 6px;font-size:19px;font-weight:700;color:var(--text-primary)}.card-description{margin:0 0 16px;font-size:14px;color:var(--text-secondary)}.card-header-row{display:flex;justify-content:space-between;align-items:center}.table-wrapper{margin-top:12px;overflow-x:auto}.user-table{width:100%;border-collapse:collapse;font-size:14px}.user-table th,.user-table td{padding:10px 12px;border-bottom:1px solid var(--border-light);text-align:left}.user-table th{background:var(--light-blue-bg);color:var(--primary-blue);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.025em}.user-table tbody tr{transition:background .1s ease}.user-table tbody tr:hover{background:var(--light-blue-subtle)}.row-selected{background:var(--light-blue-bg)!important;border-left:3px solid var(--accent-blue)}.camera-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px}.camera-content{max-width:580px;width:100%;max-height:90vh;overflow-y:auto}.camera-header{display:flex;justify-content:flex-end;margin-bottom:8px}.camera-actions{display:flex;gap:10px;margin-top:14px}.camera-actions .primary-btn,.camera-actions .ghost-btn{width:auto;flex:1}.capture-counter{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--light-blue-bg);color:var(--accent-blue);font-size:12px;font-weight:600}.capture-guidelines{margin-top:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--light-blue-subtle);border:1px solid var(--light-blue-bg)}.capture-guidelines-title{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--primary-blue)}.capture-guidelines ul{margin:0;padding-left:18px;list-style:disc}.capture-guidelines li{font-size:12px;color:var(--text-secondary);line-height:1.7}.capture-error{margin-top:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);font-size:12px;line-height:1.5}.capture-success{margin-top:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);font-size:12px}.capture-progress-bar{margin-top:12px}.capture-progress-text{font-size:13px;color:var(--accent-blue);font-weight:500;margin-bottom:6px}.capture-progress-track{width:100%;height:4px;border-radius:2px;background:var(--light-blue-bg);overflow:hidden}.capture-progress-fill{height:100%;border-radius:2px;background:var(--accent-blue);animation:capture-sweep 1s linear forwards}@keyframes capture-sweep{0%{width:0%}to{width:100%}}.capture-thumbnails{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.capture-thumb{position:relative;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.capture-thumb img{width:100%;height:100%;object-fit:cover}.capture-thumb-score{position:absolute;bottom:2px;left:2px;padding:1px 5px;border-radius:4px;background:#0009;color:#fff;font-size:10px;font-weight:600}.capture-thumb-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:none;background:var(--danger);color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.capture-thumb:hover .capture-thumb-remove{opacity:1}.user-image-preview{margin-top:16px;padding:16px;border-radius:var(--radius-lg);background:var(--light-blue-subtle);border:1px solid var(--light-blue-bg)}.user-image-single{display:flex;justify-content:center;margin-bottom:12px}.user-image-single img{width:140px;height:140px;object-fit:cover;border-radius:var(--radius-lg);border:2px solid var(--border-light);box-shadow:var(--shadow-md)}.user-image-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.user-image-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.user-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.user-image-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light);aspect-ratio:1;background:var(--background-main);transition:transform .15s,box-shadow .15s}.user-image-card:hover{transform:scale(1.03);box-shadow:var(--shadow-lg)}.user-image-card img{width:100%;height:100%;object-fit:cover}.user-metrics-bar{display:flex;gap:16px;margin-top:12px;padding:8px 12px;border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border-light);font-size:12px;color:var(--text-secondary)}.user-metrics-bar span{white-space:nowrap}.scrollable-list{max-height:60vh;overflow-y:auto}.confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:var(--card-bg);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow-lg);max-width:420px;width:90%;border:1px solid var(--border-light)}.confirm-modal-title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--danger)}.confirm-modal-message{margin:0 0 20px;font-size:14px;color:var(--text-secondary);line-height:1.5}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-modal-danger{min-width:80px}.sa-dashboard{max-width:1000px;margin:0 auto;padding:32px 24px}.sa-header{margin-bottom:28px}.sa-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.sa-actions{display:flex;gap:10px;margin-bottom:20px}.sa-create-card{margin-bottom:24px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sa-form .form-row{display:flex;gap:16px;margin-bottom:14px}.sa-form .form-group{flex:1;display:flex;flex-direction:column}.sa-form label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.sa-form input{padding:9px 12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;background:var(--background-main);transition:border .15s,box-shadow .15s}.sa-form input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring)}.sa-org-table th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.row-inactive{opacity:.55}.org-code-badge{background:var(--light-blue-bg);color:var(--accent-blue);padding:2px 8px;border-radius:4px;font-size:13px;font-weight:600;letter-spacing:.5px}.status-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600;letter-spacing:.2px}.status-active{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.status-inactive{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.btn-sm{padding:5px 12px!important;font-size:12px!important;min-width:auto!important}.tab-btn-active{background:var(--light-blue-bg)!important;color:var(--accent-blue)!important}.sa-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-light)}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.success-message{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}.org-row{transition:background .15s}.org-row:hover,.org-row-expanded{background:var(--light-blue-subtle)}.expand-icon{display:inline-block;font-size:10px;color:var(--text-muted);transition:transform .2s}.expand-icon-open{transform:rotate(90deg)}.accordion-row td{padding:0!important;border-top:none!important}.accordion-content{background:var(--light-blue-subtle);padding:16px 20px;border-top:1px solid var(--border-light);animation:slideDown .2s ease}.accordion-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.admin-detail-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:8px}.admin-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 20px;margin-bottom:10px}.detail-label{display:block;font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.detail-value{display:block;font-size:14px;color:var(--text-primary)}.admin-detail-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--border-light)}.pw-field-row{display:flex;gap:8px;align-items:center}.pw-readonly-field{flex:1;font-family:Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:.5px;color:var(--text-primary);background:var(--light-blue-subtle)!important;border:1px dashed var(--accent-blue)!important;cursor:default}.pw-requirements{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.pw-req{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.pw-req-met{color:var(--success)}.pw-req-icon{font-size:13px;width:16px;text-align:center}.inline-reset-pw{display:flex;align-items:center;gap:8px;animation:slideDown .2s ease}.inline-reset-pw-value{font-family:Courier New,monospace;font-size:14px;font-weight:700;color:var(--accent-blue);background:var(--light-blue-subtle);border:1px dashed var(--accent-blue);padding:4px 10px;border-radius:var(--radius-sm);letter-spacing:.5px}.field-hint{font-size:11px;margin-top:3px;color:var(--text-muted)}.field-hint-error{color:var(--danger)}.capture-stats-row{display:flex;gap:12px;margin:6px 0;font-size:12px}.capture-stat{color:var(--text-muted)}.capture-stat-valid{color:var(--success);font-weight:600}.capture-stat-rejected{color:var(--danger);font-weight:500}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.landing-hero{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-blue) 0%,#0F172A 60%,#1E293B 100%);overflow:hidden}.landing-bg-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.18;pointer-events:none}.landing-glow-1{width:500px;height:500px;background:var(--accent-blue);top:-100px;right:-100px}.landing-glow-2{width:400px;height:400px;background:#6366f1;bottom:-80px;left:-80px}.landing-content{position:relative;z-index:1;text-align:center;padding:40px 24px}.landing-logo{display:block;margin:0 auto 30px;width:450px;max-width:90vw;height:auto;border-radius:var(--radius-lg);object-fit:contain;box-shadow:0 10px 40px #0000004d}.landing-title{font-size:48px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.5px}.landing-subtitle{font-size:20px;font-weight:400;color:#ffffffb3;margin:0 0 40px;letter-spacing:.3px}.landing-login-btn{display:inline-block;padding:14px 48px;font-size:16px;font-weight:600;text-decoration:none;border-radius:var(--radius-md);transition:transform .2s ease,box-shadow .2s ease}.landing-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.landing-footer{position:absolute;bottom:24px;text-align:center;color:#ffffff59;font-size:12px}.phone-input-wrapper{display:flex;align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.phone-input-wrapper:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--focus-ring)}.phone-prefix{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--light-blue-subtle);border-right:1px solid var(--border-light);font-weight:600;font-size:14px;color:var(--text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none}.phone-input-field{flex:1;border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:8px 12px;font-size:14px}.capture-quality-banner{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);padding:10px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;margin-bottom:8px;animation:slideDown .3s ease}.user-count-badge{margin:4px 0 0;font-size:14px;color:var(--text-secondary);font-weight:500}.view-users-layout{display:flex;gap:16px;margin-top:12px}.view-users-table-area{flex:1;min-width:0;transition:flex .3s ease}.view-users-table-area.with-panel{flex:.6}.user-detail-panel{flex:0 0 360px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideInRight .25s ease;overflow-y:auto;max-height:calc(100vh - 200px);position:sticky;top:80px}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--light-blue-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.panel-title{margin:0;font-size:17px;font-weight:700;color:var(--primary-blue)}.panel-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);padding:4px 8px;border-radius:var(--radius-sm);transition:background .12s ease,color .12s ease}.panel-close:hover{background:var(--danger-bg);color:var(--danger)}.panel-body{padding:16px 20px}.panel-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel-info-item{display:flex;flex-direction:column;gap:2px}.panel-section-title{margin:20px 0 10px;font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.active{background:var(--success)}.status-dot.inactive{background:var(--danger)}.accordion-row{cursor:pointer;transition:background-color .2s}.accordion-row:hover{background-color:var(--light-blue-subtle)}.accordion-row td{padding:18px 16px!important;font-size:16px;line-height:1.6;vertical-align:middle;border-bottom:8px solid var(--background-main)!important;color:var(--text-primary)}.accordion-row-expanded{background-color:var(--light-blue-subtle)!important;border-left:3px solid var(--accent-blue)}.accordion-row-expanded td{border-bottom:none!important}.accordion-content-row td{padding:0!important;border-bottom:8px solid var(--background-main)!important}.accordion-body{padding:24px;background:#f8fafc;box-shadow:inset 0 2px 4px #00000005;animation:slideDown .2s ease}.accordion-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.accordion-details{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;grid-auto-flow:column;gap:8px 20px}.accordion-image-container{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.member-images-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.single-user-image{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:var(--shadow-md);cursor:zoom-in;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.single-user-image:hover{transform:scale(1.05)}.single-user-image.enlarged{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(2.5);z-index:9999;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040;cursor:zoom-out;width:200px;height:200px}.accordion-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.accordion-value{font-size:15px;color:var(--text-primary);font-weight:500;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;cursor:pointer}.image-overlay-content{position:relative;max-width:min(90vw,600px);max-height:85vh;cursor:default}.image-overlay-content img{display:block;max-width:100%;max-height:85vh;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.overlay-close{position:absolute;top:-12px;right:-12px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.user-row:hover{background-color:var(--light-blue-subtle)}@media (max-width: 768px){.dashboard-page.two-column{flex-direction:column}.dashboard-page.two-column .left-panel,.dashboard-page.two-column .right-panel{width:100%}.sa-form .form-row{flex-direction:column;gap:10px}.sa-dashboard{padding:20px 16px}.admin-detail-grid,.pw-requirements{grid-template-columns:1fr}.landing-title{font-size:32px}.landing-subtitle{font-size:16px}.landing-logo{width:80px}.view-users-layout{flex-direction:column}.view-users-table-area.with-panel{flex:1}.user-detail-panel{flex:none;width:100%;max-height:50vh;position:static}.panel-info-grid{grid-template-columns:1fr}.panel-image-grid{grid-template-columns:repeat(3,1fr)}.primary-btn,.ghost-btn,.danger-btn{min-height:48px;font-size:15px}.camera-modal{padding:8px}.camera-content{max-width:100%}.card{margin:0 0 12px;border-radius:var(--radius-sm)}.user-table th,.user-table td{padding:8px 6px;font-size:13px}.capture-stats-row{flex-wrap:wrap;gap:6px}}