body{
direction:rtl;
font-family:tahoma;
background:#0f172a;
margin:0;
color:#fff;
}
.sidebar{
width:240px;
background:#111827;
position:fixed;
top:0;
right:0;
height:100vh;
padding:20px;
box-shadow:0 0 20px rgba(0,0,0,.4);
}
.sidebar a{
display:block;
color:#fff;
padding:12px;
margin-bottom:10px;
background:#1f2937;
border-radius:10px;
text-decoration:none;
}
.main{
margin-right:270px;
padding:30px;
}
.card{
background:#1e293b;
padding:20px;
border-radius:18px;
margin-bottom:20px;
box-shadow:0 0 20px rgba(0,0,0,.3);
}
input,textarea,button{
width:100%;
padding:12px;
border:none;
border-radius:10px;
margin-bottom:12px;
}
button{
background:#2563eb;
color:#fff;
cursor:pointer;
}
table{
width:100%;
border-collapse:collapse;
}
th,td{
padding:10px;
border:1px solid #334155;
text-align:center;
}
.stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.stat{
background:#0f172a;
padding:20px;
border-radius:16px;
text-align:center;
}