:root{--bg: #060a13;--bg-2: #0a1120;--surface: #0d1626;--surface-2: #111c31;--card: rgba(16, 26, 44, .55);--border: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .22);--text: #e9effb;--muted: #9db0cf;--muted-2: #64748b;--cyan: #38bdf8;--blue: #3b82f6;--indigo: #818cf8;--emerald: #10b981;--amber: #f59e0b;--rose: #f43f5e;--red: #ef4444;--radius: 16px;--glow-cyan: 0 0 24px rgba(56, 189, 248, .35);--font: "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:radial-gradient(1200px 700px at 85% -10%,rgba(56,189,248,.09),transparent 60%),radial-gradient(900px 600px at 10% 10%,rgba(99,102,241,.1),transparent 55%),linear-gradient(180deg,var(--bg-2),var(--bg));color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}::selection{background:#38bdf847}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#22304d;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#2e4066}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hover-lift{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 12px 34px #0206108c;border-color:var(--border-strong)}.navbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#070b15b8;border-bottom:1px solid var(--border)}.navbar-inner{max-width:1400px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:11px;flex:0 0 auto;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--indigo));box-shadow:var(--glow-cyan)}.brand-name{font-size:1.02rem;font-weight:800;line-height:1.15}.brand-sub{font-size:.72rem;color:var(--muted-2);font-weight:500}.nav-links{display:flex;gap:4px;margin-inline-start:auto}.nav-links a{color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:500;padding:8px 14px;border-radius:10px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#94a3b817}.live-pill{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--emerald);background:#10b9811f;border:1px solid rgba(16,185,129,.3);padding:7px 12px;border-radius:999px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald);animation:pulse 1.8s infinite}.hero{max-width:1400px;margin:0 auto;padding:34px 24px 8px}.hero h1{font-size:clamp(1.5rem,3.4vw,2.3rem);font-weight:900;line-height:1.3;background:linear-gradient(100deg,#fff 10%,var(--cyan) 60%,var(--indigo));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--muted);margin-top:8px;max-width:760px;line-height:1.8;font-size:.98rem}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;align-items:center}.chip{font-size:.8rem;font-weight:600;color:var(--muted);border:1px solid var(--border);background:#94a3b80f;padding:7px 14px;border-radius:999px;cursor:pointer;transition:all .2s}.chip.active{color:#04121f;background:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-cyan)}.chip:hover:not(.active){color:var(--text);border-color:var(--border-strong)}.stamp{margin-inline-start:auto;font-size:.8rem;color:var(--muted-2)}.wrap{max-width:1400px;margin:0 auto;padding:20px 24px 48px}.grid{display:grid;gap:18px}.kpi-grid{grid-template-columns:repeat(6,1fr)}.cols{grid-template-columns:2fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}.sec-title{font-size:1.06rem;font-weight:800;display:flex;align-items:center;gap:9px;margin:6px 0 16px}.sec-title svg{color:var(--cyan)}.sec-badge{margin-inline-start:auto;font-size:.72rem;color:var(--muted-2);font-weight:500}.kpi{padding:18px;position:relative;overflow:hidden}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.kpi-label{font-size:.78rem;color:var(--muted-2);font-weight:600;margin-top:14px}.kpi-value{font-size:1.72rem;font-weight:800;margin-top:2px}.kpi-unit{font-size:.82rem;color:var(--muted);font-weight:600;margin-inline-start:4px}.kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;font-weight:700;margin-top:8px;padding:3px 8px;border-radius:7px}.delta-up{color:var(--emerald);background:#10b9811f}.delta-down{color:var(--rose);background:#f43f5e1f}.delta-neutral{color:var(--muted);background:#94a3b81a}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-title{font-size:.98rem;font-weight:800;display:flex;align-items:center;gap:8px}.panel-title svg{color:var(--cyan)}.legend{display:flex;gap:14px;font-size:.76rem;color:var(--muted);flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.list{display:flex;flex-direction:column;gap:12px}.pred-item{display:flex;gap:14px;align-items:flex-start;padding:4px 2px}.pred-prob{width:54px;height:54px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:1rem}.pred-body{flex:1;min-width:0}.pred-title{font-weight:700;font-size:.92rem}.pred-sub{font-size:.76rem;color:var(--muted-2);margin-top:3px}.prob-bar{height:6px;border-radius:6px;background:#94a3b824;margin-top:9px;overflow:hidden}.prob-fill{height:100%;border-radius:6px;transition:width .6s ease}.sev{font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:7px}.sev-حرجة,.sev-عالية-red{background:#ef444424;color:#fca5a5}.sev-عالية{background:#f59e0b24;color:#fcd34d}.sev-متوسطة{background:#38bdf824;color:#7dd3fc}.sev-منخفضة{background:#94a3b824;color:var(--muted)}.alert-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#94a3b80d;border:1px solid var(--border)}.alert-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:0 0 auto}.alert-title{font-size:.88rem;font-weight:600}.alert-meta{font-size:.72rem;color:var(--muted-2);margin-top:4px}.rec-item{padding:14px 16px;border-radius:12px;background:#94a3b80d;border:1px solid var(--border)}.rec-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rec-cat{font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:7px;background:#6366f129;color:#a5b4fc}.rec-title{font-size:.94rem;font-weight:800}.rec-action{font-size:.86rem;color:var(--muted);line-height:1.8;margin-top:6px}.rec-impact{font-size:.78rem;color:var(--emerald);margin-top:8px;display:flex;align-items:center;gap:6px}.pri{margin-inline-start:auto;font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:7px}.pri-عالية{background:#ef444424;color:#fca5a5}.pri-متوسطة{background:#f59e0b24;color:#fcd34d}.pri-منخفضة{background:#94a3b824;color:var(--muted)}.topo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topo-card{padding:16px}.topo-head{display:flex;align-items:center;justify-content:space-between}.topo-name{font-size:.88rem;font-weight:700}.topo-en{font-size:.68rem;color:var(--muted-2);font-weight:600;letter-spacing:.06em}.status-pill{font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:7px}.status-مستقر{background:#10b98124;color:#6ee7b7}.status-انتباه{background:#f59e0b24;color:#fcd34d}.status-حرج{background:#ef444424;color:#fca5a5}.topo-metric{font-size:.76rem;color:var(--muted);margin-top:12px}.meter{height:6px;border-radius:6px;background:#94a3b824;margin-top:10px;overflow:hidden}.meter-fill{height:100%;border-radius:6px;transition:width .6s ease}.topo-foot{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted-2);margin-top:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}thead th{text-align:right;font-size:.74rem;color:var(--muted-2);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--border-strong);white-space:nowrap}tbody td{padding:13px 14px;border-bottom:1px solid var(--border);white-space:nowrap}tbody tr:hover{background:#94a3b80d}.td-good{color:var(--emerald);font-weight:700}.td-warn{color:var(--amber);font-weight:700}.td-bad{color:var(--rose);font-weight:700}.footer{border-top:1px solid var(--border);margin-top:10px}.footer-inner{max-width:1400px;margin:0 auto;padding:28px 24px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;color:var(--muted-2);font-size:.8rem}.footer b{color:var(--muted)}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #10b98180}50%{opacity:.5;box-shadow:0 0 0 5px #10b98100}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease both}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg,var(--surface) 40%,#16233f 50%,var(--surface) 60%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width: 1200px){.kpi-grid,.topo-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.cols,.cols-3{grid-template-columns:1fr}.nav-links{display:none}}@media (max-width: 620px){.kpi-grid,.topo-grid{grid-template-columns:repeat(2,1fr)}.stamp{margin-inline-start:0;width:100%}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.slogan{margin-top:10px;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:800;color:var(--text)}.slogan-en{font-size:.8rem;font-weight:600;color:var(--muted-2);margin-inline-start:12px;letter-spacing:.02em}.flow-strip{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:16px 20px;flex-wrap:wrap;margin-bottom:18px}.flow-node{display:flex;align-items:center;gap:9px;font-size:.86rem;font-weight:700;color:var(--text)}.flow-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#38bdf81f;color:var(--cyan);flex:0 0 auto}.flow-arrow{color:var(--muted-2);flex:0 0 auto}.kpi-hero{position:relative;overflow:hidden;padding:26px 28px;background:linear-gradient(120deg,#38bdf824,#6366f11a 50%,#10b9811a);border:1px solid rgba(56,189,248,.28)}.kpi-hero:after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.25),transparent 70%);pointer-events:none}.kpi-hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#7dd3fc;background:#38bdf81f;border:1px solid rgba(56,189,248,.32);padding:5px 12px;border-radius:999px}.kpi-hero-label{font-size:1rem;font-weight:800;margin-top:14px}.kpi-hero-value{font-size:clamp(2.6rem,6vw,3.6rem);font-weight:900;line-height:1;margin-top:6px;background:linear-gradient(100deg,#fff,var(--cyan) 70%,var(--emerald));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.kpi-hero-unit{font-size:1.5rem;-webkit-text-fill-color:var(--cyan);margin-inline-start:8px}.kpi-hero-sub{font-size:.85rem;color:var(--muted);margin-top:10px;max-width:720px;line-height:1.8}@media (max-width: 900px){.flow-arrow{display:none}.flow-strip{justify-content:flex-start}}