:root{--bg:#f4f5f7;--panel:#fff;--line:#d9dce1;--ink:#1b1f24;--muted:#667085;--accent:#1f6feb;--accent-soft:#e7f0fe;--danger:#c1352b;--radius:10px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,Arial,system-ui,sans-serif;font-size:14px;direction:rtl}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;align-items:center;gap:18px;background:var(--panel);border-bottom:1px solid var(--line);padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar h1{font-size:17px;margin:0;font-weight:700}.topbar nav{display:flex;gap:14px}.wrap{max-width:1180px;margin:0 auto;padding:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px}.card>h2{margin:0 0 12px;font-size:15px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grow{flex:1 1 auto}.muted{color:var(--muted)}.small{font-size:12px}.step{display:flex;align-items:center;gap:8px;margin-bottom:12px}.step b{background:var(--accent);color:#fff;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px}.btn,button{font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px;border:1px solid var(--line);background:#fff;color:var(--ink)}button:hover:not(:disabled){background:#f0f2f5}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#1a5fd0}button.danger{color:var(--danger);border-color:#eccac7}button.tiny{padding:3px 8px;font-size:12px}input,select,textarea{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:inherit;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}label.inline{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink)}table{border-collapse:collapse;width:100%;font-size:13px}td,th{border-bottom:1px solid var(--line);padding:6px 8px;text-align:right}th{background:#fafbfc;font-weight:600;color:var(--muted);position:-webkit-sticky;position:sticky;top:0}.scroll{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}.chip:hover{background:var(--accent-soft);border-color:var(--accent)}.note{background:#fff8e6;border:1px solid #f0dfae;border-radius:8px}.err,.note{padding:10px 12px;font-size:13px}.err{background:#fdeceb;border:1px solid #f2c4c0;border-radius:8px;color:#86201a}