:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1e8;--surface:#fffefa;--highlight:#e5e8de;--ink:#292f2a;--ink-muted:#69766d;--divider:#e5e1d7;--accent:#344b3d;--on-accent:#fffefa;--secondary:#718777;--sand:#d9cdb7;--panel:#344b3d;--on-panel:#fffefa;--on-panel-muted:#fffefac7;--danger:#a3483d;--on-danger:#fffefa;--warn:#7a5c1e;--success:#344b3d;--scrim:#292f2a73;--surface-alt:var(--highlight);--r-card:12px;--r-ctl:8px;--font:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ar:"Amiri Quran", "Amiri", "Geeza Pro", serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:600;line-height:32px}h2{margin:0 0 12px;font-size:17px;font-weight:600}a{color:var(--accent);text-underline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{background:var(--highlight);border-radius:6px;padding:1px 6px;font-size:13px}.muted{color:var(--ink-muted)}.small{font-size:13px}.ar{font-family:var(--font-ar);direction:rtl;font-size:20px;line-height:2}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100%;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--divider);flex-direction:column;gap:2px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:4px 10px 18px;display:flex}.brand-mark{object-fit:contain;flex:none;width:40px;height:40px}.brand-name{font-size:17px;font-weight:600;line-height:1.1}.brand-sub{color:var(--ink-muted);font-size:12px}.nav-link{border-radius:var(--r-ctl);color:var(--ink-muted);border:1px solid #0000;align-items:center;gap:12px;min-height:40px;padding:8px 12px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--highlight);color:var(--ink)}.nav-link.active{background:var(--highlight);color:var(--accent);border-color:var(--divider)}.nav-group{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);padding:18px 12px 6px;font-size:11px;font-weight:600}.sidebar-foot{border-top:1px solid var(--divider);align-items:center;gap:10px;margin-top:auto;padding:14px 4px 2px;display:flex}.avatar{background:var(--highlight);width:36px;height:36px;color:var(--accent);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.who{flex:1;min-width:0}.who .email{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.who .role{color:var(--ink-muted);text-transform:capitalize;font-size:12px}.main{width:100%;min-width:0;max-width:1240px;padding:32px 36px 72px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head p{margin:6px 0 0;font-size:14px}@media (width<=900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:10;border-right:0;border-bottom:1px solid var(--divider);flex-flow:row;align-items:center;gap:4px;height:auto;padding:8px;position:sticky;overflow-x:auto}.brand{padding:0 6px 0 2px}.brand-name,.brand-sub,.nav-group,.who{display:none}.nav-link{white-space:nowrap}.sidebar-foot{border:0;margin:0 0 0 auto;padding:0 0 0 6px}.main{padding:20px 16px 48px}h1{font-size:22px;line-height:28px}}.btn{border-radius:var(--r-ctl);border:1px solid var(--divider);background:var(--surface);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;height:40px;padding:0 16px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--highlight)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:0 0}.btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 10%, transparent)}.btn.danger.solid{background:var(--danger);color:var(--on-danger);border-color:var(--danger)}.btn.ghost{background:0 0;border-color:#0000}.btn.sm{height:32px;padding:0 12px;font-size:13px}.btn.icon{justify-content:center;width:40px;padding:0}.btn.sm.icon{width:32px}.input,select.input,textarea.input{border-radius:var(--r-ctl);border:1px solid var(--divider);background:var(--surface);width:100%;min-height:40px;padding:8px 12px;transition:border-color .15s}.input:hover{border-color:color-mix(in srgb, var(--secondary) 45%, var(--divider))}.input:focus{border-color:var(--accent);outline:none}.input:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:0}textarea.input{resize:vertical;line-height:1.5}.input.ar{font-size:22px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label,.label{color:var(--ink-muted);font-size:13px;font-weight:500}.field .err{color:var(--danger);font-size:13px}.field .help{color:var(--ink-muted);font-size:12px}.input.invalid{border-color:var(--danger)}.check{align-items:center;gap:10px;min-height:32px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.grid2{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.seg{border:1px solid var(--divider);border-radius:var(--r-ctl);background:var(--bg);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.seg label{text-align:center;color:var(--ink);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;flex:auto;padding:6px 12px;font-size:14px}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label:has(input:checked){background:var(--surface);border-color:var(--divider);color:var(--accent);font-weight:500}.seg label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.field .count{margin-left:auto;font-weight:400}.field .label-row{align-items:baseline;display:flex}.form-section{border-top:1px solid var(--divider);margin-top:4px;padding-top:16px}.img-preview{border-radius:var(--r-ctl);border:1px solid var(--divider);max-width:100%;max-height:120px}@media (width<=640px){.grid2{grid-template-columns:1fr}}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.toolbar .input{width:auto;min-width:160px}.search{flex:240px;max-width:360px;position:relative}.search svg{color:var(--ink-muted);position:absolute;top:11px;left:12px}.search .input{width:100%;padding-left:38px}.panel{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-card)}.table-wrap{border-radius:var(--r-card);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted);border-bottom:1px solid var(--divider);white-space:nowrap;background:var(--surface);padding:12px 16px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--divider);vertical-align:middle;padding:13px 16px}tr:last-child td{border-bottom:0}tbody tr.click{cursor:pointer}tbody tr.click:hover{background:var(--highlight)}.actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.cell-title{font-weight:500}.pager{border-top:1px solid var(--divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.state{text-align:center;color:var(--ink-muted);padding:44px 16px}.skeleton{background:var(--highlight);border-radius:6px;height:14px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.btn,.input{transition:none}}.badge{border-radius:var(--r-ctl);background:var(--highlight);color:var(--ink-muted);white-space:nowrap;text-transform:capitalize;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px}.badge.ok{background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success)}.badge.warn{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}.badge.bad{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.overlay{background:var(--scrim);z-index:50;justify-content:center;align-items:flex-start;padding:6vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-card);width:100%;max-width:640px}.modal.wide{max-width:880px}.modal-head{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-head h2{margin:0}.modal-body{padding:20px}.modal-foot{border-top:1px solid var(--divider);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.section{border-top:1px solid var(--divider);margin-top:18px;padding:18px 0}.section:first-child{border-top:0;margin-top:0;padding-top:0}.toasts{z-index:100;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--r-ctl);background:var(--ink);color:var(--bg);padding:12px 16px;font-size:14px;font-weight:500}.toast.error{background:var(--danger);color:var(--on-danger)}.hero{background:var(--panel);color:var(--on-panel);border-radius:var(--r-card);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:18px;padding:22px 24px;display:flex}.hero .eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--on-panel-muted);font-size:11px;font-weight:600}.hero h2{margin:6px 0 4px;font-size:22px}.hero p{color:var(--on-panel-muted);margin:0;font-size:14px}.hero .ar{color:var(--on-panel);margin-left:auto;font-size:30px;line-height:1.6}.stats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-card);color:inherit;flex-direction:column;gap:10px;padding:16px 18px;text-decoration:none;display:flex}a.stat:hover{border-color:color-mix(in srgb, var(--secondary) 55%, var(--divider))}.stat.attention{border-color:color-mix(in srgb, var(--warn) 55%, var(--divider))}.stat .top{color:var(--secondary);justify-content:space-between;align-items:center;display:flex}.stat .n{font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1.1}.stat.attention .n{color:var(--warn)}.stat .l{color:var(--ink-muted);font-size:13px}.section-title{justify-content:space-between;align-items:center;margin:30px 0 12px;display:flex}.section-title h2{margin:0}.login{place-items:center;min-height:100%;padding:16px;display:grid}.login-card{width:100%;max-width:400px;padding:32px}.login-card .brand{padding:0 0 22px}.banner{border-radius:var(--r-ctl);background:color-mix(in srgb, var(--warn) 14%, transparent);color:var(--ink);border:1px solid color-mix(in srgb, var(--warn) 30%, transparent);margin-bottom:16px;padding:10px 14px;font-size:14px}.banner.bad{background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}pre.json{background:var(--highlight);border-radius:var(--r-ctl);max-height:240px;margin:0;padding:10px 12px;font-size:12px;overflow:auto}.kv{grid-template-columns:140px 1fr;gap:6px 12px;font-size:14px;display:grid}