@media(max-width:900px){

.sidebar{
position:fixed;
left:-260px;
top:0;
width:250px;
height:100vh;
background:#fff;
box-shadow:0 10px 35px rgba(0,0,0,.2);
z-index:1000;
transition:.3s;
}

.sidebar.active{
left:0;
}

.main{
width:100%;
margin-left:0;
}

.menu-toggle{
display:block;
}

.topbar{
padding:15px;
}

.topbar-title{
font-size:22px;
}

.url-wrap{
width:100%;
text-align:center;
}

.content{
padding:15px;
}

.form-row{
grid-template-columns:1fr;
}

.order-item-row{
grid-template-columns:1fr;
}

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

.card{
padding:18px;
}

.action-buttons{
flex-direction:column;
}

.btn{
width:100%;
}

}