:root{--color-bg: #f8f9fc;--color-bg-alt: #ffffff;--color-text: #1a1a2e;--color-text-muted: #64648c;--color-accent: #7c3aed;--color-accent-light: #a78bfa;--color-accent-dark: #5b21b6;--color-border: #e5e7eb;--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f8f9fc 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--color-bg: #0f0f1a;--color-bg-alt: #1a1a2e;--color-text: #f8f9fc;--color-text-muted: #a5a5c0;--color-border: #2d2d44;--gradient-card: linear-gradient(145deg, #1a1a2e 0%, #0f0f1a 100%)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;font-family:var(--font-sans);line-height:1.6;scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100vh;color:var(--color-text);background:var(--color-bg)}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-light)}img{max-width:100%;height:auto}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px)}.nav-brand{display:flex;gap:var(--space-sm);align-items:center;color:var(--color-text);font-weight:700;font-size:1.25rem}.brand-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:#fff;font-weight:800;background:var(--gradient-accent);border-radius:var(--radius-md)}.nav-links{display:flex;gap:var(--space-lg);align-items:center}.nav-links a{color:var(--color-text-muted);font-weight:500}.nav-links a:hover{color:var(--color-accent)}main{flex:1}.footer{padding:var(--space-xl);color:var(--color-text-muted);font-size:.875rem;text-align:center;border-top:1px solid var(--color-border)}.hero{position:relative;padding:var(--space-3xl) var(--space-xl);overflow:hidden;color:#fff;text-align:center;background:var(--gradient-hero)}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-title{margin-bottom:var(--space-md);font-weight:800;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;opacity:.9}.hero-gradient{position:absolute;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%);inset:0}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl);max-width:1400px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.person-card{display:block;overflow:hidden;color:var(--color-text);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:transform .3s ease,box-shadow .3s ease}.person-card:hover{color:var(--color-text);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.person-card.featured{grid-column:span 2}@media(max-width:768px){.person-card.featured{grid-column:span 1}}.card-image-wrapper{overflow:hidden;background:var(--color-border);aspect-ratio:1}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.person-card:hover .card-image{transform:scale(1.05)}.card-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted);font-weight:700;font-size:3rem;background:linear-gradient(135deg,var(--color-border) 0%,var(--color-bg) 100%)}.card-content{padding:var(--space-lg)}.card-name{margin-bottom:var(--space-xs);font-weight:700;font-size:1.25rem}.card-title{color:var(--color-text-muted);font-size:.875rem}.profile{max-width:900px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.profile-header{display:flex;gap:var(--space-2xl);align-items:flex-start;margin-bottom:var(--space-2xl)}@media(max-width:640px){.profile-header{flex-direction:column;align-items:center;text-align:center}}.profile-image-wrapper{flex-shrink:0}.profile-image{width:200px;height:200px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.profile-image-placeholder{display:flex;align-items:center;justify-content:center;width:200px;height:200px;color:#fff;font-weight:700;font-size:4rem;background:var(--gradient-accent);border-radius:var(--radius-xl)}.profile-info{flex:1}.profile-name{margin-bottom:var(--space-xs);font-weight:800;font-size:2.5rem;letter-spacing:-.02em}.profile-role{margin-bottom:var(--space-lg);color:var(--color-accent);font-size:1.25rem}.profile-links{display:flex;flex-wrap:wrap;gap:var(--space-md)}.profile-link{display:inline-flex;gap:var(--space-xs);align-items:center;padding:var(--space-sm) var(--space-md);font-weight:500;font-size:.875rem;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:background .2s ease,border-color .2s ease}.profile-link:hover{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.profile-content{font-size:1.125rem;line-height:1.8}.profile-content h2{margin:var(--space-2xl) 0 var(--space-md);font-weight:700;font-size:1.5rem}.profile-content h2:first-child{margin-top:0}.profile-content p{margin-bottom:var(--space-md)}.profile-content ul,.profile-content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.profile-content li{margin-bottom:var(--space-sm)}.auth-status{display:flex;gap:var(--space-sm);align-items:center}.auth-user{color:var(--color-text-muted);font-size:.875rem}.auth-button{padding:var(--space-sm) var(--space-md);color:var(--color-text);font-weight:500;font-size:.875rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background .2s ease,border-color .2s ease}.auth-button:hover{background:var(--color-bg);border-color:var(--color-accent)}.auth-button.auth-login{color:#fff;background:var(--gradient-accent);border-color:transparent}.auth-button.auth-login:hover{opacity:.9}.join-page{max-width:800px;margin:0 auto;padding:var(--space-2xl) var(--space-xl);text-align:center}.join-title{margin-bottom:var(--space-md);font-weight:800;font-size:2.5rem}.join-subtitle{margin-bottom:var(--space-2xl);color:var(--color-text-muted);font-size:1.25rem}.join-cta{display:inline-flex;gap:var(--space-sm);align-items:center;padding:var(--space-md) var(--space-xl);color:#fff;font-weight:600;font-size:1.125rem;background:var(--gradient-accent);border-radius:var(--radius-full);transition:transform .2s ease,box-shadow .2s ease}.join-cta:hover{color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section-title{margin:var(--space-2xl) 0 var(--space-lg);color:var(--color-text-muted);font-weight:700;font-size:1.5rem;text-align:center}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background-repeat:no-repeat;background-position:center;background-size:contain}.social-icon--linkedin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230077B5'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}.social-icon--x{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E")}.social-icon--github{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){.social-icon--x{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E")}.social-icon--github{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E")}}.social-link-button{display:flex;gap:var(--space-md, 1rem);align-items:center;width:100%;padding:var(--space-md, 1rem);font-family:inherit;border-radius:var(--radius-lg, 1rem);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.social-link-button.connected{justify-content:space-between;background:var(--color-bg-alt, #ffffff);border:1px solid var(--color-border, #e1e5e9)}.social-link-button.disconnected{justify-content:center;color:var(--color-text, #1a1a2e);background:var(--color-bg-alt, #ffffff);border:2px dashed var(--color-border, #e1e5e9);cursor:pointer}.social-link-button.disconnected:hover:not(:disabled){border-color:var(--brand-color, var(--color-accent, #7c3aed));box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.social-link-button.disconnected:disabled{cursor:not-allowed;opacity:.6}.social-link-info{display:flex;gap:var(--space-md, 1rem);align-items:center}.social-link-details{display:flex;flex-direction:column;gap:var(--space-xs, .25rem)}.social-link-status{display:flex;gap:var(--space-sm, .5rem);align-items:center}.social-link-platform,.social-link-text{font-weight:600;font-size:.875rem}.social-username{color:var(--color-text-muted, #6b7280);font-size:.75rem}.status-badge{display:inline-flex;align-items:center;padding:var(--space-xs, .25rem) var(--space-sm, .5rem);font-weight:600;font-size:.625rem;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full, 9999px)}.status-badge--connected{color:#059669;background:#d1fae5}.status-badge--disconnected{color:#6b7280;background:#f3f4f6}@media(prefers-color-scheme:dark){.status-badge--connected{color:#34d399;background:#10b98133}.status-badge--disconnected{color:#9ca3af;background:#6b728033}}.social-unlink-btn{padding:var(--space-sm, .5rem) var(--space-md, 1rem);color:var(--color-text-muted, #6b7280);font-weight:500;font-size:.75rem;font-family:inherit;background:transparent;border:1px solid var(--color-border, #e1e5e9);border-radius:var(--radius-full, 9999px);cursor:pointer;transition:color .2s ease,border-color .2s ease}.social-unlink-btn:hover{color:#dc2626;border-color:#dc2626}.social-links-manager--loading,.social-links-manager--unauthenticated{display:flex;align-items:center;justify-content:center;padding:var(--space-xl, 2rem);color:var(--color-text-muted, #6b7280)}.social-links-title{margin:0 0 var(--space-lg, 1.5rem);font-weight:700;font-size:1rem}.social-links-list{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.social-links-message{margin:0;font-size:.875rem}.social-links-help{margin:var(--space-lg, 1.5rem) 0 0;color:var(--color-text-muted, #6b7280);font-size:.75rem;line-height:1.5}.social-links-alert{display:flex;gap:var(--space-md, 1rem);align-items:center;justify-content:space-between;margin-bottom:var(--space-md, 1rem);padding:var(--space-sm, .5rem) var(--space-md, 1rem);font-size:.875rem;border-radius:var(--radius-md, .5rem)}.social-links-alert--success{color:#059669;background:#d1fae5}.social-links-alert--error{color:#dc2626;background:#fee2e2}.alert-dismiss{padding:var(--space-xs, .25rem) var(--space-sm, .5rem);color:inherit;font-weight:500;font-size:.75rem;font-family:inherit;background:transparent;border:none;cursor:pointer;opacity:.7}.alert-dismiss:hover{opacity:1}@media(prefers-color-scheme:dark){.social-links-alert--success{color:#34d399;background:#10b98133}.social-links-alert--error{color:#f87171;background:#dc262633}}.verified-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-alt, #ffffff);border:2px solid var(--badge-color, var(--color-border, #e1e5e9));border-radius:var(--radius-full, 9999px);transition:transform .2s ease,box-shadow .2s ease}.verified-badge--sm{width:1.5rem;height:1.5rem}.verified-badge--sm .social-icon{width:.75rem;height:.75rem}.verified-badge--md{width:2rem;height:2rem}.verified-badge--md .social-icon{width:1rem;height:1rem}.verified-badge--lg{width:2.5rem;height:2.5rem}.verified-badge--lg .social-icon{width:1.25rem;height:1.25rem}.verified-badge-link{display:inline-flex}.verified-badge-link:hover .verified-badge{box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));transform:scale(1.1)}.verified-badges{display:inline-flex;gap:var(--space-xs, .25rem);align-items:center}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border-width:0;clip:rect(0,0,0,0)}.auth-dropdown{position:relative}.auth-dropdown-toggle{display:flex;gap:var(--space-sm, .5rem);align-items:center;padding:var(--space-sm, .5rem) var(--space-md, 1rem);color:var(--color-text, #1a1a2e);font-family:inherit;background:transparent;border:1px solid var(--color-border, #e1e5e9);border-radius:var(--radius-full, 9999px);cursor:pointer;transition:background .2s ease,border-color .2s ease}.auth-dropdown-toggle:hover{background:var(--color-bg, #f8f9fc);border-color:var(--color-accent, #7c3aed)}.auth-dropdown-menu{position:absolute;top:calc(100% + var(--space-xs, .25rem));right:0;z-index:50;min-width:180px;padding:var(--space-xs, .25rem) 0;background:var(--color-bg-alt, #ffffff);border:1px solid var(--color-border, #e1e5e9);border-radius:var(--radius-md, .5rem);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1))}.auth-dropdown-item{display:block;width:100%;padding:var(--space-sm, .5rem) var(--space-md, 1rem);color:var(--color-text, #1a1a2e);font-weight:500;font-size:.875rem;text-align:left;text-decoration:none;background:transparent;border:none;cursor:pointer;transition:background .2s ease}.auth-dropdown-item:hover{background:var(--color-bg, #f8f9fc)}.auth-dropdown-item--danger{color:#dc2626}.auth-dropdown-divider{height:1px;margin:var(--space-xs, .25rem) 0;background:var(--color-border, #e1e5e9)}.linked-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--space-xs, .25rem);color:#fff;font-weight:600;font-size:.625rem;background:var(--color-accent, #7c3aed);border-radius:var(--radius-full, 9999px)}.personnel-directory{max-width:1400px;margin:0 auto;padding:var(--space-xl)}.directory-header{margin-bottom:var(--space-lg);text-align:center}.directory-title{margin-bottom:var(--space-sm);font-weight:700;font-size:1.5rem}.auth-notice{display:inline-block;padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);font-size:.875rem;background:var(--color-bg);border-radius:var(--radius-md)}.directory-filters{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg)}.search-input{flex:1;min-width:200px;max-width:400px;padding:var(--space-sm) var(--space-md);color:var(--color-text);font-size:1rem;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.search-input:focus{border-color:var(--color-accent);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.filter-select{padding:var(--space-sm) var(--space-md);color:var(--color-text);font-size:.875rem;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.filter-select:focus{border-color:var(--color-accent);outline:none}.directory-count{margin-bottom:var(--space-lg);color:var(--color-text-muted);font-size:.875rem;text-align:center}.personnel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.personnel-card{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-lg);color:var(--color-text);text-decoration:none;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform .2s ease,box-shadow .2s ease}.personnel-card:hover{color:var(--color-text);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:60px;height:60px;overflow:hidden;background:var(--gradient-accent);border-radius:var(--radius-md)}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-avatar .avatar-initials{color:#fff;font-weight:700;font-size:1.25rem}.card-info{flex:1;min-width:0}.card-name{margin-bottom:var(--space-xs);overflow:hidden;font-weight:600;font-size:1rem;white-space:nowrap;text-overflow:ellipsis}.card-title{margin-bottom:var(--space-sm);overflow:hidden;color:var(--color-text-muted);font-size:.875rem;white-space:nowrap;text-overflow:ellipsis}.card-region{display:inline-block;padding:var(--space-xs) var(--space-sm);color:var(--color-text-muted);font-weight:500;font-size:.75rem;background:var(--color-bg);border-radius:var(--radius-sm)}.card-region.region-stus{color:#3b82f6;background:#3b82f61a}.card-region.region-stin{color:#22c55e;background:#22c55e1a}.card-region.region-stpk{color:#a855f7;background:#a855f71a}.card-sensitive{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.card-email{display:block;margin-bottom:var(--space-xs);overflow:hidden;color:var(--color-accent);font-size:.8125rem;white-space:nowrap;text-overflow:ellipsis}.card-manager{color:var(--color-text-muted);font-size:.75rem}.card-linkedin{flex-shrink:0;padding:var(--space-xs);color:var(--color-text-muted);transition:color .2s ease}.card-linkedin:hover{color:#0077b5}.no-results{grid-column:1/-1;padding:var(--space-2xl);color:var(--color-text-muted);text-align:center}