@font-face{font-family:Tajawal;src:url('/assets/tajawal-400.ttf')}@font-face{font-family:Tajawal;src:url('/assets/tajawal-700.ttf');font-weight:700}@font-face{font-family:Tajawal;src:url('/assets/tajawal-800.ttf');font-weight:800}
:root{--navy:#03172c;--navy-2:#072642;--blue:#154173;--cyan:#56d6f5;--orange:#f79440;--white:#f5fbff;--muted:#89a9c3;--line:rgba(84,201,236,.2);--panel:rgba(5,30,52,.72)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#020e1c;color:var(--white);font-family:Tajawal,Arial,sans-serif}body{min-width:1024px}.stage{position:relative;width:100vw;height:100vh;min-height:576px;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(21,65,115,.48),transparent 40%),linear-gradient(145deg,#020d1b,#05213a 56%,#031326)}.stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(60,155,199,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(60,155,199,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,black 15%,black 90%,transparent)}.backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}.backdrop i{position:absolute;border:1px solid rgba(86,214,245,.13);transform:rotate(45deg)}.backdrop i:nth-child(1){width:38vw;height:38vw;right:-22vw;top:26vh}.backdrop i:nth-child(2){width:28vw;height:28vw;left:-17vw;bottom:-8vh}.backdrop i:nth-child(3){width:1px;height:120vh;left:49%;top:-10vh;background:linear-gradient(transparent,rgba(86,214,245,.18),transparent);border:0;transform:rotate(17deg)}
.masthead{height:10.2vh;min-height:66px;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;padding:0 2.5vw;border-bottom:1px solid var(--line);position:relative;z-index:3;background:linear-gradient(90deg,rgba(3,23,44,.92),rgba(7,38,66,.7),rgba(3,23,44,.92))}.masthead:after{content:"";position:absolute;bottom:-2px;left:33%;right:33%;height:3px;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 18px var(--orange)}.brand-lockup{display:flex;align-items:center;gap:.9vw}.brand-mark{width:3.6vw;height:3.6vw;min-width:46px;min-height:46px;border-radius:50%;overflow:hidden;border:2px solid rgba(247,148,64,.65);box-shadow:0 0 25px rgba(247,148,64,.18)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-lockup div{display:flex;flex-direction:column}.brand-lockup strong{font-size:clamp(17px,1.25vw,25px)}.brand-lockup span span{font-size:clamp(11px,.78vw,16px);color:var(--muted)}.title-lockup{text-align:center;line-height:1.05}.title-lockup span{font:700 clamp(8px,.64vw,13px)/1 Arial;letter-spacing:.22em;color:var(--cyan)}.title-lockup h1{font-size:clamp(24px,2vw,39px);margin:.55vh 0 0;font-weight:800}.clock-lockup{text-align:left;display:flex;flex-direction:column;align-items:flex-end}.clock-lockup strong{font:700 clamp(25px,2.1vw,42px)/1 Arial;letter-spacing:.08em}.clock-lockup span{color:var(--orange);font-size:clamp(11px,.76vw,15px);margin-top:.6vh}
.dashboard-grid{position:relative;z-index:2;height:84.4vh;display:grid;grid-template-columns:22.5vw 1fr 35vw;gap:1.25vw;padding:1.7vh 1.8vw 1.2vh;direction:ltr}.summary-column,.network-column,.detail-column{direction:rtl;min-width:0}.section-kicker{height:4.4vh;display:flex;align-items:center;gap:.6vw;color:#c3dbe9;font-size:clamp(12px,.8vw,16px)}.section-kicker i{width:1.9vw;height:2px;background:var(--orange);box-shadow:0 0 10px var(--orange)}
.hero-metric{height:17.2vh;min-height:108px;margin-bottom:1.25vh;position:relative;display:grid;grid-template-columns:4.6vw 1fr;align-items:center;padding:1.6vh 1.25vw;border:1px solid var(--line);background:linear-gradient(135deg,rgba(10,47,79,.93),rgba(4,26,47,.74));clip-path:polygon(0 0,94% 0,100% 15%,100% 100%,6% 100%,0 86%);overflow:hidden}.hero-metric:after{content:"";position:absolute;width:45%;height:100%;left:-20%;top:0;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(86,214,245,.08),transparent)}.hero-metric.metric-orange{border-color:rgba(247,148,64,.28)}.metric-index{position:absolute;left:.65vw;top:.6vh;font:700 .65vw Arial;color:rgba(137,169,195,.55)}.metric-icon{width:3.8vw;height:3.8vw;display:grid;place-items:center;border:1px solid rgba(86,214,245,.35);background:rgba(4,21,38,.8);transform:rotate(45deg);box-shadow:0 0 20px rgba(86,214,245,.1)}.metric-icon svg{width:65%;transform:rotate(-45deg);fill:none;stroke:var(--cyan);stroke-width:2}.metric-orange .metric-icon{border-color:rgba(247,148,64,.45)}.metric-orange .metric-icon svg{stroke:var(--orange)}.hero-metric>div:nth-of-type(2){display:flex;flex-direction:column;padding-right:1vw}.hero-metric strong{font:800 clamp(34px,3.2vw,66px)/.9 Arial;color:white;letter-spacing:-.04em}.metric-orange strong{color:#ffd4ad}.hero-metric div span{font-size:clamp(14px,1vw,20px);color:var(--cyan);margin-top:.7vh}.metric-orange div span{color:var(--orange)}.hero-metric small{grid-column:1/3;color:var(--muted);font-size:clamp(10px,.67vw,13px);padding-top:.7vh;border-top:1px solid rgba(255,255,255,.06)}
.time-conversion{height:22vh;min-height:140px;border:1px solid var(--line);padding:1.6vh 1.2vw;background:linear-gradient(180deg,rgba(7,38,66,.76),rgba(3,21,38,.84));position:relative;overflow:hidden}.time-conversion:before{content:"";position:absolute;width:8vw;height:8vw;border:1px solid rgba(86,214,245,.12);border-radius:50%;left:-2vw;bottom:-3vw}.conversion-head{display:flex;justify-content:space-between;font-size:clamp(11px,.72vw,14px);color:#bbd3e2}.conversion-head b{font:700 .58vw Arial;letter-spacing:.12em;color:var(--cyan)}.conversion-equation{display:flex;align-items:baseline;gap:.55vw;margin-top:1.8vh}.conversion-equation strong{font:800 clamp(26px,2.6vw,52px)/1 Arial;color:var(--cyan)}.conversion-equation span{font-size:clamp(13px,.9vw,18px)}.conversion-result{display:flex;justify-content:space-between;align-items:end;margin-top:1.3vh}.conversion-result small{color:var(--muted)}.conversion-result strong{font-size:clamp(18px,1.4vw,28px);color:var(--orange)}.conversion-track{height:4px;background:rgba(255,255,255,.08);margin-top:1.5vh}.conversion-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--orange));box-shadow:0 0 12px var(--cyan);transition:width .8s ease}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.7vw;margin-top:1.2vh}.mini-metrics article{height:10.4vh;min-height:66px;border:1px solid var(--line);background:rgba(5,30,52,.74);padding:1.1vh .85vw;display:flex;flex-direction:column;justify-content:center}.mini-metrics span{font-size:clamp(10px,.66vw,13px);color:var(--muted)}.mini-metrics strong{font:700 clamp(18px,1.45vw,29px)/1.1 Arial;color:#fff;margin-top:.7vh}
.network-column{display:flex;flex-direction:column;border-left:1px solid rgba(86,214,245,.1);border-right:1px solid rgba(86,214,245,.1);padding:0 .5vw}.network-title{height:4.4vh;display:flex;align-items:center;justify-content:space-between;padding:0 .8vw}.network-title span{font:700 clamp(8px,.56vw,11px) Arial;letter-spacing:.17em;color:var(--cyan)}.network-title b{font-size:clamp(13px,.9vw,18px);color:#dbeef7}.network-map{position:relative;height:72.4vh;min-height:455px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(21,65,115,.46),transparent 42%)}.watermark{position:absolute;width:20vw;max-width:370px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.035;filter:grayscale(1) brightness(2);pointer-events:none}.network-lines{position:absolute;inset:0;width:100%;height:100%}.grid-rings{fill:none;stroke:rgba(86,214,245,.15);stroke-width:1}.grid-rings ellipse:nth-child(2){stroke-dasharray:5 8}.grid-rings ellipse:nth-child(3){stroke:rgba(247,148,64,.22)}.links line{stroke:rgba(86,214,245,.45);stroke-width:1.2;stroke-dasharray:8 12;animation:dataStream 3.4s linear infinite}.links circle{fill:var(--cyan);filter:drop-shadow(0 0 5px var(--cyan))}@keyframes dataStream{to{stroke-dashoffset:-40}}
.core{position:absolute;width:13.5vw;height:13.5vw;min-width:150px;min-height:150px;max-width:250px;max-height:250px;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.core-ring{position:absolute;border-radius:50%;border:1px solid rgba(86,214,245,.4)}.ring-a{inset:0;border-style:dashed;animation:spin 22s linear infinite}.ring-b{inset:10%;border-color:rgba(247,148,64,.45);animation:spin 14s linear infinite reverse}.ring-c{inset:22%;box-shadow:inset 0 0 32px rgba(86,214,245,.12),0 0 25px rgba(86,214,245,.1)}@keyframes spin{to{transform:rotate(360deg)}}.saba-core-logo{width:5.6vw;min-width:68px;max-width:105px;height:4.1vw;min-height:49px;max-height:77px;display:grid;place-items:center}.saba-core-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px rgba(86,214,245,.35))}.core strong{font:800 clamp(23px,2vw,40px)/1 Arial;margin-top:.7vh}.core span{font-size:clamp(10px,.7vw,14px);color:var(--muted);margin-top:.3vh}.network-node{position:absolute;width:11vw;min-width:130px;max-width:210px;transform:translate(-50%,-50%);text-align:center;display:grid;justify-items:center;z-index:2}.radar-dial{position:relative;width:4.8vw;height:4.8vw;min-width:58px;min-height:58px;max-width:92px;max-height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(3,23,44,.96) 37%,rgba(7,51,78,.72) 38%,rgba(3,23,44,.92) 63%,rgba(86,214,245,.12) 64%);border:1px solid rgba(var(--node-rgb),.58);box-shadow:0 0 24px rgba(var(--node-rgb),.18),inset 0 0 17px rgba(86,214,245,.08);overflow:hidden}.radar-dial:before{content:"";position:absolute;inset:7%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 73%,rgba(var(--node-rgb),.4) 88%,var(--node-color) 100%);animation:radarSweep 3.8s linear infinite;opacity:.72}.radar-dial:after{content:"";position:absolute;inset:27%;border-radius:50%;border:1px solid rgba(var(--node-rgb),.55);background:rgba(2,17,31,.88);box-shadow:0 0 12px rgba(var(--node-rgb),.28)}.radar-orbit{position:absolute;border-radius:50%;border:1px dashed rgba(var(--node-rgb),.55);animation:spin 7s linear infinite}.radar-orbit.orbit-a{inset:3%}.radar-orbit.orbit-b{inset:18%;animation-duration:4.8s;animation-direction:reverse}.radar-sweep{position:absolute;left:50%;top:8%;bottom:50%;width:1px;transform-origin:50% 100%;background:linear-gradient(transparent,var(--node-color));box-shadow:0 0 6px var(--node-color);animation:radarSweep 3.8s linear infinite}.radar-icon{position:relative;z-index:3;width:32%;height:32%;display:grid;place-items:center}.radar-icon svg{width:100%;height:100%;fill:none;stroke:var(--node-color);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.node-reading{display:flex;align-items:baseline;justify-content:center;gap:.3vw;margin-top:.45vh}.node-reading strong{font:700 clamp(13px,1vw,20px)/1 Arial;color:white}.node-reading span{font-size:clamp(8px,.55vw,11px);color:var(--node-color)}.node-reading small{position:absolute;margin-top:4.4vh;font-size:clamp(7px,.47vw,9px);color:var(--muted);white-space:nowrap}.network-node>b{max-width:11vw;margin-top:1.7vh;font-size:clamp(9px,.65vw,13px);line-height:1.15;color:#c8deea;font-weight:500}.network-node:nth-child(even) .radar-dial:before,.network-node:nth-child(even) .radar-sweep{animation-direction:reverse}.coordinates{position:absolute;right:.7vw;bottom:.7vh;display:grid;grid-template-columns:auto 2.5vw auto;align-items:center;gap:.35vw;font:700 .52vw Arial;color:rgba(137,169,195,.6);direction:ltr}.coordinates i{height:1px;background:rgba(86,214,245,.28)}.coordinates b{grid-column:1/4;text-align:left;color:rgba(247,148,64,.7);letter-spacing:.12em}.network-footer{height:5.5vh;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7vw;padding:0 .8vw;border-top:1px solid var(--line);font-size:clamp(10px,.68vw,13px)}.network-footer span{color:#a9c4d5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-footer b{font:400 clamp(9px,.6vw,12px) Arial;color:var(--muted)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#4ee099;box-shadow:0 0 12px #4ee099;animation:pulse 2s ease-in-out infinite}@keyframes radarSweep{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}
.core{width:12.6vw;height:12.6vw;min-width:142px;min-height:142px;max-width:242px;max-height:242px}.saba-core-logo{width:4.9vw;min-width:58px;max-width:92px;height:3.6vw;min-height:43px;max-height:68px}.network-node{width:7.3vw;min-width:84px;max-width:140px;display:block;justify-items:normal}.node-disc{width:3.15vw;height:3.15vw;min-width:38px;min-height:38px;max-width:60px;max-height:60px;margin:auto;border:1px solid rgba(86,214,245,.45);border-radius:50%;display:grid;place-items:center;background:rgba(3,23,44,.94);box-shadow:0 0 18px rgba(86,214,245,.12)}.node-disc svg{width:52%;fill:none;stroke:var(--node-color,var(--cyan));stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.network-node>strong{display:block;font:700 clamp(12px,.9vw,18px)/1 Arial;color:white;margin-top:.5vh}.network-node>span:last-child{display:block;font-size:clamp(8px,.58vw,12px);line-height:1.15;color:#aac8da;margin-top:.4vh}.detail-column{display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(160deg,rgba(7,38,66,.84),rgba(3,20,36,.7));clip-path:polygon(0 0,97% 0,100% 4%,100% 100%,3% 100%,0 96%)}.panel-heading{height:6.8vh;min-height:46px;padding:1.2vh 1.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-heading span{font:700 clamp(8px,.57vw,11px) Arial;letter-spacing:.15em;color:var(--cyan)}.panel-heading>strong{font:800 clamp(23px,2.15vw,43px)/1 Arial;color:var(--orange)}.category-list{flex:1;padding:1.2vh .95vw;display:grid;grid-template-rows:repeat(7,1fr);gap:.7vh}.category-row{position:relative;display:grid;grid-template-columns:3vw minmax(0,1fr) 5.6vw 6.4vw;align-items:center;gap:.7vw;padding:.55vh .75vw;background:linear-gradient(90deg,rgba(13,57,91,.72),rgba(4,27,48,.5));border:1px solid rgba(86,214,245,.12);overflow:hidden}.category-row:before{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--row-color,var(--cyan));box-shadow:0 0 12px var(--row-color,var(--cyan))}.category-radar{position:relative;width:2.15vw;height:2.15vw;min-width:28px;min-height:28px;max-width:42px;max-height:42px;border-radius:50%;display:block;background:conic-gradient(var(--row-color) 0 var(--ring-angle),rgba(90,143,171,.18) var(--ring-angle) 360deg);box-shadow:0 0 10px rgba(var(--row-rgb),.16);animation:indicatorOrbit 5.2s linear infinite}.category-radar:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#071e33;border:1px solid rgba(130,190,216,.13)}.category-radar i{position:absolute;z-index:2;width:4px;height:4px;border-radius:50%;background:var(--row-color);left:50%;top:0;transform:translate(-50%,-20%);box-shadow:0 0 7px var(--row-color)}.category-row:nth-child(even) .category-radar{animation-direction:reverse}.category-copy{min-width:0}.category-copy strong{display:block;font-size:clamp(11px,.77vw,15px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{display:block;height:3px;background:rgba(255,255,255,.07);margin-top:.7vh}.bar-track i{display:block;height:100%;width:0;background:var(--row-color,var(--cyan));box-shadow:0 0 7px var(--row-color,var(--cyan));transition:width .8s ease}.category-count,.category-hours{text-align:left;direction:rtl}.category-count strong,.category-hours strong{font:700 clamp(13px,1vw,20px)/1 Arial}.category-count span,.category-hours span{display:block;font-size:clamp(8px,.55vw,11px);color:var(--muted);margin-top:.35vh}.production-footnote{height:6.6vh;min-height:44px;padding:0 1.2vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.production-footnote span{font-size:clamp(13px,.92vw,18px);color:#d9edf7}.production-footnote b{font-size:clamp(9px,.61vw,12px);color:var(--orange)}@keyframes indicatorOrbit{to{transform:rotate(360deg)}}
.screen-footer{height:5.4vh;min-height:35px;position:relative;z-index:3;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 2vw;background:rgba(2,14,28,.93);font-size:clamp(9px,.62vw,12px)}.screen-footer>div:first-child{display:flex;align-items:center;gap:.55vw;direction:ltr}.screen-footer>div:first-child i{width:1.4vw;height:3px;background:var(--orange)}.screen-footer strong{letter-spacing:.12em;color:#c6e4f0}.screen-footer span{color:var(--muted)}.screen-footer a{justify-self:start;color:var(--muted);text-decoration:none}.data-flow{display:flex;direction:ltr;justify-content:center;gap:.35vw}.data-flow span{width:2vw;height:2px;background:linear-gradient(90deg,transparent,var(--cyan));animation:flowPulse 1.8s ease-in-out infinite}.data-flow span:nth-child(2){animation-delay:.2s}.data-flow span:nth-child(3){animation-delay:.4s}.data-flow span:nth-child(4){animation-delay:.6s}.data-flow span:nth-child(5){animation-delay:.8s}@keyframes flowPulse{50%{opacity:.2}}
@media(max-aspect-ratio:16/10){.dashboard-grid{grid-template-columns:24vw 1fr 38vw}.hero-metric{grid-template-columns:4.8vw 1fr}.category-row{grid-template-columns:3.2vw minmax(0,1fr) 5.8vw 6.5vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}