.team-page-container{flex-direction:column;height:100%;padding:40px 48px;display:flex;overflow-y:auto}.page-overview{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:12px;font-size:28px;font-weight:800;display:flex}.page-subtitle{color:var(--text-secondary);margin-top:8px;font-size:15px}.team-form-container{background:var(--surface-1);border:1px solid var(--border-emphasis);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-bottom:40px;padding:30px}.form-header{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:24px;font-size:18px;font-weight:600;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.form-input{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-base);padding:12px 16px;font-family:inherit;font-size:14px}.form-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-subtle);outline:none}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-cancel{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:10px 20px;font-weight:600}.btn-cancel:hover{color:var(--text-primary)}.empty-roster{border:2px dashed var(--border-default);border-radius:var(--radius-xl);color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.empty-roster h3{color:var(--text-primary);margin-top:16px;font-size:20px;font-weight:500}.empty-roster p{text-align:center;max-width:400px;margin-top:8px;font-size:14px}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.roster-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-top:4px solid var(--violet);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm);overflow:hidden}.roster-card:hover{background:var(--surface-2);box-shadow:0 10px 30px var(--violet-subtle)}.card-padding{padding:24px}.roster-card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.roster-avatar{background:linear-gradient(135deg, var(--violet), #4f46e5);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:800;display:flex;box-shadow:inset 0 2px 4px #fff3}.roster-name{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.2}.roster-role{color:var(--violet-bright,#a78bfa);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:700}.roster-details{border-top:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding-top:16px;display:flex}.roster-detail-item{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}