.xl-bar{position:sticky;top:0;z-index:40;background:rgba(10,31,68,.96);backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(10,31,68,.18)}.xl-bg{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding-top:.7rem;padding-bottom:.7rem}
.xl-s{display:flex;align-items:center;gap:.4rem;color:#BFDBFE;font-size:.8rem}.xl-s select{font:inherit;font-size:.86rem;font-weight:600;border:0;border-radius:999px;padding:.42rem .9rem;max-width:18rem;color:#0A1F44}
.xl-reg{display:flex;flex-wrap:wrap;gap:.3rem}.xl-bar button,.xl-seg button{font:inherit;font-size:.8rem;font-weight:700;border:1px solid rgba(147,197,253,.35);background:transparent;color:#DBEAFE;padding:.36rem .8rem;border-radius:999px;cursor:pointer;transition:all .2s}.xl-bar button[aria-pressed=true],.xl-seg button[aria-pressed=true]{background:linear-gradient(135deg,#2563EB,#0891B2);border-color:transparent;color:#fff}
.xl-csv{margin-inline-start:auto;background:#fff!important;color:#1D4ED8!important;border:0!important}
.xl{padding:1.8rem 0 3rem}.xl-card{background:#fff;border:1px solid #DCE7F5;border-radius:20px;padding:1.3rem 1.4rem;box-shadow:0 16px 36px rgba(37,99,235,.07);margin-bottom:1.4rem}
.xl-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.8rem 1.6rem;margin-bottom:1rem}.xl-hd h2{margin:0 0 .3rem;font-size:1.35rem}.xl-hd p{margin:0;color:#475569;font-size:.9rem;max-width:44rem}
.xl-seg{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;font-size:.78rem;color:#64748B}.xl-seg button{border-color:#D3E2F7;color:#0A1F44;background:#fff}
.xl-db{display:flex;flex-direction:column;gap:4px}.xr{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr) 4.2rem;gap:.8rem;align-items:center;font:inherit;background:none;border:0;border-radius:10px;padding:.42rem .5rem;cursor:pointer;text-align:start;color:#0A1F44;transition:background .2s}
.xr:hover{background:#F3F7FD}.xr.on{background:linear-gradient(90deg,#DBEAFE,#ECFEFF)}.xn{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem}.xn img{width:26px;height:17px;object-fit:cover;border-radius:2px}
.xt{position:relative;height:22px;direction:ltr;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#EEF3FA calc(25% - 1px) 25%)}.xt i{position:absolute;top:50%;transition:left .8s cubic-bezier(.2,.8,.2,1),width .8s cubic-bezier(.2,.8,.2,1)}
.xt .ln{height:6px;margin-top:-3px;border-radius:3px;opacity:.55}.xt .da,.xt .de,.xl-ax i{width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px rgba(10,31,68,.25)}.xt .da,.xl-ax .da{background:#1D4ED8}.xt .de,.xl-ax .de{background:#06B6D4}
.xg{text-align:end;font-family:var(--disp);font-size:.95rem}.xg.p{color:#1D4ED8}.xg.n{color:#0891B2}
.xl-ax{position:relative;display:flex;gap:1rem;align-items:center;margin-top:.5rem;padding-inline-start:12rem;font-size:.78rem;color:#475569;min-height:1.6rem}.xl-ax .t{display:inline-flex;align-items:center;gap:.35rem}.xl-ax i{position:static;display:inline-block;margin:0}
.xl-ax .sc{position:absolute;left:12.8rem;right:5rem;top:-.1rem;height:1rem}html[dir=rtl] .xl-ax .sc{left:5rem;right:12.8rem}.xl-ax .sc em{position:absolute;transform:translateX(-50%);font-style:normal;font-size:.7rem;color:#94A3B8;top:-1rem}
.xl-mx{overflow-x:auto}table.xm{border-collapse:separate;border-spacing:3px;width:100%;min-width:760px}.xm thead th{font-family:var(--disp);font-size:.74rem;font-weight:700;color:#0A1F44;background:none;padding:.3rem .2rem;cursor:pointer;text-align:center;border-radius:8px;white-space:nowrap}html[lang=ar] .xm thead th{font-family:var(--ar)}
.xm thead th.s{background:#DBEAFE}.xm thead th.s::after{content:" ↓";color:#1D4ED8}.xm thead th.cur span{border-bottom:2px solid #06B6D4}.xm tbody th{text-align:start;font-size:.82rem;font-weight:700;white-space:nowrap;padding-inline-end:.5rem;background:none}.xm tbody th img{width:22px;height:15px;object-fit:cover;border-radius:2px;margin-inline-end:.4rem;vertical-align:-2px}
.xm td{text-align:center;font-size:.78rem;font-weight:700;border-radius:8px;padding:.55rem .2rem;cursor:pointer;transition:transform .15s,box-shadow .15s;opacity:0;animation:xmin .45s ease forwards}@keyframes xmin{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.xm td:hover{transform:scale(1.08);box-shadow:0 6px 16px rgba(10,31,68,.25);position:relative;z-index:2}.xm tr.hx th,.xm th.hx{color:#1D4ED8}.xm td.hx,.xm tr.hx td{outline:1px solid rgba(255,255,255,.9)}.xm tr.on th{color:#0891B2}
.xl-mleg{margin-top:.6rem;font-size:.78rem;color:#475569}.xl-mleg span{display:inline-flex;align-items:center;gap:.4rem}.xl-mleg i{display:inline-block;width:10rem;height:9px;border-radius:5px}.xl-mleg i.dv{background:linear-gradient(90deg,#06B6D4,#F5F5F5,#1D4ED8)}.xl-mleg i.sq{background:linear-gradient(90deg,#EFF6FF,#93C5FD,#2563EB,#0A1F44)}
.xl-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem}.xl-chips button{display:inline-flex;align-items:center;gap:.4rem;font:inherit;font-size:.82rem;font-weight:700;border:1px solid #D3E2F7;background:#fff;color:#0A1F44;border-radius:999px;padding:.3rem .75rem .3rem .4rem;cursor:pointer}.xl-chips img{width:22px;height:15px;object-fit:cover;border-radius:2px}
.xl-chips button[aria-pressed=true]{background:var(--c);border-color:var(--c);color:#fff}
.xl-cg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.2rem;align-items:center}.xl-radar{width:100%;height:auto;direction:ltr}.xl-radar .rg{fill:none;stroke:#E2EAF6}.xl-radar .rx{stroke:#E2EAF6}.xl-radar .rt{font-size:10px;fill:#94A3B8}
.xl-radar .rl{font-family:var(--disp);font-size:13px;font-weight:700;fill:#334155}html[lang=ar] .xl-radar .rl{font-family:"Cairo",sans-serif;font-size:14px}.xl-radar .rl.cur{fill:#0891B2}
.xl-radar .rp polygon{fill:var(--c);fill-opacity:.14;stroke:var(--c);stroke-width:2.5}.xl-radar .rp circle{fill:var(--c)}.xl-radar .rp{transform-origin:250px 250px;animation:rin .7s cubic-bezier(.2,.8,.2,1) both}@keyframes rin{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
.xl-t{width:100%;font-size:.84rem}.xl-t td,.xl-t th{padding:.42rem .5rem;border-bottom:1px solid #EEF3FA}.xl-t td:not(:first-child),.xl-t th:not(:first-child){text-align:end}.xl-t td.hi{font-weight:800;color:#1D4ED8}.xl-t tr.cur td{background:#ECFEFF}
@media (max-width:900px){.xl-cg{grid-template-columns:1fr}.xr{grid-template-columns:minmax(0,7.5rem) minmax(0,1fr) 3.6rem}.xl-ax{padding-inline-start:0}.xl-ax .sc{display:none}}
@media (prefers-reduced-motion:reduce){.xm td,.xl-radar .rp{animation:none!important;opacity:1}}