/* ATHR header lockup. Loaded explicitly after the page styles. */
.topbar .platform-title,
.dashboard-page .topbar .top-brand .platform-title{
  display:flex!important; flex:0 0 470px!important; width:470px!important;
  max-width:470px!important; height:96px!important; min-height:96px!important;
  margin:0!important; padding:0!important; gap:14px!important;
  align-items:center!important; justify-content:flex-start!important;
  direction:rtl!important; text-align:right!important; overflow:visible!important;
  border:0!important; background:transparent!important; box-shadow:none!important;
  line-height:normal!important;
}
.topbar .platform-title > .athr-identity-symbol{
  display:block!important; position:relative!important; flex:0 0 105px!important;
  width:105px!important; height:90px!important; overflow:hidden!important;
  background:#10091f!important; color:transparent!important;
  font-size:initial!important; line-height:normal!important; isolation:isolate;
  --beacon-x:62px; --beacon-y:20px;
}
.topbar .athr-identity-symbol img{
  display:block!important; position:absolute!important; max-width:none!important;
  width:250px!important; height:auto!important; left:-135px!important; top:0!important;
}
.topbar .platform-title > .athr-brand-copy{
  display:flex!important; flex:1 1 0!important; flex-direction:column!important;
  align-items:stretch!important; justify-content:center!important;
  min-width:0!important; width:auto!important; height:auto!important;
  font-size:initial!important; font-weight:400!important; line-height:1.23!important;
  color:white!important; direction:rtl!important; text-align:right!important; overflow:visible!important;
}
.topbar .athr-brand-copy > *{
  display:block!important; position:static!important; width:100%!important;
  height:auto!important; margin:0!important; padding:0!important;
  line-height:1.23!important; text-shadow:none!important;
  white-space:normal!important; overflow-wrap:normal!important;
}
.topbar .athr-brand-copy .athr-brand-ar{font:800 23px/1.22 Tahoma,Arial,sans-serif!important;color:#fff!important;text-align:right!important}
.topbar .athr-brand-copy .athr-brand-ar-tagline{font:700 12px/1.3 Tahoma,Arial,sans-serif!important;color:#e2d7f5!important;text-align:right!important}
.topbar .athr-brand-copy .athr-brand-en{font:800 20px/1.22 Arial,sans-serif!important;letter-spacing:1px!important;color:#fff!important;text-align:right!important}
.topbar .athr-brand-copy .athr-brand-en-tagline{font:600 10px/1.25 Arial,sans-serif!important;color:#8bd9ff!important;text-align:right!important}
.topbar .athr-identity-symbol::before{left:12px!important;top:-30px!important}
.topbar .athr-identity-symbol::after{left:54.5px!important;top:12.5px!important}
@media(max-width:1100px){
  .topbar .platform-title,.dashboard-page .topbar .top-brand .platform-title{flex-basis:390px!important;width:390px!important;max-width:390px!important}
  .topbar .athr-brand-copy .athr-brand-ar{font-size:20px!important}
  .topbar .athr-brand-copy .athr-brand-en-tagline{font-size:9px!important}
}
@media(max-width:760px){
  .topbar .platform-title,.dashboard-page .topbar .top-brand .platform-title{flex:1 1 100%!important;width:100%!important;max-width:100%!important;height:83px!important;min-height:83px!important;gap:9px!important}
  .topbar .platform-title > .athr-identity-symbol{flex-basis:75px!important;width:75px!important;height:72px!important}
  .topbar .athr-identity-symbol img{width:180px!important;left:-97px!important}
  .topbar .athr-identity-symbol::before{left:-7px!important;top:-35px!important}
  .topbar .athr-identity-symbol::after{left:35.5px!important;top:7.5px!important}
  .topbar .athr-brand-copy .athr-brand-ar{font-size:18px!important}
  .topbar .athr-brand-copy .athr-brand-ar-tagline{font-size:10px!important}
  .topbar .athr-brand-copy .athr-brand-en{font-size:17px!important}
  .topbar .athr-brand-copy .athr-brand-en-tagline{font-size:8px!important}
}

/* Keep the full bilingual name in one neat vertical column beside the mark. */
.topbar .athr-brand-copy{row-gap:1px!important}
.topbar .athr-brand-copy .athr-brand-en{margin-top:4px!important;direction:ltr!important;unicode-bidi:isolate!important}
.topbar .athr-brand-copy .athr-brand-en-tagline{direction:ltr!important;unicode-bidi:isolate!important}
.login-brand .athr-login-copy{display:flex;flex-direction:column;align-items:stretch;text-align:right}
.login-brand .athr-login-copy strong,.login-brand .athr-login-copy .platform-full-name{text-align:right;direction:ltr;unicode-bidi:isolate}

/* Show every part of the supplied artwork while retaining readable live text. */
.topbar .platform-title,.dashboard-page .topbar .top-brand .platform-title{flex-basis:540px!important;width:540px!important;max-width:540px!important;gap:14px!important}
.topbar .platform-title > .athr-identity-symbol{flex-basis:195px!important;width:195px!important;height:97px!important;overflow:visible!important}
.topbar .athr-identity-symbol img{width:195px!important;height:auto!important;left:0!important;top:0!important;max-width:none!important;object-fit:contain!important}
.topbar .athr-identity-symbol::before{left:105px!important;top:-35px!important}
.topbar .athr-identity-symbol::after{left:147.5px!important;top:7.5px!important}
.login-brand .athr-login-symbol{flex:0 0 300px!important;width:300px!important;height:149px!important;overflow:visible!important}
.login-brand .athr-login-symbol img{width:300px!important;height:auto!important;left:0!important;top:0!important;max-width:none!important}
.login-brand .athr-login-symbol::before{left:184px!important;top:-32px!important}
.login-brand .athr-login-symbol::after{width:20px!important;height:20px!important;left:227px!important;top:11px!important}
@media(max-width:1100px){
 .topbar .platform-title,.dashboard-page .topbar .top-brand .platform-title{flex-basis:475px!important;width:475px!important;max-width:475px!important}
 .topbar .platform-title > .athr-identity-symbol{flex-basis:175px!important;width:175px!important;height:87px!important}
 .topbar .athr-identity-symbol img{width:175px!important}
 .topbar .athr-identity-symbol::before{left:89px!important;top:-36px!important}
 .topbar .athr-identity-symbol::after{left:131.5px!important;top:6.5px!important}
}
@media(max-width:760px){
 .topbar .platform-title,.dashboard-page .topbar .top-brand .platform-title{flex:1 1 100%!important;width:100%!important;max-width:100%!important;height:84px!important;min-height:84px!important;gap:7px!important}
 .topbar .platform-title > .athr-identity-symbol{flex-basis:140px!important;width:140px!important;height:70px!important}
 .topbar .athr-identity-symbol img{width:140px!important}
 .topbar .athr-identity-symbol::before{left:60px!important;top:-39px!important}
 .topbar .athr-identity-symbol::after{left:102.5px!important;top:3.5px!important}
 .login-brand .athr-login-symbol{flex-basis:170px!important;width:170px!important;height:85px!important}
 .login-brand .athr-login-symbol img{width:170px!important}
 .login-brand .athr-login-symbol::before{left:81px!important;top:-43px!important}
 .login-brand .athr-login-symbol::after{left:124px!important;top:0!important}
}

/* Center both names and their descriptions in the text column. */
.topbar .platform-title > .athr-brand-copy{align-items:center!important;text-align:center!important;row-gap:2px!important}
.topbar .athr-brand-copy > *,
.topbar .athr-brand-copy .athr-brand-ar,
.topbar .athr-brand-copy .athr-brand-ar-tagline,
.topbar .athr-brand-copy .athr-brand-en,
.topbar .athr-brand-copy .athr-brand-en-tagline{text-align:center!important}
/* Lower the entire artwork, including its luminous overlay, without moving the text. */
.topbar .platform-title > .athr-identity-symbol{transform:translateY(7px)!important}
@media(max-width:760px){.topbar .platform-title > .athr-identity-symbol{transform:translateY(5px)!important}}

/* Give the bilingual login identity the full panel width. */
.login-brand .athr-login-lockup{width:100%;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px}
.login-brand .athr-login-symbol{flex:0 0 149px!important}
.login-brand .athr-login-copy{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}
.login-brand .athr-login-copy h1,
.login-brand .athr-login-copy .platform-ar-name,
.login-brand .athr-login-copy strong,
.login-brand .athr-login-copy .platform-full-name{width:100%;text-align:center;white-space:nowrap}
.login-brand .athr-login-copy .platform-ar-name{font-size:13px}
.login-brand .athr-login-copy .platform-full-name{font-size:11px}
.login-brand{background:#0a0514!important}
.login-brand .athr-login-symbol{
 background:#0a0514!important;
 outline:1px solid rgba(255,255,255,.82);
 outline-offset:0;
 border-radius:8px;
 box-shadow:0 0 5px rgba(255,255,255,.58),0 0 12px rgba(124,211,255,.22);
}
.login-brand .athr-login-symbol img{
 -webkit-mask-image:radial-gradient(ellipse 91% 94% at 50% 48%,#000 69%,transparent 100%);
 mask-image:radial-gradient(ellipse 91% 94% at 50% 48%,#000 69%,transparent 100%);
}
.login-brand .athr-login-lockup{margin-bottom:0}
.login-brand .mas{margin:0!important}
.login-brand p{margin:0 auto 4px;line-height:1.65}
.login-brand .login-visual{margin-top:auto;min-height:340px}
@media(max-width:760px){
 .login-brand .athr-login-symbol{flex-basis:85px!important}
 .login-brand .athr-login-copy .platform-ar-name{font-size:clamp(10px,2.4vw,13px)}
 .login-brand .athr-login-copy .platform-full-name{font-size:clamp(8px,2vw,11px)}
 .login-brand .login-visual{min-height:190px}
}

/* One navigation language throughout the dashboard and section workspaces. */
@media screen and (min-width:761px){
 .layout:not(.print-layout){grid-template-columns:260px minmax(0,1fr)}
 .layout>.sidebar,.dashboard-page .layout>.sidebar{
  position:sticky;top:112px;height:calc(100vh - 112px);min-height:0;
  overflow-y:auto;overflow-x:hidden;padding:19px 13px 24px;
  border-left:1px solid rgba(134,107,187,.38);
  scrollbar-width:thin;scrollbar-color:#7355a8 transparent;
 }
}
.layout>.sidebar,.dashboard-page .layout>.sidebar{
 background:linear-gradient(165deg,#2b1a4e 0%,#211239 58%,#150b2b 100%)!important;
 color:#f7f3ff!important;
}
.dashboard-page .sidebar .side-brand{
 display:flex;flex-direction:column;align-items:flex-start;gap:6px;
 margin:0 8px 16px;padding:2px 3px 16px;
 border-bottom:1px solid rgba(209,190,245,.24);
}
.dashboard-page .sidebar .side-brand-icon{
 width:36px;height:36px;margin:0 0 3px;border:1px solid rgba(202,176,244,.38);
 border-radius:10px;background:rgba(206,182,244,.14);color:#e9ddff;
}
.dashboard-page .sidebar .side-brand>b{
 color:#fff!important;font-size:16px;line-height:1.5;font-weight:800;
 text-shadow:0 1px 2px rgba(12,5,28,.25);
}
.dashboard-page .sidebar .side-brand>small{
 display:block;margin:0;color:#cdbfe9!important;font-size:11px;line-height:1.6;
}
.layout>.sidebar .side-title,.dashboard-page .sidebar .side-title{
 margin:1px 9px 15px;padding:0 4px 12px;border-bottom:1px solid rgba(209,190,245,.24);
 color:#cbbbe8!important;font-size:12px;font-weight:700;letter-spacing:.1px;opacity:1;text-align:right;
}
.layout>.sidebar .nav,.dashboard-page .sidebar .nav{display:grid;gap:4px}
.layout>.sidebar .nav a,.dashboard-page .sidebar .nav a{
 display:flex;position:relative;align-items:center;justify-content:flex-start;gap:11px;
 width:100%;min-height:44px;padding:8px 10px;margin:0;
 border:1px solid transparent;border-radius:11px;background:transparent!important;
 box-shadow:none;color:#e8ddfa!important;font-size:13px;font-weight:600;line-height:1.45;
 white-space:normal;transform:none!important;transition:background .16s,border-color .16s,color .16s;
}
.layout>.sidebar .nav a:hover,.layout>.sidebar .nav a:focus-visible,
.dashboard-page .sidebar .nav a:hover,.dashboard-page .sidebar .nav a:focus-visible{
 background:rgba(174,142,231,.15)!important;border-color:rgba(193,166,240,.28);
 color:#fff!important;outline:2px solid transparent;box-shadow:none;
}
.layout>.sidebar .nav a.active,.dashboard-page .sidebar .nav a.active{
 background:linear-gradient(100deg,rgba(129,86,199,.46),rgba(92,57,157,.28))!important;
 border-color:rgba(190,159,243,.54);color:#fff!important;
 box-shadow:inset -3px 0 #61d0ff,0 4px 13px rgba(12,5,28,.18)!important;
}
.layout>.sidebar .nav a .nav-icon,.dashboard-page .sidebar .nav a .nav-icon{
 position:static;flex:0 0 29px;display:grid;place-items:center;
 width:29px;height:29px;min-width:29px;border-radius:8px;
 background:rgba(201,179,244,.12);color:#d9c6f7!important;
 transform:none;font-size:16px;line-height:1;
}
.layout>.sidebar .nav a:hover .nav-icon,.layout>.sidebar .nav a.active .nav-icon,
.dashboard-page .sidebar .nav a:hover .nav-icon,.dashboard-page .sidebar .nav a.active .nav-icon{
 background:rgba(255,255,255,.19);color:#fff!important;
}
.layout>.sidebar .nav a .nav-label,.dashboard-page .sidebar .nav a .nav-label{
 flex:1;min-width:0;width:auto;text-align:right;white-space:normal;overflow:visible;
 text-overflow:clip;color:inherit;font-size:inherit;font-weight:inherit;
}
.sidebar .athr-nav-svg,.dashboard-page .sidebar .athr-nav-svg{display:block;width:18px;height:18px;flex:none}
.dashboard-page .sidebar .nav-icon .di{width:18px;height:18px;color:inherit!important}
body[data-language=en] .layout>.sidebar .nav a .nav-label{text-align:left}
body[data-language=en] .layout>.sidebar .nav a{direction:ltr}
@media screen{
 .layout>.main{min-width:0}
 .main .page-head h1{color:#362259}
 .main .card{border-color:#e9e2f4;box-shadow:0 8px 24px rgba(37,20,72,.055)}
}
@media screen and (max-width:760px){
 .dashboard-page .sidebar.open{background:linear-gradient(165deg,#2b1a4e,#150b2b)!important}
}
@media print{.layout>.sidebar,.dashboard-page .layout>.sidebar{display:none!important}}