.mobile-topbar{
display:none;
position:fixed;
top:0;
right:0;
width:100%;
height:70px;
background:#111;
z-index:999;
padding:0 18px;
align-items:center;
justify-content:space-between;
box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.logo img{
    border-radius: 31px;
}

.main{
    margin-top: 60px!important;
}
.mobile-logo{
height:40px;
object-fit:contain;
}

.menu-toggle{
width:45px;
height:45px;
border:none;
background:#222;
color:#fff;
font-size:24px;
border-radius:12px;
cursor:pointer;
transition:.2s;
}

.menu-toggle:hover{
background:#333;
}

.sidebar{
position:fixed;
top:0;
right:0;
width:260px;
height:100vh;
background:#111;
padding:25px;
overflow-y:auto;
z-index:1001;
transition:.3s;
}

.sidebar-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background:rgba(0,0,0,.45);
z-index:1000;
display:none;
backdrop-filter:blur(2px);
}

.logo{
text-align:center;
margin-bottom:35px;
}

.logo img{
width:170px;
max-width:100%;
object-fit:contain;
}

.menu a{
display:block;
padding:15px;
border-radius:14px;
color:#fff;
text-decoration:none;
margin-bottom:10px;
transition:.2s;
font-size:15px;
}

.menu a:hover,
.menu a.active{
background:rgba(255,255,255,.08);
}

.logout-btn{
margin-top:20px;
width:100%;
height:50px;
border:none;
border-radius:14px;
background:#e53935;
color:#fff;
font-size:15px;
font-weight:bold;
cursor:pointer;
transition:.2s;
}

.logout-btn:hover{
opacity:.9;
}

.main{
margin-right:260px;
padding:35px;
min-height:100vh;
transition:.3s;
}

@media(max-width:900px){

.mobile-topbar{
display:flex;
}

.sidebar{
transform:translateX(100%);
width:280px;
padding-top:20px;
}

.sidebar.active{
transform:translateX(0);
}

.sidebar-overlay.active{
display:block;
}

.main{
margin-right:0;
padding:85px 15px 20px;
min-height:100vh;
}

.topbar{
flex-direction:column;
align-items:flex-start;
gap:10px;
margin-bottom:20px;
}

.topbar h1{
font-size:26px;
}

.cards{
grid-template-columns:1fr;
}

.store-info{
grid-template-columns:1fr;
}

.card,
.section{
padding:20px;
border-radius:18px;
}

}