body{font-family:Arial, sans-serif; direction:rtl; text-align:right; background:#f6f7fb; margin:0;}
.container{max-width:1100px; margin:24px auto; padding:0 12px;}
.nav{display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px; background:#111; color:#fff;}
.nav a, .nav button{color:#fff; text-decoration:none; background:transparent; border:1px solid rgba(255,255,255,.2); padding:8px 10px; border-radius:10px; cursor:pointer;}
.card{background:#fff; border-radius:14px; padding:16px; box-shadow:0 8px 30px rgba(0,0,0,.06); margin-bottom:12px;}
.grid{display:grid; grid-template-columns:repeat(12,1fr); gap:10px;}
.col-3{grid-column:span 3;} .col-4{grid-column:span 4;} .col-6{grid-column:span 6;} .col-12{grid-column:span 12;}
input{width:100%; padding:10px; border-radius:10px; border:1px solid #ddd;}
.btn{padding:10px 12px; border-radius:10px; border:1px solid #ddd; background:#fff; cursor:pointer;}
.btn.primary{background:#0d6efd; border-color:#0d6efd; color:#fff;}
.btn.small{padding:6px 8px; border-radius:8px; font-size:12px;}
table{width:100%; border-collapse:collapse;}
th,td{border-bottom:1px solid #eee; padding:10px; font-size:14px; vertical-align:middle;}
.badge{display:inline-block; padding:4px 8px; border-radius:999px; background:#eee; font-size:12px;}
#toast{position:fixed; bottom:20px; left:20px; background:#111; color:#fff; padding:10px 12px; border-radius:10px; display:none;}
.link{color:#0d6efd; text-decoration:underline; cursor:pointer;}