.team-directory-page{gap:18px}
.team-hero,.team-section{border:1px solid rgba(72,131,197,.22);border-radius:22px;background:linear-gradient(145deg,rgba(8,23,43,.97),rgba(4,14,28,.985));box-shadow:0 18px 58px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.018)}
.team-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;padding:30px 32px;background:radial-gradient(circle at 8% 45%,rgba(22,135,255,.16),transparent 30%),radial-gradient(circle at 94% 25%,rgba(255,51,79,.08),transparent 24%),linear-gradient(135deg,rgba(7,26,49,.99),rgba(5,16,32,.995) 58%,rgba(13,13,27,.995))}
.team-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1687ff 0 58%,#ffd43b 58% 64%,#ff334f 64% 100%)}
.team-kicker,.team-section-head p{margin:0;color:#4ba2ff;font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.team-hero h2{margin:7px 0 0;font-size:34px;letter-spacing:-.035em}
.team-hero>div>p:last-child{max-width:760px;margin:9px 0 0;color:#91a4bd;font-size:11px;line-height:1.65}
.team-hero-count{flex:0 0 auto;min-width:145px;padding:17px 18px;border:1px solid rgba(75,145,220,.18);border-radius:16px;background:rgba(4,17,33,.55);text-align:center}
.team-hero-count strong{display:block;font-size:28px;line-height:1;color:#fff}
.team-hero-count span{display:block;margin-top:6px;color:#7589a6;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.team-section{padding:24px}
.team-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:17px}
.team-section-head h3{margin:5px 0 0;font-size:19px;letter-spacing:-.02em}
.team-section-head>span{color:#6f829d;font-size:9px;text-align:right}
.team-leadership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.team-person-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:15px;align-items:start;min-height:150px;padding:18px;border:1px solid rgba(74,139,212,.18);border-radius:17px;background:linear-gradient(145deg,rgba(10,29,53,.84),rgba(5,17,33,.88))}
.team-person-card--leadership:first-child{border-color:rgba(22,135,255,.30);background:radial-gradient(circle at 0 0,rgba(22,135,255,.12),transparent 40%),linear-gradient(145deg,rgba(10,29,53,.90),rgba(5,17,33,.92))}
.team-person-card--leadership:last-child{border-color:rgba(255,51,79,.20);background:radial-gradient(circle at 100% 0,rgba(255,51,79,.08),transparent 36%),linear-gradient(145deg,rgba(10,29,53,.90),rgba(5,17,33,.92))}
.team-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(61,142,231,.25);border-radius:13px;color:#d7e9ff;background:linear-gradient(145deg,rgba(22,135,255,.20),rgba(50,65,130,.35));font-size:10px;font-weight:900}
.team-avatar--leadership{width:56px;height:56px;border-radius:17px;font-size:13px}
.team-person-copy{min-width:0}
.team-person-topline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.team-type,.team-equity,.team-status{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}
.team-type{color:#74b7ff;background:rgba(22,135,255,.08);border:1px solid rgba(22,135,255,.16)}
.team-equity{color:#ffe078;background:rgba(255,212,59,.065);border:1px solid rgba(255,212,59,.16)}
.team-person-card h3{margin:11px 0 0;font-size:18px}
.team-role{margin:5px 0 0;color:#e2ebf7;font-size:11px;font-weight:750;line-height:1.45}
.team-area{margin:8px 0 0;color:#7f91aa;font-size:9px;line-height:1.55}
.team-worker-table{overflow:hidden;border:1px solid rgba(72,131,197,.16);border-radius:16px;background:rgba(3,14,28,.46)}
.team-worker-header,.team-worker-row{display:grid;grid-template-columns:minmax(210px,1.45fr) minmax(190px,1.15fr) minmax(105px,.65fr) 82px 96px;gap:14px;align-items:center}
.team-worker-header{min-height:38px;padding:0 16px;border-bottom:1px solid rgba(72,131,197,.12);color:#60738e;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.team-worker-row{min-height:72px;padding:11px 16px;border-top:1px solid rgba(72,131,197,.09)}
.team-worker-row:first-of-type{border-top:0}
.team-worker-person{display:flex;align-items:center;gap:11px;min-width:0}
.team-worker-person b,.team-worker-person small,.team-worker-role b,.team-worker-role small{display:block}
.team-worker-person b,.team-worker-role b{font-size:10px}
.team-worker-person small,.team-worker-role small{margin-top:3px;color:#71849e;font-size:8px;overflow:hidden;text-overflow:ellipsis}
.team-worker-type{color:#a9b8ca;font-size:9px}
.team-status.active{color:#67e4bc;background:rgba(53,213,167,.09)}
.team-status.pending{color:#ffe08c;background:rgba(255,212,59,.08)}
.team-status.inactive{color:#ff8da0;background:rgba(255,51,79,.08)}
.team-worker-manage{display:flex;justify-content:flex-end}
.team-role-edit{min-height:31px;padding:0 10px;border:1px solid rgba(54,146,255,.26);border-radius:9px;color:#acd3ff;background:rgba(22,135,255,.07);font-size:8px;font-weight:900;white-space:nowrap;transition:.18s}
.team-role-edit:hover{color:#fff;border-color:rgba(54,146,255,.48);background:rgba(22,135,255,.14);transform:translateY(-1px)}
.team-role-view-only{color:#5f7189;font-size:8px;white-space:nowrap}
.team-empty{padding:28px;color:#71849e;font-size:10px;text-align:center}
.team-note{margin:0;color:#5f7189;font-size:9px;text-align:center;line-height:1.5}
@media(max-width:1000px){.team-worker-header,.team-worker-row{grid-template-columns:minmax(190px,1.4fr) minmax(170px,1.05fr) minmax(100px,.65fr) 78px 90px;gap:10px}}
@media(max-width:900px){.team-leadership-grid{grid-template-columns:1fr}.team-worker-header{display:none}.team-worker-row{grid-template-columns:1fr 1fr}.team-hero{align-items:flex-start}.team-hero-count{min-width:120px}.team-worker-manage{justify-content:flex-start}}
@media(max-width:640px){.team-hero{display:block;padding:24px}.team-hero-count{display:inline-block;margin-top:18px}.team-section{padding:18px}.team-section-head{align-items:flex-start;flex-direction:column}.team-section-head>span{text-align:left}.team-worker-row{grid-template-columns:1fr}.team-person-card{grid-template-columns:48px 1fr}.team-avatar--leadership{width:48px;height:48px}}
