:root{
  --zs-navy-950:#0a2236;
  --zs-navy-900:#0e2d47;
  --zs-navy-800:#163d5e;
  --zs-navy-700:#205172;
  --zs-gold-600:#b98a3d;
  --zs-gold-500:#cda55f;
  --zs-gold-300:#e7cf9f;
  --zs-bg:#f2f5f7;
  --zs-surface:#ffffff;
  --zs-surface-soft:#f7f9fb;
  --zs-text:#172231;
  --zs-muted:#667486;
  --zs-line:#dbe3e9;
  --zs-line-strong:#c9d4dd;
  --zs-success:#16734a;
  --zs-danger:#b42318;
  --zs-shadow:0 12px 36px rgba(16,43,66,.08);
  --zs-shadow-soft:0 4px 16px rgba(16,43,66,.06);
  --zs-radius:12px;
  --zs-container:1420px;
}

html{background:var(--zs-bg);}
body.zs-site{
  margin:0;
  background:var(--zs-bg);
  color:var(--zs-text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
body.zs-site *{box-sizing:border-box;}
body.zs-site a{color:var(--zs-navy-700);}
body.zs-site img{max-width:100%;}

.site-container{
  width:min(calc(100% - 48px),var(--zs-container));
  margin:0 auto;
}

.site-header{
  position:relative;
  z-index:1000;
  background:#fff;
  border-bottom:1px solid var(--zs-line);
  box-shadow:0 1px 0 rgba(10,34,54,.03);
}
.site-header.is-scrolled{box-shadow:0 8px 26px rgba(10,34,54,.08);}

.site-topbar{
  min-height:34px;
  background:var(--zs-navy-950);
  color:#e9f0f5;
  font-size:12px;
}
.site-topbar__inner{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.site-topbar__left,
.site-topbar__right{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.site-topbar__right{justify-content:flex-end;}
.site-topbar a{color:#f3f7fa;text-decoration:none;}
.site-topbar a:hover{text-decoration:underline;}
.site-topbar__divider{width:1px;height:15px;background:rgba(255,255,255,.22);}
.site-topbar__descriptor{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.88;}
.site-languages{display:flex;align-items:center;gap:4px;}
.site-language{
  min-width:30px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  opacity:.65;
}
.site-language.is-active{background:rgba(255,255,255,.12);opacity:1;}

.site-mainbar{background:#fff;}
.site-mainbar__inner{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:34px;
}
.site-brand{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--zs-navy-950)!important;
  text-decoration:none!important;
}
.site-brand__mark{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--zs-navy-900);
  color:var(--zs-gold-500);
  border:1px solid var(--zs-navy-950);
  font-size:22px;
  font-weight:900;
  line-height:1;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.05);
}
.site-brand__copy{display:flex;flex-direction:column;line-height:1.08;}
.site-brand__copy strong{font-size:25px;letter-spacing:-.04em;color:var(--zs-navy-950);}
.site-brand__copy small{margin-top:4px;color:#748294;font-size:10.5px;font-weight:600;}

.site-primary-nav{margin-left:auto;min-width:0;}
.site-primary-nav ul{
  display:flex;
  align-items:center;
  gap:2px;
  margin:0;
  padding:0;
  list-style:none;
}
.site-primary-nav li{position:relative;margin:0;padding:0;}
.site-primary-nav > div > ul > li > a,
.site-primary-nav > ul > li > a,
.site-primary-nav .nav > li > a{
  position:relative;
  min-height:72px;
  padding:0 13px;
  display:flex;
  align-items:center;
  color:#24364b!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  background:transparent!important;
}
.site-primary-nav > div > ul > li > a:after,
.site-primary-nav > ul > li > a:after,
.site-primary-nav .nav > li > a:after{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  bottom:0;
  height:3px;
  background:var(--zs-gold-500);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.site-primary-nav li.active > a:after,
.site-primary-nav li.current > a:after,
.site-primary-nav li > a:hover:after{transform:scaleX(1);}
.site-primary-nav li.active > a,
.site-primary-nav li.current > a,
.site-primary-nav li > a:hover{color:var(--zs-navy-900)!important;}
.site-primary-nav li ul{
  display:none;
  position:absolute;
  z-index:50;
  top:calc(100% - 1px);
  left:0;
  min-width:240px;
  padding:8px;
  background:#fff;
  border:1px solid var(--zs-line);
  box-shadow:0 18px 42px rgba(10,34,54,.14);
}
.site-primary-nav li:hover > ul{display:block;}
.site-primary-nav li ul a{
  display:block;
  padding:10px 12px;
  border-radius:6px;
  color:#26394e!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:650;
}
.site-primary-nav li ul a:hover{background:#f2f6f9;}

.site-menu-toggle{
  display:none;
  border:1px solid var(--zs-line);
  background:#fff;
  min-height:40px;
  padding:0 12px;
  align-items:center;
  gap:4px;
  cursor:pointer;
  color:var(--zs-navy-900);
}
.site-menu-toggle span{display:block;width:18px;height:2px;background:currentColor;}
.site-menu-toggle em{margin-left:6px;font-style:normal;font-weight:750;font-size:12px;}

.site-main{min-height:calc(100vh - 190px);}
.site-main--home{padding:0;}
.site-main--workspace{padding:22px 0 34px;}
.site-content-shell{padding:26px 0 42px;}
.site-content-card{
  background:#fff;
  border:1px solid var(--zs-line);
  border-radius:var(--zs-radius);
  padding:26px;
  box-shadow:var(--zs-shadow-soft);
}

#system-message-container{
  width:min(calc(100% - 48px),var(--zs-container));
  max-width:none!important;
  margin:18px auto 0!important;
  padding:0!important;
}

.site-footer{
  margin-top:0;
  background:var(--zs-navy-950);
  color:#d9e3eb;
  border-top:4px solid var(--zs-gold-600);
}
.site-footer__inner{
  min-height:126px;
  padding:30px 0;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:40px;
  align-items:start;
}
.site-footer__brand{display:flex;flex-direction:column;gap:5px;}
.site-footer__brand strong{font-size:22px;letter-spacing:-.03em;color:#fff;}
.site-footer__brand span{font-size:12px;color:#9fb0bf;}
.site-footer__modules{min-width:0;}
.site-footer a{color:#eef4f8!important;text-decoration:none;}
.site-footer a:hover{text-decoration:underline;}
.site-footer ul{margin:0;padding:0;list-style:none;}

/* Normalize common Joomla controls for the portal */
body.zs-site input[type="text"],
body.zs-site input[type="email"],
body.zs-site input[type="password"],
body.zs-site input[type="number"],
body.zs-site input[type="date"],
body.zs-site input[type="tel"],
body.zs-site select,
body.zs-site textarea{
  border:1px solid var(--zs-line-strong);
  border-radius:7px;
  background:#fff;
  color:var(--zs-text);
  box-shadow:none;
}
body.zs-site input:focus,
body.zs-site select:focus,
body.zs-site textarea:focus{
  outline:2px solid rgba(32,81,114,.14);
  border-color:var(--zs-navy-700);
}
body.zs-site .btn,
body.zs-site button.btn{
  border-radius:7px;
}

@media (max-width:1180px){
  .site-mainbar__inner{gap:18px;}
  .site-primary-nav > div > ul > li > a,
  .site-primary-nav > ul > li > a,
  .site-primary-nav .nav > li > a{padding:0 9px;font-size:12px;}
}

@media (max-width:980px){
  .site-container{width:min(calc(100% - 28px),var(--zs-container));}
  .site-topbar__descriptor{display:none;}
  .site-mainbar__inner{min-height:64px;justify-content:space-between;}
  .site-brand__copy strong{font-size:22px;}
  .site-brand__copy small{display:none;}
  .site-menu-toggle{display:flex;flex-direction:column;justify-content:center;position:relative;padding-right:58px;}
  .site-menu-toggle em{position:absolute;right:10px;top:11px;}
  .site-primary-nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    margin:0;
    background:#fff;
    border-top:1px solid var(--zs-line);
    border-bottom:1px solid var(--zs-line);
    box-shadow:0 18px 38px rgba(10,34,54,.14);
    padding:10px 14px 16px;
  }
  .site-primary-nav.is-open{display:block;}
  .site-primary-nav ul{display:block;}
  .site-primary-nav > div > ul > li > a,
  .site-primary-nav > ul > li > a,
  .site-primary-nav .nav > li > a{
    min-height:42px;
    padding:0 10px;
    border-bottom:1px solid #eef2f5;
  }
  .site-primary-nav li ul{position:static;display:block;box-shadow:none;border:0;padding:0 0 6px 16px;}
  .site-footer__inner{grid-template-columns:1fr;gap:20px;}
}

@media (max-width:640px){
  .site-container{width:min(calc(100% - 20px),var(--zs-container));}
  .site-topbar__inner{min-height:32px;}
  .site-topbar__right{font-size:11px;}
  .site-mainbar__inner{min-height:58px;}
  .site-brand__mark{width:34px;height:34px;font-size:19px;}
  .site-brand__copy strong{font-size:20px;}
  .site-main--workspace{padding-top:12px;}
  .site-content-shell{padding-top:14px;}
  .site-content-card{padding:14px;border-radius:9px;}
  #system-message-container{width:calc(100% - 20px)!important;}
}