* { box-sizing: border-box; }
body { margin:0; font-family:"Segoe UI","Noto Sans Arabic",sans-serif; direction:rtl;
       background:#F5F5F4; color:#111214; }
.wrap { max-width: 1040px; margin: 0 auto; padding: 24px 16px 48px; }
.card-box { background:#fff; border:1px solid #E5E3DF; border-radius:10px; padding:24px; margin-bottom:20px; }
h1 { font-size: 20px; margin: 0 0 16px; }
h2 { font-size: 16px; margin: 0 0 12px; }
label { display:block; font-size:13px; color:#6E7074; margin-bottom:4px; }
input[type=text], input[type=email], input[type=password], input[type=file], select {
  width:100%; padding:10px 12px; border:1px solid #D8D5CF; border-radius:8px;
  font-size:14px; margin-bottom:14px; background:#fff; color:#111214;
}
button, .btn { background:#111214; color:#fff; border:none; border-radius:8px; padding:10px 18px;
  font-size:14px; cursor:pointer; display:inline-block; text-decoration:none; }
button:hover, .btn:hover { background:#26282c; }
.btn-accent { background:#C9952E; color:#111214; }
.btn-accent:hover { background:#dba93f; }
table { width:100%; border-collapse:collapse; margin: 12px 0; font-size:13px; }
th, td { text-align:right; padding:8px 10px; border-bottom:1px solid #EEECE8; }
th { color:#6E7074; font-weight:600; }
.err { background:#FDECEC; color:#B3261E; border:1px solid #F4C7C3; border-radius:8px; padding:10px 14px; margin-bottom:16px; }
.ok { background:#EAF7EE; color:#1E7A34; border:1px solid #BFE6C9; border-radius:8px; padding:10px 14px; margin-bottom:16px; }
.warn { background:#FFF6E5; color:#8A5A00; border:1px solid #F3DFA4; border-radius:8px; padding:10px 14px; margin-bottom:16px; }
.muted { color:#6E7074; font-size:13px; }
.row { display:flex; gap:12px; flex-wrap:wrap; align-items:end; }
.row > div { flex:1; min-width:160px; }
.topbar { position:sticky; top:0; background:#111214; color:#fff; padding:10px 16px;
  display:flex; gap:12px; align-items:center; z-index:10; }
.topbar a, .topbar button, .topbar span { color:#fff; }
a { color:#111214; }
.badge { display:inline-block; background:#EEECE8; border-radius:999px; padding:2px 10px; font-size:12px; }
.summary { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:16px; }
.summary .stat { background:#FAFAF8; border:1px solid #EEECE8; border-radius:8px; padding:12px 18px; }
.summary .stat b { display:block; font-size:22px; }
.topnav { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }