@font-face{font-family:DFX Display;src:url(/fonts/MohammadBoldArt1.ttf)format("truetype");font-display:swap}:root{--navy:#0d2b4c;--petrol:#0a5a86;--turq:#3fa9c9;--amber:#e8a33d;--night:#081c34;--deep:#0a4363;--ink:#10233a;--muted:#4f657a;--mist:#d3dee8;--sky:#e4f1fa;--row:#f2f8fc;--paper:#f7fafc;--white:#fff;--ok:#23705a;--ok-bg:#ddf0e8;--warn:#7a5710;--warn-bg:#fbefd9;--err:#a33b3b;--err-bg:#f6e0e0;--l0:#c9d3dd;--l1:#a7cde0;--l2:#3fa9c9;--l3:#0a5a86;--l4:#0d4470;--l5:#0d2b4c;--sans:"IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;--display:"DFX Display", "IBM Plex Sans Arabic", sans-serif;--radius:12px}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:15px;line-height:1.7}a{color:var(--petrol)}a:hover{color:var(--navy)}input,textarea,select,button{font-family:inherit;font-size:inherit}img{max-width:100%}:focus-visible{outline:3px solid var(--petrol);outline-offset:2px}.sidebar :focus-visible,.pub-footer :focus-visible,.ld-hero :focus-visible,.fr-upgrade :focus-visible{outline-color:var(--turq)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,.display{font-family:var(--display);color:var(--navy);margin:0;font-weight:400;line-height:1.4}h1{font-size:28px}h2{font-size:19px}h3{margin:0;font-size:15px;font-weight:600}p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.xsmall{font-size:12px}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.stack{gap:var(--gap,16px);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap,12px);flex-wrap:wrap;display:flex}.between{justify-content:space-between}.grid{gap:var(--gap,16px);grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));display:grid}.split{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.split-side{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:1000px){.split,.split-side,.grid{grid-template-columns:1fr}}.card{background:var(--white);border:1px solid var(--mist);border-radius:var(--radius);padding:24px}.card.tight{padding:16px}.card.accent{border-color:var(--turq)}.hero-dark{background:linear-gradient(135deg, var(--night), var(--navy) 45%, var(--deep));color:#fff}.btn{cursor:pointer;border:1px solid var(--navy);background:var(--navy);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{color:#fff;filter:brightness(1.1)}.btn.cta{background:var(--amber);border-color:var(--amber);color:var(--navy)}.btn.secondary{color:var(--petrol);border-color:var(--petrol);background:#fff}.btn.ghost{color:var(--petrol);background:0 0;border-color:#0000}.btn.danger{color:var(--err);border-color:var(--err);background:#fff}.btn.ondark{color:#fff;background:0 0;border-color:#ffffff8c}.btn.sm{min-height:36px;padding:0 12px;font-size:13px}.btn:disabled,.btn[aria-disabled=true]{color:#6b7f92;cursor:not-allowed;filter:none;background:#e7ecf1;border-color:#e7ecf1}.pill{white-space:nowrap;background:var(--sky);color:var(--petrol);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.err{background:var(--err-bg);color:var(--err)}.pill.navy{background:var(--navy);color:#fff}.pill.mute{color:var(--muted);background:#eef2f6}.pill.amber{color:#6b4a0b;background:#fce9c8}.field{flex-direction:column;gap:6px;display:flex}.field>label,.label{color:var(--ink);font-size:13px;font-weight:600}.field .hint{color:var(--muted);font-size:12px}.field .error{color:var(--err);font-size:12.5px}.input,.textarea,.select{border:1px solid var(--mist);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px;font-size:14px}.textarea{resize:vertical;min-height:90px;padding:10px 12px;line-height:1.7}.input:focus,.textarea:focus,.select:focus{border-color:var(--petrol);outline:none;box-shadow:0 0 0 3px #3fa9c940}.check{cursor:pointer;align-items:flex-start;gap:10px;min-height:32px;display:flex}.check input{flex-shrink:0;width:18px;height:18px;margin-top:4px}.callout{background:var(--sky);border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.callout strong{color:var(--petrol);font-size:13.5px;display:block}.callout.warn{background:var(--warn-bg)}.callout.warn strong{color:var(--warn)}.callout.err{background:var(--err-bg)}.callout.err strong{color:var(--err)}.callout.ok{background:var(--ok-bg)}.callout.ok strong{color:var(--ok)}.table-wrap{border:1px solid var(--mist);background:#fff;border-radius:10px;position:relative;overflow:auto}table.t{border-collapse:collapse;width:100%}table.t th{background:var(--navy);color:#fff;text-align:right;white-space:nowrap;padding:12px 14px;font-size:12.5px;font-weight:600}table.t td{border-bottom:1px solid var(--mist);vertical-align:middle;padding:12px 14px;font-size:13.5px}table.t tr:nth-child(2n) td{background:var(--row)}.bar{background:#e3eaf1;border-radius:999px;height:8px;position:relative}.bar>span{background:var(--petrol);border-radius:999px;position:absolute;inset-block:0;inset-inline-start:0}.bar>i{background:var(--amber);width:2px;position:absolute;top:-4px;bottom:-4px}.levels{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.levels>div{text-align:center;border-radius:8px;padding:10px 6px;font-size:13px}.levels>div small{opacity:.85;font-size:11.5px;display:block}.levels>div.on{outline:3px solid var(--navy);outline-offset:2px}.ld-hero .levels>div.on,.fr-upgrade .levels>div.on{outline-color:var(--amber)}.shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#c9d8e6;border-bottom:5px solid var(--turq);flex-direction:column;flex-shrink:0;gap:24px;width:256px;padding:24px 16px;display:flex}.sidebar.dfx{background:var(--night)}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav a{color:#c9d8e6;border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:0 16px;font-size:14px;text-decoration:none;display:flex;position:relative}.sidebar nav a.active{color:#fff;background:#3fa9c929;font-weight:600}.sidebar nav a.active:before{content:"";inset-inline-start:0;background:var(--turq);border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px}.sidebar nav a svg{color:#9fb6cc}.sidebar nav a.active svg{color:var(--turq)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--mist);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:14px 32px;display:flex}.content{flex-direction:column;gap:24px;width:100%;max-width:1280px;padding:28px 32px 48px;display:flex}.icon-btn{border:1px solid var(--mist);cursor:pointer;width:44px;height:44px;color:var(--navy);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.dot{top:8px;background:var(--amber);border-radius:99px;width:8px;height:8px;position:absolute;inset-inline-end:9px}.menu-toggle{display:none}@media (max-width:900px){.sidebar{z-index:30;transition:transform .2s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(100%)}.sidebar.open{transform:none}.menu-toggle{display:inline-flex}.content{padding:20px 16px 40px}.topbar{padding:12px 16px}}.pub-header{border-bottom:1px solid var(--mist);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:14px 48px;display:flex}.pub-wrap{max-width:1200px;margin:0 auto;padding:36px 48px 64px}.pub-footer{background:var(--night);color:#c9d8e6;border-top:5px solid var(--turq);padding:40px 48px}.pub-footer a{color:#c9d8e6;text-decoration:none}.auth-card{max-width:480px;margin:48px auto}@media (max-width:700px){.pub-header,.pub-wrap,.pub-footer{padding-inline:16px}.pub-header>nav{display:none}.pub-header{gap:12px}}.avatar{background:var(--sky);width:36px;height:36px;color:var(--navy);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.kpi{color:var(--navy);font-size:30px;font-weight:700;line-height:1.2}.list-plain{margin:0;padding:0;list-style:none}.option{border:1px solid var(--mist);cursor:pointer;text-align:start;width:100%;color:var(--ink);background:#fff;border-radius:10px;align-items:center;gap:14px;min-height:56px;padding:12px 16px;display:flex}.option.on{border:2px solid var(--navy);background:var(--sky)}.option .num{width:34px;height:34px;color:var(--navy);background:#eef2f6;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.option.on .num{background:var(--navy);color:#fff}.watermark{pointer-events:none;z-index:50;opacity:.06;grid-template-columns:repeat(3,1fr);align-content:space-around;justify-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.watermark span{color:var(--navy);white-space:nowrap;direction:ltr;font-weight:600;transform:rotate(-24deg)}.toast{bottom:24px;z-index:100;background:var(--navy);color:#fff;border-radius:10px;padding:12px 20px;position:fixed;inset-inline-start:50%;transform:translate(50%);box-shadow:0 8px 24px #0003}.toast.err{background:var(--err)}.modal-back{z-index:80;background:#081c3480;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(560px,100%);max-height:90vh;padding:24px;overflow:auto}.empty{text-align:center;color:var(--muted);padding:40px 16px}.spinner{border:3px solid var(--mist);border-top-color:var(--petrol);border-radius:50%;width:28px;height:28px;margin:40px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tabs{border-bottom:1px solid var(--mist);gap:4px;display:flex}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;min-height:44px;padding:10px 14px;font-weight:600}.tabs button[aria-selected=true]{color:var(--navy);border-bottom-color:var(--turq)}.dropzone{border:2px dashed var(--mist);background:var(--paper);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:22px;display:flex}.dropzone.drag{border-color:var(--petrol);background:var(--sky)}.staging-banner{z-index:1000;color:#0d2b4c;text-align:center;background:#e8a33d;padding:6px 12px;font-size:14px;font-weight:600;position:sticky;top:0}