/* LOGOUT MODAL */

.logout-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(15,23,42,0.45);
display:flex;
justify-content:center;
align-items:center;
z-index:9999;
opacity:0;
visibility:hidden;
backdrop-filter:blur(4px);
}

.logout-modal.active{
opacity:1;
visibility:visible;
}

.logout-box{
width:420px;
background:#fff;
border-radius:28px;
padding:34px;
text-align:center;
box-shadow:0 20px 60px rgba(0,0,0,0.18);
}

.logout-icon{
width:82px;
height:82px;
background:#FEE2E2;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
margin:0 auto 24px;
}

.logout-icon svg{
width:40px;
height:40px;
fill:#EF3B2D;
}

.logout-title{
font-size:30px;
font-weight:800;
color:#111827;
margin-bottom:12px;
}

.logout-text{
font-size:17px;
color:#64748B;
line-height:1.6;
margin-bottom:34px;
}

.logout-actions{
display:flex;
justify-content:center;
gap:16px;
}

.cancel-btn,
.confirm-btn{
height:54px;
padding:0 30px;
border:none;
border-radius:16px;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:0.25s;
}

.cancel-btn{
background:#EEF2F7;
color:#111827;
}

.cancel-btn:hover{
background:#DCE4EE;
}

.confirm-btn{
background:#EF3B2D;
color:#fff;
box-shadow:0 10px 25px rgba(239,59,45,0.22);
}

.confirm-btn:hover{
background:#123D8D;
transform:translateY(-2px);
}

.sidebar{
width:260px;
background:#FFFFFF;
padding:30px 20px;
display:flex;
flex-direction:column;
gap:14px;
transition:0.35s ease;
flex-shrink:0;
border-right:1px solid #E5EAF3;
position:fixed;
top:0;
left:0;
height:100vh;
z-index:999;
box-sizing:border-box;
}

.sidebar-logo{
font-size:28px;
font-weight:800;
color:#111827;
margin-bottom:34px;
padding-left:10px;
letter-spacing:1px;
}

.sidebar-link{
height:56px;
display:flex;
align-items:center;
padding:0 18px;
border-radius:16px;
text-decoration:none;
font-size:18px;
font-weight:700;
color:#111827;
transition:0.3s;
}

.sidebar-link:hover{
background:#EEF4FF;
color:#123D8D;
}

.sidebar-link.active{
background:#123D8D;
color:#FFFFFF;
box-shadow:0 8px 18px rgba(18,61,141,0.18);
}

.sidebar-hide{
transform:translateX(-100%);
}

.main-expanded{
margin-left:0 !important;
}