:root{--primary-900:#0b3b2a;--primary-700:#11603f;--primary-500:#2a8a5e;--primary-100:#ddefe5;--primary-50:#eef7f1;--accent-700:#8f5f06;--accent-600:#b87d0e;--accent-500:#e0a526;--accent-300:#f4c55b;--accent-100:#fbefd3;--ink:#1b1f1c;--ink-2:#4a524d;--ink-3:#6f7771;--ink-4:#8c918d;--border:#e3daca;--border-soft:#ede5d3;--row:#f0eadf;--bg:#f7f3ea;--surface:#fff;--head:#fbf8f2;--success:#1e8e4e;--warning:#c97a00;--error:#c0392b;--info:#1f6fb2;--ar:"IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif;--lat:"IBM Plex Sans", "IBM Plex Sans Arabic", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--ar);-webkit-font-smoothing:antialiased}a{color:var(--primary-700);text-decoration:none}a:hover{color:var(--primary-900)}button{color:inherit;font-family:inherit}button:disabled{cursor:not-allowed}input,textarea,select{color:var(--ink);font-family:inherit}.num{font-family:var(--lat);font-feature-settings:"tnum"}.ltr{direction:ltr;unicode-bidi:isolate}.ms{letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-variation-settings:"FILL" 0;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:inline-block}.ms.fill{font-variation-settings:"FILL" 1}[dir=rtl] .ms.flip{transform:scaleX(-1)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.skel{background:linear-gradient(90deg,#f0eadf 25%,#f8f4ec 50%,#f0eadf 75%) 0 0/200% 100%;border-radius:10px;animation:1.4s linear infinite shimmer}.spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.spinner.dark{border-color:#11603f33;border-top-color:var(--primary-700)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px}.card-18{border-radius:18px}.card-title{font:700 17px var(--ar)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.page-title{font:700 26px var(--ar)}.page-sub{font:400 14px var(--ar);color:var(--ink-3)}.btn{cursor:pointer;height:44px;font:600 14px var(--ar);white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.btn .ms{font-size:20px}.btn-primary{background:var(--primary-700);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-900)}.btn-primary:disabled{color:#8c918d;background:#e3daca}.btn-outline{border:1px solid var(--border);background:#fff}.btn-outline:hover:not(:disabled){background:var(--head)}.btn-danger-soft{color:#b3261e;background:#fbe9e7}.btn-danger{background:var(--error);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{border-radius:10px;height:40px;padding:0 14px;font-size:13px}.btn-sm .ms{font-size:18px}.icon-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:relative}.field{flex-direction:column;gap:6px;display:flex}.field>span.label{font:500 13px var(--ar)}.field .hint{font:400 12px var(--ar);color:var(--ink-3)}.field .err{font:400 12px var(--ar);color:#b3261e;align-items:center;gap:4px;display:flex}.input,.select,.textarea{border:1.5px solid var(--border);height:44px;font:500 14px var(--ar);background:#fff;border-radius:10px;outline:none;width:100%;padding:0 12px}.textarea{height:auto;min-height:72px;font:400 14px/1.6 var(--ar);resize:vertical;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary-700);box-shadow:0 0 0 4px var(--primary-100)}.input.invalid{border-color:var(--error)}.select{appearance:none;cursor:pointer;background-image:none;padding-inline-end:36px}.select-wrap{position:relative}.select-wrap .ms{inset-inline-end:10px;color:var(--ink-3);pointer-events:none;font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.phone-input{border:1.5px solid var(--border);direction:ltr;background:#fff;border-radius:10px;align-items:center;height:44px;display:flex;overflow:hidden}.phone-input:focus-within{border-color:var(--primary-700);box-shadow:0 0 0 4px var(--primary-100)}.phone-input .pre{background:var(--bg);height:100%;font:600 14px var(--lat);align-items:center;padding:0 10px;display:flex}.phone-input input{height:100%;font:500 14px var(--lat);letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;padding:0 10px}.chip-select{position:relative}.chip-select select{border:1px solid var(--border);height:38px;font:500 13px var(--ar);appearance:none;cursor:pointer;background:#fff;border-radius:10px;outline:none;padding-inline:34px 30px}.chip-select .ms.lead{inset-inline-start:10px;color:var(--ink-3);pointer-events:none;font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.chip-select .ms.trail{inset-inline-end:8px;color:var(--ink-3);pointer-events:none;font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.chip-select.no-lead select{padding-inline-start:12px}.toggle{cursor:pointer;border:none;border-radius:12px;flex:none;width:40px;height:24px;padding:0;transition:background .15s;position:relative}.toggle>span{background:#fff;border-radius:50%;width:18px;height:18px;transition:inset-inline-start .15s;position:absolute;top:3px;box-shadow:0 1px 3px #0003}.toggle.sm{border-radius:10px;width:34px;height:20px}.toggle.sm>span{width:16px;height:16px;top:2px}.pill{height:24px;font:600 11px var(--ar);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 9px;display:inline-flex}.tag{font:600 12px var(--lat);background:var(--bg);white-space:nowrap;border-radius:6px;padding:3px 8px}.exam-tag{font:700 10px var(--lat);background:var(--primary-900);color:var(--accent-300);border-radius:5px;padding:2px 6px}.table-wrap{border:1px solid var(--border-soft);background:#fff;border-radius:16px;overflow:auto}table.tbl{border-collapse:collapse;width:100%;font:400 13px var(--ar)}table.tbl thead tr{background:var(--head);color:var(--ink-3)}table.tbl th{text-align:start;white-space:nowrap;padding:12px;font-weight:600}table.tbl td{padding:12px}table.tbl tbody tr{border-top:1px solid var(--row)}table.tbl tbody tr.click{cursor:pointer}table.tbl tbody tr.click:hover{background:var(--head)}.pager{border-top:1px solid var(--row);font:400 13px var(--ar);color:var(--ink-3);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pager button{border:1px solid var(--border);width:32px;height:32px;font:600 13px var(--lat);cursor:pointer;background:#fff;border-radius:8px}.pager button.on{background:var(--primary-700);color:#fff;border-color:var(--primary-700)}.pager button:disabled{opacity:.4}.seg{background:var(--bg);border-radius:10px;gap:2px;padding:3px;display:flex}.seg button{height:32px;color:var(--ink-3);font:600 13px var(--ar);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 12px}.seg button.on{color:var(--primary-700);background:#fff;box-shadow:0 1px 3px #3c280a1f}.tabs{border-bottom:1px solid var(--border);gap:24px;display:flex;overflow:auto}.tabs button{color:var(--ink-3);font:600 15px var(--ar);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:12px 2px}.tabs button.on{color:var(--primary-700);border-bottom-color:var(--primary-700)}.banner{font:400 13px/1.5 var(--ar);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.banner .ms{font-size:18px}.banner.error{color:#8c1d18;background:#fbe9e7;border:1px solid #f3c7c1}.banner.info{color:#0f4a7a;background:#e6f0f9}.banner.warn{color:#7a3a00;background:#fde7cf;border:1px solid #f5c99a}.toasts{bottom:24px;z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .toasts{transform:translate(50%)}.toast{min-width:260px;max-width:420px;font:500 14px var(--ar);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;animation:.2s ease-out toast-in;display:flex;box-shadow:0 12px 32px #3c280a24}.toast.ok{background:var(--ink);color:#fff}.toast.ok .ms{color:#5fd08f}.toast.error{color:#8c1d18;background:#fbe9e7;border:1px solid #f3c7c1}.toast.info{color:#0f4a7a;background:#e6f0f9;border:1px solid #c5dbee}.backdrop{z-index:50;background:#1b1f1c73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:460px;max-height:calc(100vh - 32px);padding:20px;display:flex;overflow:auto;box-shadow:0 12px 32px #3c280a24}.modal h3{font:700 18px var(--ar);margin:0}.state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.state .circle{background:var(--bg);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.state .circle .ms{color:#b9c2bc;font-size:36px}.state .t{font:600 15px var(--ar)}.state .b{font:400 13px/1.5 var(--ar);color:var(--ink-3)}.mini{background:var(--bg);border-radius:10px;padding:10px}.mini .k{font:400 11px var(--ar);color:var(--ink-3)}.mini .v{font:600 13px var(--ar)}.avatar{font-family:var(--ar);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.checkbox{cursor:pointer;background:#fff;border:1.5px solid #d9cfbb;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.checkbox.on{background:var(--primary-700);border:none}.checkbox .ms{color:#fff;font-size:14px}.drag{cursor:grab;color:#b9c2bc;font-size:20px}