:root{--bg:#fff;--bg2:#f0f2f5;--bg3:#e8eaed;--text:#1a1f2e;--text2:#5a6272;--text3:#9aa0b0;--border:rgba(0,0,0,.08);--border2:rgba(0,0,0,.15);--accent:#1F487E;--accent2:#e8f0f8;--accent-light:#e8f0f8;--danger:#c0392b;--danger-bg:#fdf0ef;--success:#1e6e3a;--success-bg:#eaf5ee;--warn:#7a4a00;--warn-bg:#fff8e8;--shadow:0 1px 3px rgba(0,0,0,.08);--radius:10px;--radius-lg:14px}@media (prefers-color-scheme:dark){:root{--bg:#1c1f2e;--bg2:#252833;--bg3:#2e3040;--text:#f0f0ec;--text2:#a8aab8;--text3:#686878;--border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.15);--accent:#1F487E;--accent2:#1F487E;--accent-light:#1F487E;--danger:#e05a4a;--danger-bg:#2a1518;--success:#6abf80;--success-bg:#1a3020;--warn:#c8a040;--warn-bg:#2a2000}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Neo Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5}.app{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:12px;padding-inline:20px;border-block-end:1px solid var(--border);background:var(--bg2)}.brand{font-weight:600;color:var(--accent);margin-inline-end:auto}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{padding-block:6px;padding-inline:12px;border-radius:var(--radius);color:var(--text2);text-decoration:none}.nav a[aria-current=page]{background:var(--accent2);color:var(--accent)}.content{padding-block:20px;padding-inline:20px}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px}.card+.card{margin-block-start:16px}.muted{color:var(--text2)}.table{width:100%;border-collapse:collapse}.table th{text-align:start;color:var(--text2);font-weight:600}.table th,.table td{padding-block:8px;padding-inline:10px;border-block-end:1px solid var(--border)}.table td.num{width:72px;color:var(--text2)}.btn{border:1px solid var(--border2);border-radius:var(--radius);padding-block:7px;padding-inline:14px;background:var(--bg2);color:var(--text);font:inherit;cursor:pointer}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.field{display:block;margin-block-end:12px}.field input{display:block;width:100%;margin-block-start:4px;padding-block:8px;padding-inline:10px;border:1px solid var(--border2);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit}.pill{display:inline-block;border-radius:999px;padding-block:2px;padding-inline:10px;background:var(--accent2);color:var(--accent);font-size:13px}.error{color:var(--danger)}[dir=rtl] .chevron{transform:scaleX(-1)}