.team-member-form-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.team-member-form-overlay .team-member-form-container{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.team-member-form-overlay .team-member-form-container .form-header{border-bottom:1px solid var(--border);background:#f8f9fa;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.team-member-form-overlay .team-member-form-container .form-header h2{color:var(--gray);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.team-member-form-overlay .team-member-form-container .form-header .close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.team-member-form-overlay .team-member-form-container .form-header .close-btn:hover{color:#374151;background:#e5e7eb}.team-member-form-overlay .team-member-form-container .team-member-form{padding:1.5rem}.team-member-form-overlay .team-member-form-container .team-member-form .error-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:1.5rem;padding:.75rem}.team-member-form-overlay .team-member-form-container .team-member-form .error-alert p{color:var(--danger);margin:0;font-size:.875rem}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group{flex-direction:column;gap:.5rem;display:flex}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group.full-width{grid-column:1/-1}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group label{color:var(--gray);font-size:.875rem;font-weight:500}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group label .required{color:var(--danger)}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group input,.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group textarea{border:1px solid #d1d5db;border-radius:6px;padding:.75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group input:focus,.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0278441a}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group input.error,.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group textarea.error{border-color:var(--danger);box-shadow:0 0 0 3px #d32f2f1a}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group input::placeholder,.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group textarea::placeholder{color:#9ca3af}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group textarea{resize:vertical;min-height:100px}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group .char-count{color:#6b7280;text-align:right;font-size:.75rem}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group .error-text{color:var(--danger);margin-top:.25rem;font-size:.75rem}.team-member-form-overlay .team-member-form-container .team-member-form .form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding-top:1.5rem;display:flex}.team-member-form-overlay .team-member-form-container .team-member-form .form-actions .btn:disabled{opacity:.6;cursor:not-allowed}.team-member-form-overlay .team-member-form-container .team-member-form .form-actions .btn .spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@media (max-width:768px){.team-member-form-overlay{padding:.5rem}.team-member-form-overlay .team-member-form-container .form-header{padding:1rem}.team-member-form-overlay .team-member-form-container .form-header h2{font-size:1.125rem}.team-member-form-overlay .team-member-form-container .team-member-form{padding:1rem}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid{grid-template-columns:1fr;gap:1rem}.team-member-form-overlay .team-member-form-container .team-member-form .form-grid .form-group.full-width{grid-column:1}.team-member-form-overlay .team-member-form-container .team-member-form .form-actions{flex-direction:column-reverse}.team-member-form-overlay .team-member-form-container .team-member-form .form-actions .btn{justify-content:center;width:100%}}@keyframes spin{to{transform:rotate(360deg)}}
.team-member-details .popup-content{flex-direction:column;gap:1.5rem;max-width:800px;display:flex}.team-member-details .close-icon{cursor:pointer;color:#6b7280;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.team-member-details .close-icon:hover{color:#374151;background:#e5e7eb}.team-member-details .header-section{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.team-member-details .header-section h2{color:var(--gray);margin:0;font-size:1.5rem;font-weight:600}.team-member-details .header-section .inactive-badge{background:var(--danger);color:#fff;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.team-member-details .team-member-card{flex-direction:column;gap:1.5rem;display:flex}.team-member-details .team-member-card .section.card{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.team-member-details .team-member-card .section.card .card-header{border-bottom:1px solid var(--border);background:#f8f9fa;padding:1rem}.team-member-details .team-member-card .section.card .card-header h4{color:var(--gray);margin:0;font-size:1rem;font-weight:600}.team-member-details .team-member-card .section.card .card-content{padding:1rem}.team-member-details .team-member-card .section .profile-header{align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.team-member-details .team-member-card .section .profile-header .profile-image .member-photo{object-fit:cover;border:3px solid var(--border);border-radius:50%;width:120px;height:120px}.team-member-details .team-member-card .section .profile-header .profile-image .member-photo.placeholder{color:#9ca3af;background:#f3f4f6;justify-content:center;align-items:center;display:flex}.team-member-details .team-member-card .section .profile-header .profile-info{flex:1}.team-member-details .team-member-card .section .profile-header .profile-info .member-name{color:var(--gray);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.team-member-details .team-member-card .section .profile-header .profile-info .member-role{color:var(--primary);margin:0 0 1rem;font-size:1.125rem;font-weight:500}.team-member-details .team-member-card .section .profile-header .profile-info .status-indicator .status{border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.team-member-details .team-member-card .section .profile-header .profile-info .status-indicator .status.active{color:var(--success);background:#d1fae5}.team-member-details .team-member-card .section .profile-header .profile-info .status-indicator .status.inactive{color:var(--danger);background:#fee2e2}.team-member-details .team-member-card .section .member-bio{color:#374151;margin:0;font-size:.95rem;line-height:1.6}.team-member-details .team-member-card .section .section-items{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:1rem;display:grid}.team-member-details .team-member-card .section .section-items .section-item{flex-direction:column;gap:.5rem;display:flex}.team-member-details .team-member-card .section .section-items .section-item small{color:#6b7280;text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.team-member-details .team-member-card .section .section-items .section-item p{color:var(--gray);margin:0;font-size:.95rem;font-weight:500}.team-member-details .action-buttons{border-top:1px solid var(--border);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.team-member-details .action-buttons .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.team-member-details .popup-content{max-width:100%;max-height:95vh;margin:1rem}.team-member-details .header-section{flex-direction:column;align-items:flex-start;gap:1rem}.team-member-details .team-member-card .section .profile-header{text-align:center;flex-direction:column;gap:1rem}.team-member-details .team-member-card .section .section-items{grid-template-columns:1fr;gap:1rem}.team-member-details .action-buttons{flex-direction:column-reverse}.team-member-details .action-buttons .btn{justify-content:center;width:100%}}