:root {
  --moa-h:      60px;
  --moa-bg:     #0f1628;
  --moa-bg2:    #1a2236;
  --moa-border: rgba(255,255,255,0.07);
  --moa-accent: #1ea7c5;
  --moa-text:   rgba(255,255,255,0.82);
  --moa-white:  #ffffff;
  --moa-radius: 6px;
  --moa-shadow: 0 8px 24px rgba(0,0,0,0.35);
}

/* ====== Reset sidebara ====================================*/
.deznav, .nav-header, .nav-control, .hamburger { display:none!important; }

#main-wrapper,
[data-sidebar-style="full"]    #main-wrapper,
[data-sidebar-style="mini"]    #main-wrapper,
[data-sidebar-style="overlay"] #main-wrapper,
[data-sidebar-style="compact"] #main-wrapper {
  padding-left: 0!important;
  margin-left:  0!important;
}

.content-body,
[data-sidebar-style="full"]    .content-body,
[data-sidebar-style="mini"]    .content-body,
[data-sidebar-style="overlay"] .content-body,
[data-sidebar-style="compact"] .content-body {
  margin-left:  0!important;
  padding-top:  var(--moa-h)!important;
}

.footer,
[data-sidebar-style="full"]    .footer,
[data-sidebar-style="mini"]    .footer,
[data-sidebar-style="overlay"] .footer,
[data-sidebar-style="compact"] .footer {
  margin-left:  0!important;
  padding-left: 0!important;
}

/* ====== Navbar ============================================*/
.moa-topnav {
  position:   fixed;
  top:0; left:0; right:0;
  height:     var(--moa-h);
  background: var(--moa-bg);
  border-bottom: 1px solid var(--moa-border);
  z-index:    9999;
  box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
.moa-topnav-inner {
  display:     flex;
  align-items: center;
  height:      100%;
  padding:     0 20px;
  gap:         8px;
}

.moa-logo { display:flex; align-items:center; flex-shrink:0; margin-right:12px; text-decoration:none; }
.moa-logo img { height:36px; width:auto; }

.moa-menu { display:flex; align-items:stretch; list-style:none; margin:0; padding:0; height:100%; flex:1; }
.moa-menu > li { position:relative; height:100%; display:flex; align-items:center; }
.moa-menu > li > a {
  display:flex; align-items:center; gap:6px;
  padding:0 16px; height:100%;
  color:var(--moa-text); text-decoration:none;
  font-size:0.9rem; font-weight:500; white-space:nowrap;
  transition:color .2s;
  border-bottom:3px solid transparent;
  border-top:3px solid transparent;
}
.moa-menu > li > a i { font-size:1.15rem; }
.moa-menu > li > a:hover,
.moa-menu > li.moa-active > a { color:var(--moa-white); border-bottom-color:var(--moa-accent); }
.moa-caret { font-size:0.65rem; margin-left:2px; opacity:0.5; transition:transform .2s; display:inline-block; }
.moa-menu > li:hover .moa-caret { transform:rotate(180deg); }

.moa-dropdown {
  position:absolute; top:100%; left:0; min-width:190px;
  background:var(--moa-bg2);
  border:1px solid var(--moa-border); border-top:2px solid var(--moa-accent);
  border-radius:0 0 var(--moa-radius) var(--moa-radius);
  box-shadow:var(--moa-shadow);
  list-style:none; margin:0; padding:6px 0;
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .2s,transform .2s,visibility .2s;
  z-index:10000;
}
.moa-menu > li:hover .moa-dropdown,
.moa-menu > li:focus-within .moa-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
.moa-dropdown li a {
  display:block; padding:9px 18px;
  color:var(--moa-text); font-size:0.86rem; text-decoration:none;
  transition:background .15s,color .15s,padding-left .15s;
}
.moa-dropdown li a:hover { background:rgba(30,167,197,0.1); color:var(--moa-accent); padding-left:22px; }
.moa-dropdown li + li { border-top:1px solid var(--moa-border); }


.moa-hamburger {
  display:none; flex-direction:column; justify-content:center; align-items:center;
  gap:5px; width:40px; height:40px;
  background:transparent; border:1px solid var(--moa-border);
  border-radius:var(--moa-radius); cursor:pointer; flex-shrink:0; padding:0; margin-left:4px;
}
.moa-hamburger span { display:block; width:20px; height:2px; background:var(--moa-text); border-radius:2px; transition:transform .3s,opacity .3s; }
.moa-hamburger.is-open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.moa-hamburger.is-open span:nth-child(2) { opacity:0; }
.moa-hamburger.is-open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

.moa-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.55); z-index:10998; }
.moa-overlay.active { display:block; }

