:root{--navy: #0B2D5B;--blue: #1677FF;--blue-600: #0B63E0;--cyan: #06B6D4;--ice: #E6F3FF;--snow: #F8FAFC;--sites: #2F54EB;--text: #0B2D5B;--muted: #5B6B82;--line: #E3E9F2;--surface: #fff;--bg: #F1F4F9;--danger: #B91C1C;--ok: #15803D;--gradient: linear-gradient(135deg, #1E4FE0 0%, #1677FF 45%, #06B6D4 100%);--font-latin: "Poppins", system-ui, sans-serif;--font-arabic: "Tajawal", "Poppins", system-ui, sans-serif;--radius: 10px;--radius-lg: 16px;--shadow: 0 10px 30px rgba(22,119,255,.12)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-latin);color:var(--text);background:var(--bg);font-size:14.5px;line-height:1.5}html[dir=rtl] body{font-family:var(--font-arabic)}h1,h2,h3{margin:0 0 .4em;line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1rem}p{margin:0 0 .8em}a{color:var(--blue-600);text-decoration:none}button{font-family:inherit}.ltr{direction:ltr;unicode-bidi:isolate}.muted{color:var(--muted)}.small{font-size:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius);font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:.15s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-600)}.btn-ghost{background:#fff;border-color:var(--line);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--blue);color:var(--blue-600)}.btn-danger{background:#fff;border-color:#fecaca;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#fef2f2}.btn-sm{padding:6px 10px;font-size:.85rem;border-radius:8px}.btn-icon{width:32px;height:32px;padding:0;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--muted);cursor:pointer;display:inline-grid;place-items:center;font-size:1rem}.btn-icon:hover:not(:disabled){background:var(--ice);color:var(--blue-600)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.field{display:grid;gap:5px;font-weight:600;font-size:.85rem;color:var(--muted)}.field input,.field textarea,.field select{font:inherit;font-weight:400;color:var(--text);padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;width:100%}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--blue);border-color:transparent}.field textarea{resize:vertical;min-height:70px}.field.inline{display:flex;align-items:center;gap:8px}.field.inline input[type=checkbox]{width:auto}.lang-badge{display:inline-block;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:6px;background:var(--ice);color:var(--blue-600);margin-inline-end:6px;font-family:var(--font-latin)}.error{color:var(--danger);font-weight:600;font-size:.9rem}.ok{color:var(--ok);font-weight:600}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--ice);color:var(--blue-600);font-weight:600;font-size:.8rem}.chip.gray{background:#eef1f6;color:var(--muted)}.toast{position:fixed;bottom:20px;inset-inline-start:50%;transform:translate(-50%);background:var(--navy);color:#fff;padding:10px 18px;border-radius:10px;box-shadow:0 10px 30px #0003;z-index:100;font-weight:500}[dir=rtl] .toast{transform:translate(50%)}.toast.err{background:var(--danger)}.page{padding:24px;max-width:1100px;margin:0 auto}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.tabs{display:inline-flex;gap:2px;background:#eef1f6;border-radius:10px;padding:3px}.tabs button{border:0;background:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600;color:var(--muted)}.tabs button.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px #00000014}.modal-bg{position:fixed;inset:0;background:#0b2d5b73;display:grid;place-items:center;z-index:90;padding:16px}.modal{background:#fff;border-radius:var(--radius-lg);padding:24px;width:100%;max-width:520px;max-height:90vh;overflow:auto;display:grid;gap:14px}.modal.wide{max-width:860px}.lockup{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-latin);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--navy);direction:ltr}.lockup .prod{color:var(--sites)}.lockup svg{width:26px;height:26px}.empty{text-align:center;color:var(--muted);padding:40px 16px}
