:root{
  --nav-accent:#147371;
  --nav-accent-2:#2b8f8a;
  --nav-bg:#f5f6f8;
  --nav-line:#e3e6ea;
  --nav-side:#0e5f5c;
  --nav-side-2:#1d8681;
  --teal-900:#0e5f5c;
  --teal-800:#147371;
  --teal-700:#1d8681;
  --teal-600:#2b8f8a;
}
body.global-nav-enabled{background:var(--nav-bg)}
body.global-nav-enabled .btnrow{display:none !important;}
.global-shell{display:flex;min-height:100vh;background:var(--nav-bg)}
.global-sidebar{
  width:240px;min-width:240px;height:100vh;position:sticky;top:0;
  background:
    radial-gradient(1200px 260px at 20% 0%, rgba(255,255,255,.12), transparent 60%),
    linear-gradient(180deg,var(--nav-side),var(--nav-side-2)) !important;
  color:#d9f2ef;padding:18px 14px;
  display:flex;flex-direction:column;gap:14px;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.08);
  position:sticky;
}
.global-sidebar::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.06) 0 1px, transparent 1px 4px);
  mix-blend-mode: overlay;
}
.global-sidebar > *{position:relative}
.global-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:16px;color:#e9fffd}
.global-brand .dot{width:18px;height:18px;border-radius:6px;background:rgba(255,255,255,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.global-menu{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.g-link{
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border-radius:12px;
  color:#d7eeec;text-decoration:none;font-weight:800;font-size:14px;
  transition:all .15s ease;background:transparent;
}
.g-link .g-ico{width:18px;height:18px;border-radius:6px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);display:inline-flex;align-items:center;justify-content:center;color:inherit}
.g-link .g-ico svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.g-link:hover{background:rgba(255,255,255,.14)}
.g-link.active{background:rgba(255,255,255,.2);color:#fff;box-shadow:0 8px 16px rgba(0,0,0,.18)}
.global-footer{margin-top:auto;display:flex;flex-direction:column;gap:6px}
.global-main{flex:1;min-width:0;display:flex;flex-direction:column}
.global-topbar{
  position:sticky;top:0;z-index:50;
  background:
    radial-gradient(1200px 220px at 20% 0%, rgba(255,255,255,.18), transparent 60%),
    linear-gradient(90deg, var(--teal-800), var(--teal-600)) !important;
  color:#fff;padding:16px 20px;font-weight:900;
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  box-shadow:0 10px 30px rgba(17,24,39,.18), 0 1px 0 rgba(255,255,255,.12) inset !important
}
.global-topbar::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.14;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.05) 0 1px, transparent 1px 4px);
  mix-blend-mode: overlay;
}
.global-topbar::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:24px;
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(0,0,0,.18), transparent);
  opacity:.35;
}
.global-topbar .title{font-size:22px;letter-spacing:.2px;position:relative}
.global-topbar .top-link{
  display:inline-flex;align-items:center;gap:10px;
  color:#eaffff;text-decoration:none;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);padding:10px 14px;
  border-radius:999px;font-weight:800;font-size:13px;
  box-shadow:0 8px 20px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.12) inset;
  transition:transform .15s ease, background .15s ease;
  position:relative
}
.global-topbar .top-link:hover{transform:translateY(-1px);background:rgba(255,255,255,.16)}
.global-topbar .top-link:active{transform:translateY(0)}
.global-topbar .top-link:focus-visible{outline:3px solid rgba(255,255,255,.35);outline-offset:2px}
.global-content{padding:20px 22px 50px 22px}
.global-content .wrap{max-width:1500px;margin:0 auto}
@media (max-width:980px){
  .global-shell{flex-direction:column}
  .global-sidebar{width:100%;min-width:0;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center}
  .global-menu{flex-direction:row;flex-wrap:wrap}
  .global-main{width:100%}
}