:root{--bg:#fbfdff;--fg:#0b1220;--muted:#6b7280;--card:#ffffff;--line:#e5e7eb;--pri:#2563eb}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:system-ui,Segoe UI,Roboto,Noto Sans Arabic,sans-serif;background:var(--bg);color:var(--fg)}
header,footer{background:var(--card);border-bottom:1px solid var(--line);padding:14px}
footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.7}
h1{margin:4px 0 10px 0;font-size:22px}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.bar.top{justify-content:flex-start}
input,select,button{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--fg)}
button{background:var(--pri);color:#fff;border-color:var(--pri);cursor:pointer}
button.secondary{background:#fff;color:var(--pri)}
.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#111}
.pill.ok{border-color:#16a34a;color:#065f46}
.pill.bad{border-color:#ef4444;color:#991b1b}
.muted{color:var(--muted)}
.main{padding:14px}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line)}
th,td{padding:10px 8px;border-bottom:1px solid var(--line)}
th{background:#f9fafb}
#adminBadge{color:#111827;font-weight:600}
#status{font-size:13px;margin-top:6px}
.hidden{display:none}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0;align-items:center}
.chip{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.02);color:var(--fg)}
button.chip{color:var(--fg)}
.chip:hover{filter:brightness(.98)}
.chip.active{background:var(--pri);color:#fff;border-color:var(--pri)}
.chip,.chip *{user-select:none;-webkit-user-select:none}