/* ================= HEADER ROW ================= */

.header-row{

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

flex-wrap:wrap;

margin-bottom:25px;
}







/* ================= TRAINER INFO ================= */

.trainer-info{

display:flex;

align-items:center;

gap:15px;

background:rgba(255,255,255,0.08);

padding:12px 18px;

border-radius:18px;

backdrop-filter:blur(10px);

border:1px solid rgba(255,255,255,0.08);

box-shadow:0 8px 25px rgba(0,0,0,0.25);
}



.trainer-avatar{

width:52px;

height:52px;

border-radius:50%;

background:linear-gradient(135deg,#2563eb,#7c3aed);

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

color:white;
}



.trainer-details{

line-height:1.3;
}



.trainer-name{

font-size:16px;

font-weight:700;

color:white;
}



.trainer-id{

font-size:13px;

color:#cbd5e1;
}



/* ================= LOGOUT BUTTON ================= */

.logout-btn{

margin-left:10px;

background:linear-gradient(135deg,#ef4444,#dc2626);

padding:10px 16px;

border-radius:12px;

text-decoration:none;

color:white;

font-weight:600;

transition:0.3s;
}



.logout-btn:hover{

transform:translateY(-2px);

color:white;

box-shadow:0 8px 18px rgba(239,68,68,0.4);
}

.page-title{
font-size:34px;
font-weight:700;
text-align:center;
color:white;
margin-bottom:10px;
}

.page-subtitle{
text-align:center;
color:#cbd5e1;
margin-bottom:25px;
}