.players-page{max-width:1400px;margin:auto;padding:35px}
.page-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}
.page-header h1{font-size:44px;margin:0;color:#fff}
.page-header p{margin:6px 0 0;color:#9fb3c8}

.search-box{display:flex;gap:14px;margin-bottom:28px}
.search-box input{flex:1;background:#122235;border:1px solid #29435d;color:#fff;border-radius:14px;padding:15px 18px;font-size:16px}
.search-box button{background:#4da3ff;border:none;color:#fff;border-radius:14px;padding:15px 26px;font-weight:700;cursor:pointer}
.search-box button:hover{background:#69b4ff}

.player-list{display:flex;flex-direction:column;gap:14px}

.player-row{

    display:grid;

    grid-template-columns:70px 1fr 180px 120px 120px;

    gap:18px;

    align-items:center;

    padding:18px 22px;

}

.player-avatar{
width:48px;
height:48px;
border-radius:50%;
background:#17385b;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
}

.player-name{font-size:22px;font-weight:700}
.player-display{margin-top:4px;color:#9fb3c8;font-size:14px}

.player-city,
.player-license{
color:#d6e2ef;
font-weight:600;
text-align:center;
}

.player-status{text-align:right}

.badge{
padding:6px 14px;
border-radius:999px;
font-size:14px;
font-weight:700;
}

.active{background:#42c96f;color:#fff}
.inactive{background:#ef5350;color:#fff}

@media (max-width:900px){
.player-row{
grid-template-columns:60px 1fr;
}
.player-city,
.player-license,
.player-status{
text-align:left;
}
}