@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#07110d;--panel:#0d1b16;--panel2:#10211b;--line:#253d33;--text:#8aefbe;--muted:#76a78f;--accent:#58e8a3;--accent2:#3be292}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:'IBM Plex Sans Arabic','Outfit',Tahoma,sans-serif;color:var(--text);font-size:14px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #72ecb1;outline-offset:3px}.shell{min-height:100vh;display:flex}.side{width:258px;flex:0 0 258px;padding:34px 18px 22px;border-inline-end:1px solid #182923;display:flex;flex-direction:column;background:#091510;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 55px;direction:ltr}.brand-icon{background:linear-gradient(145deg,#59e8a3,#3aa572);border-radius:14px;width:48px;height:48px;display:grid;place-items:center;font-size:27px;font-weight:800;position:relative;box-shadow:0 10px 27px #39c07f40}.brand-star{position:absolute;font-size:9px;right:6px;top:5px}.brand b{display:block;font:800 24px Outfit;letter-spacing:1px}.brand small{font:500 11px Outfit;letter-spacing:1.4px;color:#78aa92}.navtitle{color:#56866e;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:0 16px;margin-bottom:15px}.navitem{display:flex;width:100%;align-items:center;gap:13px;padding:12px 16px;border:0;background:transparent;color:#7eac96;border-radius:11px;margin-bottom:6px;text-align:start}.navitem i{font-size:19px;font-style:normal;min-width:23px;text-align:center}.navitem.active,.navitem:hover{background:#1b2e27;color:#8aefbe}.navitem.active{box-shadow:inset 3px 0 #65eaa9}.navitem .count{margin-inline-start:auto;color:#61987d;font-size:11px}.sidebottom{display:flex;gap:12px;margin-top:auto;padding:15px 12px;background:#101e19;border:1px solid #1c2e27;border-radius:14px;align-items:flex-start}.green-dot{width:9px;height:9px;border-radius:100%;background:#4ce2a8;margin-top:7px;box-shadow:0 0 12px #4ce2a855}.sidebottom b{font-size:12px;display:block}.sidebottom small{font-size:10px;display:block;color:#6da188;margin-top:5px}.main{width:calc(100% - 258px);min-width:0}.topbar{height:78px;border-bottom:1px solid #182822;display:flex;justify-content:space-between;align-items:center;padding:0 42px}.crumb{display:flex;align-items:center;gap:12px;color:#649c81}.crumb b{color:#a2d7be;font-weight:600}.crumb em{font-style:normal;color:#3b5c4f}.actions{display:flex;align-items:center;gap:17px}.today{color:#7baa93;font-size:12px}.lang,.user,.iconbtn{border:1px solid #2c453b;background:#12211b;color:#8aefbe;border-radius:10px;padding:8px 12px}.user{font-size:18px;width:38px;text-align:center;padding:5px}.page{max-width:1510px;margin:auto;padding:34px 42px 22px}.announcement{display:flex;gap:11px;align-items:center;background:#10201a;border:1px solid #285141;color:#8aefbe;padding:11px 18px;border-radius:10px;margin-bottom:25px;font-size:12px}.liveicon{font-size:17px;color:#7bedb6}.annoarrow{margin-inline-start:auto;font-size:18px}.hero{min-height:298px;position:relative;overflow:hidden;border:1px solid #315e4d;background:radial-gradient(circle at 78% 40%,#275543 0,transparent 35%),linear-gradient(115deg,#122920,#0d1e18 70%);border-radius:22px;display:flex;align-items:center;padding:36px 46px}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-shine{position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(90px);background:#3dad7744;inset-inline-end:-100px;top:-160px}.herotext{z-index:2;position:relative;max-width:610px}.overline{font:700 11px Outfit;letter-spacing:2px;color:#86eebc;direction:ltr;text-align:start;display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;background:#56d8bb;border-radius:50%;box-shadow:0 0 10px #56d8bb}.hero h1{font-size:clamp(27px,3.2vw,45px);font-weight:700;line-height:1.4;letter-spacing:-.9px;margin:16px 0 4px}.hero p{color:#8fbaa5;font-size:15px;line-height:1.9;max-width:520px;margin:0 0 26px}.hero-actions{display:flex;gap:12px}.primary,.outline{padding:11px 23px;border-radius:10px;font-weight:700}.primary{background:linear-gradient(110deg,#4fe79e,#40c584);color:#fff;border:0;box-shadow:0 10px 25px #40c58444}.primary span{margin-inline-start:11px}.outline{border:1px solid #4d7863;background:#ffffff08;color:#8aefbe}.heroart{position:absolute;inset-inline-end:6%;width:275px;height:275px;top:10px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #59ca9370;border-radius:50%;box-shadow:0 0 40px #3cdc8e19,inset 0 0 38px #3cdc8e17}.orbit-1{width:235px;height:235px}.orbit-2{width:174px;height:174px;border-style:dashed}.center-emblem{font:800 90px Outfit;text-shadow:0 0 50px #75ecb3;color:#8aefbe;background:#66eaaa14;border:1px solid #66eaaa66;width:124px;height:124px;border-radius:36px;display:grid;place-items:center;transform:rotate(-9deg)}.orb{position:absolute;border-radius:15px;background:#223f34;border:1px solid #51a57c;color:#8aefbe;width:45px;height:45px;display:grid;place-items:center;font-size:26px;box-shadow:0 12px 26px #0006}.orb-a{top:24px;right:5px}.orb-b{bottom:32px;left:2px}.orb-c{top:30px;left:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:23px 0 42px}.metric{background:#0d1b16;border:1px solid #243c33;border-radius:15px;display:flex;align-items:center;gap:16px;padding:20px}.metric-icon{display:grid;place-items:center;font-size:25px;border-radius:12px;min-width:48px;height:48px}.purple{background:#234035;color:#80eeb9}.blue{background:#133528;color:#4fe79d}.orange{background:#4b3028;color:#ffbc83}.green{background:#1e3d35;color:#72e3ba}.metric span:not(.metric-icon){display:block;color:#79a992;font-size:12px}.metric strong{font:700 27px Outfit;display:block;margin-top:5px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font:700 11px Outfit;color:#66dba2;letter-spacing:2px}.sectionhead h2{font-size:25px;margin:8px 0}.sectionhead p{color:#78a991;font-size:13px;margin:0}.searchbox{width:290px;border:1px solid #2c443b;background:#0e1d17;padding:10px 14px;display:flex;gap:11px;align-items:center;border-radius:11px}.searchbox span{font-size:22px;color:#6ea289}.searchbox input{background:transparent;border:0;outline:0;color:#fff;flex:1;min-width:0;font-size:13px}.searchbox input::placeholder{color:#61977d}.filtertabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid #2a4239;background:#0e1c17;color:#84b19b;padding:8px 17px;border-radius:9px}.filter.active,.filter:hover{background:#28483c;color:#8aefbe;border-color:#4f9070}.appgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.appcard{position:relative;background:#0e1d17;border:1px solid #263e35;border-radius:16px;padding:23px;transition:.2s ease;display:flex;flex-direction:column;min-height:218px}.appcard:hover{border-color:#5b9378;transform:translateY(-3px);box-shadow:0 15px 36px #04130d88}.cardtop{display:flex;align-items:center;justify-content:space-between}.appicon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,var(--appcolor,#4b9b75)40%,#0f1e18);font-size:27px;border:1px solid #ffffff25}.starbtn{border:0;background:transparent;color:#5b8f76;font-size:25px;padding:0 5px}.starbtn.saved{color:#f6bb72}.appcard h3{font-size:17px;margin:16px 0 6px}.appcard p{font-size:12px;line-height:1.8;color:#76a790;margin:0 0 16px;flex:1}.cardbottom{display:flex;justify-content:space-between;align-items:center;gap:7px;border-top:1px solid #243b32;padding-top:15px}.tag{font-size:11px;color:#88b39e}.launch{color:#8aefbe;font-size:12px;font-weight:700}.launch:hover{color:white}.empty{padding:55px;text-align:center;border:1px dashed #2f4b40;border-radius:14px;color:#7dac96}.empty>span{font-size:34px}.empty h3{color:white}footer{display:flex;justify-content:space-between;border-top:1px solid #223b31;color:#5b8e75;font:12px Outfit,'IBM Plex Sans Arabic';margin-top:52px;padding:23px 0}.mobile{display:none}[dir=ltr] .navitem.active{box-shadow:inset -3px 0 #65eaa9}[dir=ltr] .overline{direction:ltr}@media(max-width:1200px){.appgrid{grid-template-columns:repeat(2,1fr)}.heroart{opacity:.45}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.side{position:fixed;z-index:10;transform:translateX(110%);transition:.2s}html[dir=ltr] .side{transform:translateX(-110%)}.side.show,html[dir=ltr] .side.show{transform:translateX(0)}.main{width:100%}.mobile{display:block}.page{padding:22px 18px}.topbar{padding:0 18px;height:66px}.today{display:none}.hero{padding:34px 25px}.heroart{opacity:.15;inset-inline-end:-65px}.sectionhead{align-items:start;flex-direction:column}.searchbox{width:100%}}@media(max-width:540px){.appgrid{grid-template-columns:1fr}.metrics{gap:9px}.metric{padding:13px;gap:9px}.metric-icon{min-width:37px;height:37px;font-size:19px}.metric strong{font-size:23px}.hero-actions{flex-wrap:wrap}.hero h1{font-size:27px}.hero{min-height:310px}footer{flex-direction:column;gap:8px}.crumb{font-size:12px}}

