:root{--abs-green:#3cffa0;--abs-blue:#2f6bff;--abs-bg:#07090d}
#abs-shell{position:fixed;top:0;left:0;right:0;height:62px;z-index:99999;background:rgba(7,9,13,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);font-family:Tajawal,Arial,sans-serif;direction:rtl}
#abs-shell *{box-sizing:border-box}
.abs-shell-inner{height:100%;max-width:1440px;margin:auto;padding:0 16px;display:flex;align-items:center;gap:12px}
.abs-brand{font-weight:900;font-size:18px;letter-spacing:-.4px;text-decoration:none;color:#fff;white-space:nowrap}
.abs-brand span{color:var(--abs-green)}
.abs-store{display:flex;align-items:center;gap:6px;color:#8e9aaa;font-size:11px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.03);white-space:nowrap}
.abs-links{display:flex;align-items:center;gap:5px;overflow:auto;scrollbar-width:none;margin-right:auto}
.abs-links::-webkit-scrollbar{display:none}
.abs-link{color:#9ba7b7;text-decoration:none;font-size:11px;font-weight:800;padding:8px 9px;border-radius:9px;white-space:nowrap;transition:.18s}
.abs-link:hover,.abs-link.active{color:#fff;background:rgba(255,255,255,.07)}
.abs-link.active{box-shadow:inset 0 -2px 0 var(--abs-green)}
.abs-menu{display:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;border-radius:9px;padding:8px 10px;font-family:inherit;font-weight:900}
body.abs-shell-enabled{padding-top:62px}
@media(max-width:800px){
  #abs-shell{height:58px}
  body.abs-shell-enabled{padding-top:58px;padding-bottom:70px}
  .abs-store{display:none}
  .abs-links{display:none;position:absolute;top:58px;right:8px;left:8px;background:#0b0e14;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px;flex-wrap:wrap;box-shadow:0 20px 50px rgba(0,0,0,.45)}
  .abs-links.open{display:flex}
  .abs-link{flex:1 0 30%;text-align:center}
  .abs-menu{display:block;margin-right:auto}
}