@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Tajawal:wght@400;500;700;800&display=swap";:root{--bg: #020617;--bg-card: #1A1E2F;--bg-hover: rgba(255,255,255,.06);--border: #334155;--border-strong: rgba(255,255,255,.12);--text: #F8FAFC;--text-muted: #94a3b8;--accent: #22C55E;--accent-dim: rgba(34,197,94,.12);--blue: #3B82F6;--blue-dim: rgba(59,130,246,.12);--purple: #A855F7;--amber: #F59E0B;--red: #EF4444;--cyan: #06B6D4;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow: 0 4px 24px rgba(0,0,0,.5);font-family:IBM Plex Sans,Tajawal,ui-sans-serif,system-ui,sans-serif;line-height:1.6;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::selection{background:var(--accent);color:#020617}.glow-top{position:fixed;inset:-40% -20% auto -20%;height:70vh;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(239,68,68,.06),transparent 60%);z-index:0}.glow-bottom{position:fixed;inset:auto -20% -30% -20%;height:50vh;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(34,197,94,.04),transparent 55%);z-index:0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000080}.card-glass{background:#1a1e2fb3;border:1px solid rgba(51,65,85,.25);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);padding:1.5rem}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;background:#020617d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem}.nav-logo .logo-icon{color:var(--red)}.nav-links{display:flex;gap:.25rem}.nav-link{color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;padding:.35rem .85rem;border-radius:999px;border:none;background:transparent;font-family:inherit;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--bg-hover)}.section{max-width:1280px;margin:0 auto;padding:2rem 1.5rem;position:relative;z-index:1}.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.sh h2{font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:700;display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.2rem;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:transform .15s ease,box-shadow .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#020617}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #22c55e4d}.btn-ghost{border:1.5px solid var(--border);color:var(--text);background:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.btn-sm{padding:.35rem .85rem;font-size:.76rem}.btn-red{background:var(--red);color:#fff}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.68rem;font-weight:600;padding:.2rem .5rem;border-radius:999px}.badge-green{background:var(--accent-dim);color:var(--accent)}.badge-red{background:#ef44441f;color:var(--red)}.badge-amber{background:#f59e0b1f;color:var(--amber)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .4s ease forwards}.d1{animation-delay:.05s;opacity:0}.d2{animation-delay:.1s;opacity:0}.d3{animation-delay:.15s;opacity:0}.d4{animation-delay:.2s;opacity:0}.tabs{display:flex;gap:.25rem;background:#ffffff0a;border:1px solid var(--border);border-radius:999px;padding:.25rem;flex-wrap:wrap}.tab{text-align:center;padding:.35rem .9rem;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--text-muted);transition:all .2s;border:none;background:transparent;font-family:inherit}.tab.active{background:var(--accent);color:#020617}.meter{height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.meter-fill{height:100%;border-radius:4px;transition:width .6s ease}.table-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}.table-wrap table{width:100%;border-collapse:collapse;font-size:.82rem}.table-wrap th{background:#ffffff0a;padding:.7rem 1rem;text-align:right;font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.table-wrap td{padding:.65rem 1rem;border-top:1px solid var(--border)}.table-wrap tr:hover td{background:#ffffff05}.progress-ring{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.progress-ring svg{transform:rotate(-90deg)}.signal-card{padding:.75rem;border-radius:var(--radius-sm);border-right:3px solid;margin-bottom:.5rem}.highlight-green{background:#22c55e0d}.highlight-red{background:#ef44440d}.highlight-amber{background:#f59e0b0d}