/* AYNUR SYNC - DASHBOARD STYLES */
.header{
    display:flex;justify-content:space-between;align-items:center;
    padding:20px 0;margin-bottom:40px;border-bottom:1px solid var(--b);
}
.user-info{display:flex;align-items:center;gap:14px}
.avatar{
    width:48px;height:48px;border-radius:50%;
    background:linear-gradient(135deg,var(--p),var(--s));
    display:flex;align-items:center;justify-content:center;
    font-weight:800;color:#fff;font-size:20px;box-shadow:0 4px 15px rgba(0,212,255,.3);
}
.uname{font-weight:800;font-size:16px}
.urole{font-size:12px;color:var(--tm);margin-top:2px}
.admin-badge{
    background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;
    padding:5px 14px;border-radius:20px;font-size:11px;font-weight:800;
    text-transform:uppercase;letter-spacing:1px;
    box-shadow:0 0 20px rgba(0,198,255,.5);animation:flicker 1.5s infinite alternate;
}
@keyframes flicker{
    0%,100%{opacity:1;box-shadow:0 0 20px rgba(0,198,255,.5)}
    50%{opacity:.85;box-shadow:0 0 35px rgba(0,198,255,.8)}
}
.rooms-g{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    gap:20px;margin-bottom:40px;
}
.room-c{
    padding:28px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;
}
.room-c::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--p),var(--s));opacity:0;transition:opacity .3s;
}
.room-c:hover{transform:translateY(-5px);border-color:rgba(0,212,255,.3)}
.room-c:hover::before{opacity:1}
.room-t{font-size:22px;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}
.room-m{display:flex;gap:20px;color:var(--tm);font-size:14px;font-weight:500}
.room-m i{color:var(--p);margin-right:4px}
.room-lock{position:absolute;top:24px;right:24px;color:var(--w);font-size:18px}
.room-status{
    display:inline-flex;align-items:center;gap:6px;padding:4px 12px;
    border-radius:20px;font-size:12px;font-weight:700;margin-left:auto;
}
.status-live{background:rgba(0,255,136,.15);color:var(--g);border:1px solid rgba(0,255,136,.3)}
.status-wait{background:rgba(255,190,11,.15);color:var(--w);border:1px solid rgba(255,190,11,.3)}
@media(max-width:768px){.rooms-g{grid-template-columns:1fr}.header{flex-direction:column;gap:16px;text-align:center}}