:root{--bg:#f4f6f8;--card:#fff;--text:#1a2733;--muted:#6b7785;--accent:#0775ca;--accent-dark:#055a9b;--green:#a6cc3e;--border:#e2e8ef;--danger:#c0392b}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Rubik,system-ui,Segoe UI,Arial,sans-serif;direction:rtl;text-align:right}a{color:var(--accent)}.container{max-width:1000px;margin:0 auto;padding:24px 16px}.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--card);border-bottom:1px solid var(--border);padding:14px 20px}.topbar .brand{font-weight:700;font-size:18px}.topbar .who{color:#6b7785;font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:18px}h1{font-size:24px;margin:0 0 16px}h2{font-size:18px;margin:0 0 12px}label{display:block;font-size:14px;margin:10px 0 4px;font-weight:500}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font:inherit;background:#fff}input[type=color]{padding:4px;height:44px}.btn,button{background:var(--accent);color:#fff;border:none;cursor:pointer;padding:10px 18px;border-radius:8px;font:inherit;font-weight:600}.btn:hover,button:hover{background:var(--accent-dark)}button:disabled{opacity:.6;cursor:default}.btn-secondary{background:#eef2f6;color:var(--text)}.btn-secondary:hover{background:#e2e8ef}table{width:100%;border-collapse:collapse}td,th{padding:10px 12px;border-bottom:1px solid var(--border);text-align:right}th{color:#6b7785;font-weight:600;font-size:13px}.msg-ok{color:#2e7d32}.msg-err{color:var(--danger)}.muted{color:#6b7785;font-size:14px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1 1;min-width:180px}.pill{border-radius:999px;padding:2px 10px;font-size:13px}.code,.pill{background:#eef2f6}.code{font-family:ui-monospace,monospace;padding:2px 6px;border-radius:6px;word-break:break-all}