@font-face{font-family:Cocon Next Arabic;src:url(/fonts/CoconNextArabic-Light.otf)format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Cocon Next Arabic;src:url(/fonts/CoconNextArabic-Regular.otf)format("opentype");font-weight:400 500;font-display:swap}@font-face{font-family:Cocon Next Arabic;src:url(/fonts/CoconNextArabic-Bold.otf)format("opentype");font-weight:600 800;font-display:swap}:root{--brand:#ea5b0c;--brand-dark:#c74a06;--brand-soft:#ea5b0c1a;--ink:#1d1d1b;--ink-2:#2b2b29;--bg:#f6f6f7;--panel:#fff;--grey:#e2e3e5;--border:#e4e4e7;--text:#1d1d1b;--muted:#6b6b70;--faint:#9a9aa0;--ok:#15803d;--ok-soft:#15803d1a;--warn:#b45309;--warn-soft:#b453091a;--danger:#dc2626;--danger-soft:#dc262614;--wa:#25d366;--radius:12px;--font:"Cocon Next Arabic", "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16.5px;line-height:1.65}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0 0 12px;line-height:1.3}h1{font-size:27px}h2{font-size:20px}h3{font-size:17px}.mono,code{font-family:var(--mono);direction:ltr;unicode-bidi:embed}.muted{color:var(--muted)}.small{font-size:14px}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.side{background:var(--ink);color:#fff;height:100vh;padding:18px 12px;position:sticky;top:0;overflow-y:auto}.side .logo{padding:4px 8px 18px;display:block}.side .logo img{width:150px;height:auto}.side nav a{color:#d4d4d8;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:15.5px;display:flex}.side nav a:hover{background:var(--ink-2);color:#fff}.side nav a.on{background:var(--brand);color:#fff}.side .group{color:#8b8b90;letter-spacing:.02em;padding:14px 12px 4px;font-size:12.5px}.side .who{color:#a1a1aa;border-top:1px solid #333;margin-top:16px;padding:12px;font-size:13px}.side .who button{margin-top:8px}.main{min-width:0;padding:24px 28px 60px}.topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.menu-btn{display:none}@media (max-width:900px){.shell{grid-template-columns:1fr}.side{z-index:50;width:260px;transition:transform .2s;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.side.open{transform:none}.menu-btn{display:inline-flex}.main{padding:16px}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px}.card.flush{padding:0;overflow:hidden}.grid{gap:16px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.g2,.g3,.g4{grid-template-columns:1fr 1fr}}@media (max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}}.stat{color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:block;position:relative;overflow:hidden}.stat .v{font-size:30px;font-weight:700}.stat .l{color:var(--muted);font-size:14.5px}.stat:after{content:"";border:10px solid var(--brand-soft);border-radius:50%;width:110px;height:70px;position:absolute;inset:auto -30px -40px auto}.empty{text-align:center;color:var(--muted);padding:30px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.stack>*+*{margin-top:10px}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}th{color:var(--muted);background:#fafafa;font-size:13.5px;font-weight:600}tr:hover td{background:#fcfcfc}.table-wrap{overflow-x:auto}td.num,th.num{text-align:end;font-variant-numeric:tabular-nums}label{color:var(--muted);margin-bottom:4px;font-size:14.5px;display:block}input,select,textarea{width:100%;font:inherit;border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:9px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}textarea{resize:vertical;min-height:90px}.field{margin-bottom:12px}.btn{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:15px;display:inline-flex}.btn:hover{border-color:var(--faint)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-dark)}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.ghost{color:inherit;background:0 0;border-color:#0000}.btn.sm{padding:6px 11px;font-size:14px}.btn:disabled{opacity:.5;cursor:default}.err{background:var(--danger-soft);color:var(--danger);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.okmsg{background:var(--ok-soft);color:var(--ok);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.badge{background:var(--grey);color:var(--ink);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 11px;font-size:13.5px;display:inline-flex}.badge.brand{background:var(--brand-soft);color:var(--brand-dark)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.code-tag{font-family:var(--mono);color:var(--brand-dark);direction:ltr;font-weight:700;display:inline-block}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-inline-start:2px solid var(--grey);margin-inline-start:6px;padding:0 22px 16px 0;position:relative}.timeline li:before{content:"";inset-inline-start:-7px;background:var(--grey);border-radius:50%;width:12px;height:12px;position:absolute;top:4px}.timeline li.on:before{background:var(--brand)}.timeline li:last-child{border-color:#0000}.auth{background:var(--ink);place-items:center;min-height:100vh;padding:16px;display:grid;position:relative;overflow:hidden}.auth .box{z-index:1;background:#fff;border-radius:18px;width:min(400px,100%);padding:28px;position:relative}.auth .box img{width:170px;margin:0 auto 18px;display:block}.wave{border:70px solid var(--brand);opacity:.9;border-radius:50%;width:520px;height:520px;position:absolute}.modal-bg{z-index:60;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(640px,100%);max-height:90vh;padding:22px;overflow-y:auto}.sig{border:2px dashed var(--grey);touch-action:none;background:#fff;border-radius:12px;width:100%;height:180px;display:block}@media print{.no-print,.side,.topline .btn{display:none!important}body{background:#fff}.main{padding:0}.shell{display:block}.card{border:none;padding:0}}.ok-box{background:var(--ok-soft,#e7f7ee);color:var(--ok,#157347);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.portal{max-width:980px;margin:0 auto;padding:20px 16px}.hint{color:#7a3a10;background:#fff8f2;border:1px solid #fde2cf;border-radius:10px;align-items:flex-start;gap:8px;margin:0 0 12px;padding:8px 12px;font-size:14px;line-height:1.55;display:flex}.hint:before{content:"💡"}.hint.inline{color:var(--muted);background:0 0;border:0;margin:0;padding:0;font-size:13px;display:inline-flex}.hint.inline:before{content:"ⓘ";color:var(--brand)}.tip{background:var(--brand-soft);width:18px;height:18px;color:var(--brand-dark);cursor:help;border-radius:50%;place-items:center;margin-inline-start:4px;font-size:12px;font-weight:700;display:inline-grid}.stat .ico{float:inline-end;opacity:.9;font-size:26px}.chart{width:100%;height:auto;display:block}.chart text{font-family:var(--font);fill:var(--muted);font-size:11px}.hbar{grid-template-columns:130px 1fr 44px;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:grid}.hbar .track{background:var(--grey);border-radius:9px;height:12px;overflow:hidden}.hbar .fill{background:var(--brand);border-radius:9px;height:12px}
