:root{--bg:#f6f7f9;--card:#fff;--ink:#1f2933;--muted:#6b7280;--brand:#0b6e4f;--bad:#b42318;--warn:#b54708;--line:#e5e7eb}
@media (prefers-color-scheme:dark){:root{--bg:#111827;--card:#1f2937;--ink:#f3f4f6;--muted:#9ca3af;--line:#374151}}
*{box-sizing:border-box}body{margin:0;font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
header{background:var(--brand);color:#fff;padding:.6rem 1rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
header a{color:#fff;text-decoration:none;font-weight:600}header .spacer{flex:1}
main{max-width:1100px;margin:1rem auto;padding:0 1rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem;margin-bottom:1rem}
table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{border-bottom:1px solid var(--line);padding:.4rem;text-align:start}
th{background:rgba(11,110,79,.08)}td.num{font-variant-numeric:tabular-nums}
.btn{display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:8px;padding:.45rem 1rem;cursor:pointer;text-decoration:none;font:inherit}
.btn.secondary{background:#4b5563}.btn.danger{background:var(--bad)}
input,select,textarea{font:inherit;padding:.35rem;border:1px solid var(--line);border-radius:6px;width:100%;max-width:420px;background:var(--card);color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}
.msg{padding:.6rem;border-radius:8px;margin-bottom:.6rem}.msg.error{background:#fee4e2;color:var(--bad)}.msg.success{background:#d1fadf;color:#05603a}
.flag{display:inline-block;font-size:.75rem;background:#fef0c7;color:var(--warn);border-radius:6px;padding:0 .35rem;margin:0 .1rem}
.muted{color:var(--muted)}bdi{unicode-bidi:isolate}
@media print{header,.noprint{display:none}body{background:#fff}.card{border:0}}