:root{--navy-950: #060f24;--navy-900: #0a1730;--navy-850: #0d1c3d;--navy-800: #11244c;--navy-700: #1a3160;--navy-600: #284680;--navy-line: rgba(255,255,255,.08);--gold: #c8a86a;--gold-bright: #d8bd84;--gold-deep: #a98841;--gold-soft: #f3ecdd;--gold-soft-2: #f8f3e8;--bg: #f4f5f7;--bg-2: #eceef2;--card: #ffffff;--ink: #111a2e;--ink-2: #3a4660;--muted: #6c7689;--muted-2: #9aa3b2;--line: #e6e8ee;--line-strong: #d6dae3;--green: #1f9d6b;--green-soft: #e3f4ec;--amber: #c98a16;--amber-soft: #fbf0d8;--slate: #5b6b86;--slate-soft: #eef0f4;--red: #d24b4b;--red-soft: #fbe9e9;--radius: 16px;--radius-sm: 10px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(16,26,46,.04), 0 1px 3px rgba(16,26,46,.06);--shadow: 0 4px 14px rgba(16,26,46,.06), 0 2px 6px rgba(16,26,46,.04);--shadow-lg: 0 24px 60px -18px rgba(10,23,48,.28);--font: "IBM Plex Sans Arabic", system-ui, sans-serif;--sidebar-w: 268px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01"}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}::selection{background:var(--gold);color:var(--navy-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cfd4de;border-radius:20px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#b9bfcc}#root{height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:11px;font-size:14.5px;font-weight:600;letter-spacing:-.01em;transition:all .16s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn svg{width:18px;height:18px}.btn-primary{background:var(--navy-900);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--navy-800);transform:translateY(-1px)}.btn-gold{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--navy-950);box-shadow:0 6px 16px -6px #a8884199}.btn-gold:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-ghost{background:var(--card);color:var(--ink);border:1px solid var(--line-strong)}.btn-ghost:hover{background:#fafbfc;border-color:#c3c9d4}.btn-soft{background:var(--bg-2);color:var(--ink-2)}.btn-soft:hover{background:#e3e6ec}.btn-sm{height:34px;padding:0 12px;font-size:13px;border-radius:9px}.btn-icon{width:38px;padding:0;height:38px;border-radius:10px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1}.badge .dot{width:7px;height:7px;border-radius:50%}.badge-green{background:var(--green-soft);color:var(--green)}.badge-green .dot{background:var(--green)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-amber .dot{background:var(--amber)}.badge-slate{background:var(--slate-soft);color:#5b6b86}.badge-slate .dot{background:#5b6b86}.badge-gold{background:var(--gold-soft);color:var(--gold-deep)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13.5px;font-weight:600;color:var(--ink-2)}.input,.select{height:46px;padding:0 14px;border-radius:11px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);font-size:14.5px;transition:all .15s ease;width:100%}.input::placeholder{color:var(--muted-2)}.input:focus,.select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px #c8a86a29}.input-wrap{position:relative}.input-wrap .ic{position:absolute;top:50%;transform:translateY(-50%);right:13px;color:var(--muted-2);pointer-events:none}.input-wrap .ic svg{width:18px;height:18px}.input-wrap .input{padding-right:42px}.input-wrap .pw-toggle{position:absolute;top:50%;transform:translateY(-50%);left:10px;color:var(--muted);width:30px;height:30px;display:grid;place-items:center;border-radius:8px}.input-wrap .pw-toggle:hover{background:var(--bg-2)}.switch{position:relative;width:42px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:#cdd2dc;border-radius:999px;transition:.2s}.switch .track:before{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s;box-shadow:var(--shadow-sm)}.switch input:checked+.track{background:var(--green)}.switch input:checked+.track:before{transform:translate(-18px)}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border-radius:11px;font-size:14.5px;font-weight:500;color:#ffffffa8;background:transparent;position:relative;transition:color .15s ease}.nav-item:hover{background:#ffffff0d}.nav-item.active{color:#fff;font-weight:600;background:#c8a86a24;box-shadow:inset 0 0 0 1px #c8a86a47}.nav-item.active:hover{background:#c8a86a2e}.nav-item .nav-bar{position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:3px;background:var(--gold-bright)}.nav-logout{color:#ffffffb3}.nav-logout:hover{background:#d24b4b29;color:#ff9b9b}.muted{color:var(--muted)}.row{display:flex;align-items:center}.spacer{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}