.moa-mobile-nav {
  position:fixed; top:0; left:-300px; width:280px; height:100%;
  background:var(--moa-bg); border-right:1px solid var(--moa-border);
  z-index:10999; overflow-y:auto;
  transition:left .3s cubic-bezier(.4,0,.2,1);
  display:flex; flex-direction:column;
}
.moa-mobile-nav.open { left:0; }
.moa-mobile-nav-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 18px; border-bottom:1px solid var(--moa-border); background:var(--moa-bg2);
}
.moa-mobile-close {
  background:transparent; border:none; color:var(--moa-text);
  font-size:1.3rem; cursor:pointer; padding:4px 8px; border-radius:4px; line-height:1;
}
.moa-mobile-close:hover { color:var(--moa-white); background:rgba(255,255,255,0.08); }
.moa-mobile-menu { list-style:none; margin:0; padding:8px 0; flex:1; }
.moa-mobile-menu > li { border-bottom:1px solid var(--moa-border); }
.moa-mobile-parent {
  display:flex; align-items:center; justify-content:space-between;
  padding:13px 18px; color:var(--moa-text); text-decoration:none;
  font-weight:600; font-size:0.93rem; cursor:pointer; transition:background .15s;
}
.moa-mobile-parent i { font-size:1.1rem; margin-right:8px; }
.moa-mobile-parent .moa-arrow { font-size:1rem; transition:transform .25s; opacity:0.5; }
.moa-mobile-parent.open .moa-arrow { transform:rotate(90deg); opacity:1; }
.moa-mobile-parent:hover { background:rgba(255,255,255,0.05); color:var(--moa-white); }
.moa-mobile-menu > li > ul { display:none; list-style:none; margin:0; padding:4px 0; background:rgba(0,0,0,0.2); }
.moa-mobile-menu > li > ul.open { display:block; }
.moa-mobile-menu > li > ul li a {
  display:block; padding:9px 18px 9px 42px;
  color:rgba(255,255,255,0.65); font-size:0.85rem; text-decoration:none;
  transition:color .15s,background .15s;
}
.moa-mobile-menu > li > ul li a:hover { color:var(--moa-accent); background:rgba(30,167,197,0.08); }
.moa-mobile-search {
  display:flex; margin:14px;
  background:rgba(255,255,255,0.06); border:1px solid var(--moa-border); border-radius:20px;
  padding:0 4px 0 14px;
}
.moa-mobile-search input { flex:1; background:transparent; border:none; outline:none; color:var(--moa-white); font-size:0.85rem; padding:9px 0; }
.moa-mobile-search input::placeholder { color:rgba(255,255,255,0.35); }
.moa-mobile-search button { background:transparent; border:none; color:var(--moa-accent); cursor:pointer; padding:5px 10px; font-size:1.1rem; }

@media (max-width: 991px) {
  .moa-menu,
  .moa-hamburger { display:flex!important; }
  .moa-topnav-inner { justify-content:space-between; }
  .moa-logo { margin-right:auto; }
}
@media (max-width: 480px) { .moa-topnav-inner { padding:0 14px; } }