:root{--bg: #f5f8fc;--card: #ffffff;--ink: #142840;--muted: #5a7a96;--accent: #2d7ab3;--head: #1a4a7a;--border: #c0d0e2;--ok: #2f8a5c;--warn: #c98a2b;--err: #b8505a}[data-theme=dark]{--bg: #0d1b2c;--card: #13263c;--ink: #e8f0f8;--muted: #7a9bb8;--accent: #4da8da;--head: #173a5e;--border: #234a6b;--ok: #4fc08d;--warn: #e0a64b;--err: #e3747e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans Arabic,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin:10px 0}table{width:100%;border-collapse:collapse;font-size:13px}th{background:var(--head);color:#fff;padding:8px;text-align:right}td{border:1px solid var(--border);padding:7px 8px}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-family:inherit}button.danger{background:var(--err)}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}input,select{border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--card);color:var(--ink);font-family:inherit}.tabs{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0}.badge{padding:2px 10px;border-radius:12px;font-size:12px;border:1px solid var(--border)}.badge.err{background:transparent;color:var(--err);border-color:var(--err)}.badge.ok{background:transparent;color:var(--ok);border-color:var(--ok)}.muted{color:var(--muted);font-size:12.5px}