/* تحسين المنظومة للهاتف */

.container{
max-width:1200px;
width:95%;
margin:auto;
}

table{
width:100%;
}

.table-container{
width:100%;
overflow-x:auto;
}

button{
padding:12px 18px;
font-size:16px;
border-radius:6px;
}

/* تحسين للجوال */

@media(max-width:768px){

body{
font-size:16px;
}

.sidebar{
position:relative;
width:100%;
height:auto;
}

.main{
margin-right:0;
padding:15px;
}

.stats{
flex-direction:column;
}

.box{
width:100%;
}

table{
font-size:14px;
}

}