/* EMTSYS Motion Edition — isolated frontend enhancement */
:root{--motion:ease;--halo:#5be9a4}
body{background:radial-gradient(ellipse 48% 40% at 78% 8%,#13261f 0,transparent 70%),radial-gradient(ellipse 42% 30% at 12% 67%,#0b231a 0,transparent 75%),#07110d;background-attachment:fixed}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.13;background-image:radial-gradient(#fff 0.5px,transparent .6px);background-size:31px 31px;mask-image:linear-gradient(140deg,#000,transparent 75%)}
.side{background:linear-gradient(175deg,#081611,#0a1511 70%);box-shadow:14px 0 50px #0000001a;z-index:12}
.brand-icon{display:grid;place-items:center;overflow:visible;background:transparent;box-shadow:none;border-radius:0;animation:logoEnter 1s .12s both}
.brand-icon img{width:51px;height:51px;object-fit:contain;filter:invert(1) drop-shadow(0 0 12px #5be9a45e);transition:filter .4s,transform .5s}
.brand:hover .brand-icon img{filter:invert(1) drop-shadow(0 0 17px #7eedb8);transform:scale(1.1) rotate(-5deg)}
.hero{isolation:isolate;min-height:335px;border-color:#4b7d6577;background:radial-gradient(circle at 78% 45%,#204b3a88 0,transparent 41%),linear-gradient(125deg,#11201a,#0a1a14 78%);box-shadow:0 20px 65px #06110d65;transition:border-color .4s}
.hero:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(360px circle at var(--mx,70%) var(--my,50%),#65eaa915,transparent 75%);z-index:1}
.hero:hover{border-color:#6aebac75}
.hero-aurora{position:absolute;pointer-events:none;inset:-55%;background:conic-gradient(from 45deg at 60% 50%,transparent,#3bd1892a,transparent,#1f865f25,transparent);filter:blur(40px);animation:aurora 24s linear infinite;z-index:-1}
.hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-particles span{position:absolute;width:3px;height:3px;border-radius:50%;background:#7eedb899;box-shadow:0 0 13px 2px #5fe9a677;animation:drift var(--dur,9s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);left:var(--x,40%);top:var(--y,40%)}
.herotext{z-index:3;animation:enterUp .9s .1s both}
.heroart{height:300px;top:14px;width:300px;z-index:2;animation:enterScale 1.1s .1s both}
.orbit-1{width:265px;height:265px;animation:rotateRing 38s linear infinite;border-color:#50b38478}
.orbit-2{width:208px;height:208px;animation:rotateRing 28s linear infinite reverse}
.orbit-1:before,.orbit-2:before{content:"";position:absolute;top:50%;left:-3px;width:7px;height:7px;border-radius:100%;background:#68eaac;box-shadow:0 0 18px 5px #5ce9a477}
.center-emblem{transform:none;background:radial-gradient(circle,#78edb421,#264c3d20);border:1px solid #7aedb552;border-radius:35px;width:146px;height:146px;box-shadow:0 0 45px #42dd9241,inset 0 0 28px #61e9a719;animation:emblemFloat 5s ease-in-out infinite}
.center-emblem img{width:116px;height:116px;object-fit:contain;filter:invert(1) drop-shadow(0 0 13px #68eaab88)}
.orb{animation:emblemFloat 5s ease-in-out infinite;backdrop-filter:blur(8px);background:#27483b8c}
.orb-b{animation-delay:-1.5s}.orb-c{animation-delay:-3s}
.announcement{animation:enterUp .7s both;position:relative;overflow:hidden}
.announcement:after{content:"";position:absolute;top:-40%;bottom:-40%;width:110px;background:linear-gradient(90deg,transparent,#ffffff0b,transparent);transform:skew(-24deg);animation:glint 9s 2s linear infinite;pointer-events:none}
.metric,.appcard{will-change:transform;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s,border-color .32s,background .32s}
.metric{background:linear-gradient(155deg,#12221c,#0b1914);position:relative;overflow:hidden}
.metric:hover{transform:translateY(-5px);box-shadow:0 20px 35px #0005;border-color:#51a67d77}
.metric strong{font-variant-numeric:tabular-nums}
.appcard{background:radial-gradient(300px circle at var(--card-x,50%) var(--card-y,0%),color-mix(in srgb,var(--appcolor,#58e8a2) 15%,transparent),transparent 75%),linear-gradient(145deg,#13261f,#0d1c16);overflow:hidden;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transform-style:preserve-3d}
.appcard::after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(125deg,#ffffff28,transparent 36%,transparent 70%,#ffffff0c) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .35s}
.appcard:hover{--lift:-7px;border-color:#66b89191;box-shadow:0 25px 55px #04130da6}
.appcard:hover:after{opacity:1}
.appicon{transition:transform .4s,box-shadow .4s;box-shadow:0 7px 22px #0003}
.appcard:hover .appicon{transform:scale(1.09) rotate(-5deg);box-shadow:0 9px 30px var(--appcolor,#51b183)45}
.starbtn{transition:transform .2s,color .2s}.starbtn:hover{transform:scale(1.25) rotate(13deg);color:#ffd28e}
.navitem,.filter,.primary,.outline,.lang,.user,.quick-search{transition:transform .2s,background .25s,border-color .25s,box-shadow .25s}
.navitem:hover{transform:translateX(-3px)}[dir=ltr] .navitem:hover{transform:translateX(3px)}
.primary:hover{transform:translateY(-3px);box-shadow:0 14px 33px #45dc9378}.outline:hover,.lang:hover,.user:hover{background:#2c443b;border-color:#63cb99}
.quick-search{display:flex;align-items:center;gap:10px;background:#12211b;border:1px solid #2c453b;color:#9ac6b1;padding:8px 11px;border-radius:10px;white-space:nowrap;font-size:12px}.quick-search:hover{border-color:#5ba984;background:#1b2d26}
kbd{font:10px Outfit,monospace;padding:4px 6px;background:#ffffff0c;color:#70a48b;border:1px solid #ffffff18;border-radius:5px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
.command-backdrop{position:fixed;inset:0;z-index:100;background:#05120dbc;backdrop-filter:blur(10px);padding:12vh 18px 20px;display:flex;align-items:flex-start;justify-content:center;animation:fadeIn .18s ease}
.command-backdrop[hidden]{display:none!important}
.command-box{width:min(620px,100%);background:#0d1e18;border:1px solid #446f5e;border-radius:18px;box-shadow:0 28px 110px #000b;overflow:hidden;animation:commandIn .28s cubic-bezier(.2,.8,.2,1)}
.command-input-row{display:flex;gap:14px;align-items:center;padding:20px;border-bottom:1px solid #264237;font-size:24px;color:#75ecb3}.command-input-row input{flex:1;width:0;border:0;outline:0;background:transparent;color:#fff;font-size:17px}
.command-results{padding:10px;max-height:380px;overflow:auto}.command-item{width:100%;display:flex;align-items:center;gap:14px;border:0;background:transparent;color:#eee;padding:12px;border-radius:11px;text-align:start}.command-item:hover,.command-item.selected{background:#28453a}.command-item .command-symbol{font-size:22px;width:42px;height:42px;display:grid;place-items:center;background:#213d32;border-radius:11px}.command-item b{display:block;font-size:13px}.command-item small{display:block;font-size:11px;color:#6ca187;margin-top:3px}.command-arrow{margin-inline-start:auto;color:#67e2a7}.command-no-results{padding:24px;color:#75a78f;text-align:center}
.command-footer{border-top:1px solid #264237;padding:12px 20px;color:#6ea289;font:11px Outfit;display:flex;justify-content:space-between}
@keyframes rotateRing{to{transform:rotate(360deg)}}@keyframes emblemFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes drift{to{transform:translate(25px,-42px);opacity:.35}}@keyframes aurora{to{transform:rotate(360deg)}}@keyframes enterUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes enterScale{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes logoEnter{from{opacity:0;transform:scale(.7) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes commandIn{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glint{0%,75%{inset-inline-start:-30%}100%{inset-inline-start:140%}}
@media(max-width:1100px){.quick-search kbd{display:none}}@media(max-width:680px){.quick-search span,.quick-search kbd{display:none}.heroart{opacity:.23}.hero{min-height:320px}.hero h1{max-width:350px}.brand-icon img{width:45px;height:45px}.quick-search{font-size:20px;padding:3px 12px}.appcard:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.appcard{transform:none!important}}

/* EMTSYS Forest Edition — final green identity tokens */
:root{--bg:#06110d;--panel:#0c1c15;--panel2:#12271d;--line:#244638;--text:#edf7f1;--muted:#96afa1;--accent:#24b878;--accent2:#70d9a6;--halo:#2cc487}
body{background:radial-gradient(ellipse 49% 41% at 77% 9%,#123828 0,transparent 71%),radial-gradient(ellipse 42% 31% at 12% 70%,#0b2b1e 0,transparent 78%),#06110d;background-attachment:fixed}
.side{background:linear-gradient(175deg,#081710,#07130f 75%);border-color:#234735}
.hero{border-color:#32725288;background:radial-gradient(circle at 79% 45%,#14563988,transparent 43%),linear-gradient(125deg,#102a1f,#071a12 80%)}
.hero-shine{background:#21895648}.hero:hover{border-color:#47d49a80}
.hero-aurora{background:conic-gradient(from 45deg at 60% 50%,transparent,#1eaa6d33,transparent,#067d4c30,transparent)}
.orbit,.orbit-1,.orbit-2{border-color:#49bf8a77}.center-emblem{background:radial-gradient(circle,#35ae7533,#12482c24);border-color:#66d9a66a;box-shadow:0 0 40px #32a96d40,inset 0 0 28px #38b77a21}
.center-emblem img,.brand-icon img{filter:invert(1) drop-shadow(0 0 12px #37bd8566)}
.brand:hover .brand-icon img{filter:invert(1) drop-shadow(0 0 17px #54d69d)}
.primary{background:linear-gradient(110deg,#138b58,#28b981);box-shadow:0 10px 25px #16855344}
.primary:hover{box-shadow:0 14px 33px #199d6480}
.navitem.active,.navitem:hover,.filter.active,.filter:hover{background:#163b29;color:#d8ffeb}
.navitem.active,[dir=ltr] .navitem.active{box-shadow:inset 3px 0 #35c486}
.appcard{background:radial-gradient(300px circle at var(--card-x,50%) var(--card-y,0%),color-mix(in srgb,var(--appcolor,#168a57) 13%,transparent),transparent 75%),linear-gradient(145deg,#10251b,#0a1912);border-color:#264536}
.appcard:hover{border-color:#51ba8b99}.metric{background:linear-gradient(155deg,#14281d,#0a1a12);border-color:#244734}
.quick-search,.lang,.user,.iconbtn,.searchbox,.filter{background:#10251b;border-color:#2b503d}
.command-box{background:#0d2218;border-color:#448b65}.command-item:hover,.command-item.selected{background:#1b4731}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#74dbab}
/* Foundation upgrade */
:root{--green:#27b47d;--emerald:#40ce92}body{background:#07120d}.custom-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;margin:0 0 18px;background:#10291c;border:1px solid #286b48;border-radius:16px;color:#bfe8d0;font-size:12px}.custom-toolbar select{background:#06190e;color:#ebfff0;border:1px solid #316345;border-radius:7px;padding:7px}.custom-toolbar button{border:0;border-radius:8px;background:#188f5c;color:white;padding:9px 15px;cursor:pointer}.custom-toolbar input{accent-color:#27b47d}.custom-toolbar .tiny{opacity:.7}.app-meta{display:flex;gap:6px;flex-wrap:wrap;text-transform:capitalize;font-size:10px;color:#9cdbb6;margin-top:12px}.app-meta span{padding:3px 7px;border:1px solid #276142;border-radius:16px}.app-preview{width:100%;height:125px;object-fit:cover;border-radius:12px;margin-bottom:12px;display:block}.appcard[draggable=true]{cursor:grab}.appcard.dragging{opacity:.35}.featured{margin:20px 0}.featured h2{font-size:17px}.featured-row{display:flex;gap:9px;flex-wrap:wrap}.featured-link{display:inline-block;padding:12px 17px;border:1px solid #276f49;border-radius:12px;background:#0e281b;color:#b3f7cc;text-decoration:none}.featured-link:hover{background:#1d5836}.appgrid.list-mode .appcard{min-height:unset}.appgrid.list-mode .appcard .cardtop{display:inline-flex}.appgrid.list-mode .app-preview{width:150px;height:70px;float:right}.appgrid.list-mode .appcard p{max-width:65ch}@media(max-width:720px){.appgrid{grid-template-columns:repeat(1,minmax(0,1fr))!important}.custom-toolbar{gap:8px}}
body[data-motion="off"] *,body[data-motion="off"] *::before,body[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body[data-motion="subtle"] .hero-particles,body[data-motion="subtle"] .orbit{animation:none!important}body[data-hero="minimal"] .heroart,body[data-hero="minimal"] .hero-particles{display:none!important}

/* EMTSYS Interaction Update */
:root{--spotlight-x:50%;--spotlight-y:30%}html{scroll-behavior:smooth;scroll-padding-top:88px}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(570px circle at var(--spotlight-x) var(--spotlight-y),rgba(26,117,76,.085),transparent 75%);transition:opacity .35s}body>*{position:relative}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#14784a,#56e0a0);box-shadow:0 0 18px #4ae09a80;z-index:9999;pointer-events:none;transition:width .09s linear}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:80;width:44px;height:44px;border-radius:50%;border:1px solid #377653;background:#103321;color:#a7f4c7;box-shadow:0 8px 34px #0008;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s,border-color .2s;cursor:pointer}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{border-color:#6bf0ae;box-shadow:0 0 25px #2db77a66}.appcard{transition:transform .22s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.appcard:focus-within{outline:2px solid #48cd8e;outline-offset:3px}.primary,.outline,.iconbtn,.quick-search,.filtertabs button{transition:transform .18s ease,filter .18s ease,background .18s ease,box-shadow .18s ease}.primary:active,.outline:active,.iconbtn:active,.quick-search:active,.filtertabs button:active{transform:scale(.97)}.brand-icon img{filter:drop-shadow(0 0 10px #54dd9140)}.command-box{animation:commandAppear .25s cubic-bezier(.17,.8,.23,1)}@keyframes commandAppear{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-progress,.back-to-top{transition:none!important}.command-box{animation:none!important}body:before{display:none}}body[data-motion="off"]:before{display:none}body[data-motion="off"] .scroll-progress,body[data-motion="off"] .back-to-top{transition:none}

/* EMTSYS balanced appearance system — light is the default */
.theme-switch{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #cfe1d6;background:#fff;color:#215c3b;border-radius:12px;padding:9px 13px;min-height:40px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s,border-color .2s}
.theme-switch:hover{transform:translateY(-1px);border-color:#6ab98b}.theme-switch:focus-visible{outline:2px solid #198451;outline-offset:3px}#themeGlyph{font-size:20px;line-height:1}.theme-switch-label{font-size:12px}
html[data-theme="light"]{color-scheme:light;--bg:#f6faf7;--panel:#fff;--panel2:#eef6f0;--line:#dfebe3;--text:#17291e;--muted:#5d7467;--accent:#147c4d;--accent2:#248b5e;--halo:#2eb97b}
html[data-theme="light"] body{background:#f6faf7!important;color:#17291e!important}
html[data-theme="light"] body:before{opacity:.16}
html[data-theme="light"] .side{background:#fff!important;border-color:#e2ece5!important}
html[data-theme="light"] .brand-icon{background:linear-gradient(150deg,#e0f3e7,#b9e7cb)!important;box-shadow:0 8px 22px #1d77431a!important}
html[data-theme="light"] .brand b,html[data-theme="light"] .metric strong,html[data-theme="light"] .sectionhead h2,html[data-theme="light"] .appcard h3{color:#163324!important}
html[data-theme="light"] .brand small,html[data-theme="light"] .navtitle,html[data-theme="light"] .navitem .count,html[data-theme="light"] .today,html[data-theme="light"] .crumb,html[data-theme="light"] .metric span:not(.metric-icon){color:#5d7467!important}
html[data-theme="light"] .navitem{color:#456454!important}
html[data-theme="light"] .navitem:hover,html[data-theme="light"] .navitem.active{background:#eaf6ed!important;color:#116d42!important}
html[data-theme="light"] .sidebottom,html[data-theme="light"] .announcement{background:#edf8f0!important;border-color:#d2e9d9!important;color:#265c3b!important}
html[data-theme="light"] .sidebottom small,html[data-theme="light"] .sectionhead p,html[data-theme="light"] .appcard p,html[data-theme="light"] footer,html[data-theme="light"] .tag{color:#607568!important}
html[data-theme="light"] .topbar,html[data-theme="light"] footer{border-color:#e1ebe4!important}
html[data-theme="light"] .crumb b{color:#224d34!important}
html[data-theme="light"] .lang,html[data-theme="light"] .user,html[data-theme="light"] .iconbtn,html[data-theme="light"] .quick-search{background:#fff!important;border:1px solid #d4e5d9!important;color:#24583a!important}
html[data-theme="light"] .hero{background:radial-gradient(circle at 82% 38%,#c8ecda 0,transparent 45%),linear-gradient(120deg,#e6f6eb,#effaf3 78%)!important;border:1px solid #c8e2d0!important;box-shadow:0 15px 40px #185b3210!important}
html[data-theme="light"] .hero h1{color:#103824!important;text-shadow:none!important}
html[data-theme="light"] .hero p{color:#456854!important}
html[data-theme="light"] .overline,html[data-theme="light"] .hero .pulse{color:#207a4b!important}
html[data-theme="light"] .hero .hero-shine,html[data-theme="light"] .hero .hero-aurora,html[data-theme="light"] .hero .hero-particles{opacity:.13!important}
html[data-theme="light"] .orbit{border-color:#5da97b66!important;box-shadow:none!important}
html[data-theme="light"] .center-emblem{background:#f7fff9!important;border-color:#8fc8a7!important;box-shadow:0 10px 40px #2c85551c!important}
html[data-theme="light"] .orb{background:#e9f7ef!important;color:#226c46!important;border-color:#bbdcc7!important;box-shadow:0 8px 20px #2c855519!important}
html[data-theme="light"] .primary{background:#167e51!important;color:#fff!important;box-shadow:0 8px 23px #16865226!important}
html[data-theme="light"] .outline{background:#fff!important;border-color:#a6c9b3!important;color:#176b43!important}
html[data-theme="light"] .metric,html[data-theme="light"] .appcard,html[data-theme="light"] .searchbox,html[data-theme="light"] .filter,html[data-theme="light"] .custom-toolbar,html[data-theme="light"] .featured-link{background:#fff!important;border-color:#deebe2!important;color:#245239!important;box-shadow:0 8px 26px #123c2010!important}
html[data-theme="light"] .metric-icon{background:#e6f5eb!important;color:#168451!important}
html[data-theme="light"] .appcard:hover{border-color:#80bc97!important;box-shadow:0 13px 36px #18573722!important}
html[data-theme="light"] .appcard .cardbottom{border-color:#e5efe8!important}
html[data-theme="light"] .app-meta span{border-color:#d2e5d8!important;color:#417456!important}
html[data-theme="light"] .filter.active,html[data-theme="light"] .filter:hover{background:#e3f4e9!important;color:#156c40!important;border-color:#92cba6!important}
html[data-theme="light"] .searchbox input,html[data-theme="light"] .searchbox input::placeholder{color:#3f6550!important}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .launch{color:#168451!important}
html[data-theme="light"] .custom-toolbar select{background:#fff!important;color:#205338!important;border-color:#cbded2!important}
html[data-theme="light"] .custom-toolbar label{color:#205338!important}
html[data-theme="light"] .command-backdrop{background:#0b251e80!important}
html[data-theme="light"] .command-box,html[data-theme="light"] .command-input-row,html[data-theme="light"] .command-results,html[data-theme="light"] .command-item,html[data-theme="light"] .command-footer{background:#fff!important;color:#1b3827!important;border-color:#d6e8dd!important}
html[data-theme="light"] .command-item:hover,html[data-theme="light"] .command-item.selected{background:#edf8f0!important}
html[data-theme="light"] .back-to-top{background:#fff;color:#176e44;border-color:#b7dbc4;box-shadow:0 6px 21px #123b2522}
html[data-theme="dark"]{color-scheme:dark;--bg:#101b16;--panel:#182820;--panel2:#1d3026;--line:#314b3d;--text:#e8f3eb;--muted:#a2b7a8;--accent:#4aca91}
html[data-theme="dark"] .theme-switch{background:#1b3426;color:#d7f9e4;border-color:#446f54}
html[data-theme="dark"] body{background:#101b16!important;color:#e8f3eb!important}
html[data-theme="dark"] .side{background:#13251b!important}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 85% 40%,#205e3d80,transparent 47%),linear-gradient(115deg,#1a3827,#12251a)!important}
html[data-theme="dark"] .metric,html[data-theme="dark"] .appcard,html[data-theme="dark"] .searchbox{background:#192c21!important}
html[data-theme="dark"] .topbar{border-color:#314b3d}
@media(max-width:750px){.theme-switch-label{display:none}.theme-switch{width:40px;height:40px;padding:0}.actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.theme-switch{transition:none}.theme-switch:hover{transform:none}}

/* EMTSYS: compact public-first visual navigation */
.mini-banner{height:142px;max-height:142px;overflow:hidden;border:1px solid var(--line, #d6e8dd);border-radius:20px;background:radial-gradient(ellipse at 50% 50%,rgba(47,165,106,.15),transparent 65%),linear-gradient(115deg,var(--panel,#f1f9f3),var(--bg,#f5faf7));display:flex;align-items:center;justify-content:center;margin:12px 0 20px;position:relative}
.mini-banner:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(32,145,86,.17) 1px,transparent 1px);background-size:24px 24px;opacity:.27;mask-image:linear-gradient(to right,transparent,#000 25%,#000 75%,transparent)}
.banner-path{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;width:100%;max-width:660px}
.banner-node,.banner-hub{display:grid;place-items:center;flex-shrink:0;background:rgba(255,255,255,.75);border:1px solid rgba(43,139,84,.24);box-shadow:0 6px 24px #165a2814;border-radius:17px;width:62px;height:62px;color:#327d54;font-size:27px;transition:transform .3s,box-shadow .3s}
.banner-node:hover,.banner-hub:hover{transform:translateY(-5px);box-shadow:0 13px 28px #165a2838}
.banner-hub{height:78px;width:78px;border-radius:22px;background:linear-gradient(145deg,#e4fae9,#fff);animation:hubPulse 4s ease-in-out infinite}
.banner-hub img{height:54px;width:54px;object-fit:contain;filter:brightness(0) saturate(100%) invert(35%) sepia(31%) saturate(1026%) hue-rotate(94deg) brightness(91%)}
.banner-stream{flex:1;min-width:18px;height:2px;background:linear-gradient(90deg,transparent,#64b889,transparent);position:relative;overflow:visible}
.banner-stream i{position:absolute;width:6px;height:6px;border-radius:100%;background:#36b978;top:-2px;left:0;animation:flowDot 2.8s linear infinite;box-shadow:0 0 9px #29b875}
.banner-stream i:nth-child(2){animation-delay:-.95s}.banner-stream i:nth-child(3){animation-delay:-1.9s}
@keyframes flowDot{from{left:0;opacity:0}15%,85%{opacity:1}to{left:100%;opacity:0}}
@keyframes hubPulse{50%{box-shadow:0 0 28px #46ad7752}}
html[data-theme=dark] .mini-banner{background:radial-gradient(ellipse at center,#1d4430,#12221a);border-color:#355540}
html[data-theme=dark] .banner-node,html[data-theme=dark] .banner-hub{background:#203b2b;color:#93e4ae;border-color:#486b52}
html[data-theme=dark] .banner-hub img{filter:brightness(0) invert(1)}
@media(max-width:700px){.mini-banner{height:106px;max-height:106px}.banner-path{gap:7px;padding:0 14px}.banner-node{width:44px;height:44px;border-radius:12px;font-size:20px}.banner-hub{width:56px;height:56px;border-radius:14px}.banner-hub img{width:40px;height:40px}.banner-stream{min-width:5px}}
@media(prefers-reduced-motion:reduce){.mini-banner *, .mini-banner *:before{animation:none!important;transition:none!important}}

/* EMTSYS GAME HUB – playful, spacious, accessible; keeps both themes */
.hub-hero{min-height:250px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;border:1px solid #cde5d7;border-radius:24px;padding:30px clamp(24px,4vw,58px);margin:4px 0 25px;background:radial-gradient(circle at 77% 50%,#ddf8e7 0%,transparent 35%),linear-gradient(115deg,#f7fffa,#e9f7ef)!important;color:#193e2a!important;isolation:isolate}
.hub-hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#5cb48d35 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(90deg,transparent 34%,#000);z-index:-1}
.hub-intro{z-index:2;max-width:610px}.hub-kicker{color:#258454;letter-spacing:.15em;font-size:11px;font-weight:800}.hub-live{display:inline-block;height:8px;width:8px;background:#32b879;border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px #32b8791f;animation:hubBlink 2.8s infinite}.hub-intro h1{font-family:Outfit,'IBM Plex Sans Arabic',sans-serif;font-weight:800;line-height:1.08;font-size:clamp(30px,3.7vw,56px);letter-spacing:-.035em;margin:16px 0 12px;color:#153b29}.hub-intro p{color:#64806d;font-size:16px;margin:0 0 25px}.hub-actions{display:flex;flex-wrap:wrap;gap:12px}.hub-actions button{border-radius:12px;padding:13px 18px;font-weight:750;display:inline-flex;gap:11px;align-items:center;transition:transform .22s,box-shadow .22s}.hub-actions button:hover{transform:translateY(-3px)}.hub-primary{border:1px solid #227b50;background:#207e50;color:#fff;box-shadow:0 8px 20px #207e5028}.hub-secondary{border:1px solid #bdd7c7;background:#fff;color:#23623f}.hub-stage{width:300px;height:210px;position:relative;flex:0 0 300px;display:grid;place-items:center}.hub-mark{width:123px;height:123px;display:grid;place-items:center;border:1px solid #b6d6c3;border-radius:30px;background:#fff;box-shadow:0 22px 60px #24734724;transform:rotate(-7deg);animation:hubFloat 6s ease-in-out infinite;z-index:2}.hub-mark img{width:88px;height:88px;object-fit:contain;filter:brightness(0) saturate(100%) invert(30%) sepia(27%) saturate(903%) hue-rotate(95deg)}.hub-orbit{position:absolute;height:205px;width:205px;border:1.5px dashed #77bf91a1;border-radius:50%;animation:hubSpin 30s linear infinite}.hub-card{position:absolute;background:#fff;z-index:3;border:1px solid #cce4d4;box-shadow:0 12px 30px #105f2d19;width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:31px;animation:hubFloat 5s ease-in-out infinite}.hub-game{top:4px;right:3px}.hub-tool{bottom:2px;left:3px;animation-delay:-2.5s;color:#288257}.hub-spark{position:absolute;width:10px;height:10px;border-radius:50%;background:#57dca2;box-shadow:0 0 20px #4cdb9c}.spark-one{top:31px;left:47px}.spark-two{bottom:32px;right:40px}.appcard{border-radius:17px!important}.appcard:hover{transform:translateY(-5px)!important}.appgrid{gap:16px}.metrics{margin:12px 0 30px}.metric{padding:16px!important}.sectionhead{margin-bottom:18px}.page{padding-top:21px}.brand{padding-bottom:34px}.side{background:#f7fbf8!important}.sidebottom{background:#ecf6ef}.hub-hero~.metrics .metric{border-radius:14px}.hub-hero .hub-actions button:focus-visible{outline:3px solid #35ad72;outline-offset:3px}
html[data-theme=dark] .hub-hero{background:radial-gradient(circle at 80% 50%,#295740,transparent 46%),linear-gradient(110deg,#1b3025,#182e22)!important;border-color:#395a47;color:#e6f3e9!important}html[data-theme=dark] .hub-intro h1{color:#f3fff7}html[data-theme=dark] .hub-intro p{color:#a5c7b1}html[data-theme=dark] .hub-kicker{color:#7fe3a9}html[data-theme=dark] .hub-secondary{background:#264433;border-color:#50795e;color:#e8f7ea}html[data-theme=dark] .hub-mark,html[data-theme=dark] .hub-card{background:#254333;border-color:#4b7658}html[data-theme=dark] .hub-mark img{filter:brightness(0) invert(1)}html[data-theme=dark] .side{background:#13251b!important}html[data-theme=dark] .sidebottom{background:#1b3427}
@keyframes hubFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(-2deg)}}@keyframes hubSpin{to{transform:rotate(360deg)}}@keyframes hubBlink{50%{opacity:.35}}
@media(max-width:840px){.hub-stage{flex-basis:200px;width:200px;transform:scale(.78);transform-origin:center}}@media(max-width:640px){.hub-hero{padding:25px 21px;min-height:210px}.hub-intro h1{font-size:33px}.hub-intro p{font-size:13px}.hub-stage{display:none}.hub-actions button{padding:10px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.hub-hero *, .hub-hero *:before{animation:none!important;transition:none!important}}

/* EMTSYS image fit / launch update. No crop, no stretched thumbnails. */
.app-preview-link { display:flex; align-items:center; justify-content:center; width:100%; height:190px; padding:9px; overflow:hidden; border-radius:13px; background:rgba(100,140,110,.055); border:1px solid rgba(110,160,130,.17); margin-bottom:12px; cursor:pointer; text-decoration:none; transition:border-color .2s ease,background-color .2s ease,transform .2s ease; }
.app-preview-link .app-preview { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain !important; object-position:center; border-radius:8px; margin:0; }
.app-preview-link:not(.app-preview-disabled):hover,.app-preview-link:not(.app-preview-disabled):focus-visible { border-color:var(--green,#27b47d); background:rgba(60,155,105,.11); transform:translateY(-1px); outline-offset:2px; }
.app-preview-disabled { cursor:default; }
.appgrid.list-mode .app-preview-link { width:min(220px,100%); height:120px; float:right; margin-left:14px; }
.appgrid.list-mode .app-preview-link .app-preview { width:100%; height:100%; object-fit:contain !important; }
@media(max-width:600px){.app-preview-link{height:170px}.appgrid.list-mode .app-preview-link{float:none;width:100%;height:160px;margin-left:0}}
@media(prefers-reduced-motion:reduce){.app-preview-link{transition:none}.app-preview-link:hover{transform:none}}