.admin-shell{transition:grid-template-columns .2s ease}
#admin-sidebar{display:flex;flex-direction:column;height:100vh;position:sticky;top:0}
#admin-sidebar .admin-sidebar-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:36px}
#admin-sidebar .admin-sidebar-head .brand{margin:0}
#admin-sidebar .admin-sidebar-toggle{align-items:center;background:transparent;border:1px solid #3a453f;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:0;width:32px}
#admin-sidebar .admin-sidebar-toggle svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-width:2;width:16px}
#admin-sidebar .admin-nav{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;margin-top:4px;overflow-y:auto}
#admin-sidebar .admin-nav-link{align-items:center;border-radius:8px;color:#bdc7c0;display:flex;font-size:13px;gap:12px;margin:0;padding:11px 12px;text-decoration:none;transition:background .15s,color .15s}
#admin-sidebar .admin-nav-link:hover{background:#232d27;color:#fff}
#admin-sidebar .admin-nav-link.active{background:var(--lime);color:var(--ink);font-weight:700}
#admin-sidebar .admin-nav-icon{display:flex;flex:0 0 auto;height:18px;width:18px}
#admin-sidebar .admin-nav-icon svg{fill:none;height:100%;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:100%}
#admin-sidebar .admin-nav-parent{align-items:center;background:transparent;border:0;border-radius:8px;color:#bdc7c0;cursor:pointer;display:flex;font:inherit;font-size:13px;gap:12px;margin:0;padding:11px 12px;text-align:left;width:100%}
#admin-sidebar .admin-nav-parent:hover{background:#232d27;color:#fff}
#admin-sidebar .admin-nav-label{flex:1 1 auto;white-space:nowrap}
#admin-sidebar .admin-nav-chevron{font-size:11px;transition:transform .15s}
#admin-sidebar .admin-nav-group.is-open .admin-nav-chevron{transform:rotate(180deg)}
#admin-sidebar .admin-nav-children{max-height:0;overflow:hidden;transition:max-height .2s ease}
#admin-sidebar .admin-nav-group.is-open .admin-nav-children{max-height:160px}
#admin-sidebar .admin-nav-children a{color:#9aa39c;display:block;font-size:12.5px;margin:0;padding:9px 12px 9px 42px;text-decoration:none}
#admin-sidebar .admin-nav-children a:hover{color:#fff}
#admin-sidebar .admin-nav-children a.active{color:var(--lime);font-weight:700}
#admin-sidebar .admin-sidebar-foot{border-top:1px solid #2b352f;margin-top:14px;padding-top:14px}
#admin-sidebar .admin-back-link{color:#9aa39c;display:block;font-size:12px;margin:0;text-decoration:none}
#admin-sidebar .admin-back-link:hover{color:#fff}

.admin-shell.is-sidebar-collapsed{grid-template-columns:76px 1fr}
.admin-shell.is-sidebar-collapsed #admin-sidebar{padding:20px 14px}
.admin-shell.is-sidebar-collapsed #admin-sidebar .admin-sidebar-head{justify-content:center}
.admin-shell.is-sidebar-collapsed #admin-sidebar .admin-sidebar-head .brand{display:none}
.admin-shell.is-sidebar-collapsed #admin-sidebar .admin-nav-label,
.admin-shell.is-sidebar-collapsed #admin-sidebar .admin-nav-chevron,
.admin-shell.is-sidebar-collapsed #admin-sidebar .admin-nav-children,
.admin-shell.is-sidebar-collapsed #admin-sidebar .admin-sidebar-foot{display:none}
.admin-shell.is-sidebar-collapsed #admin-sidebar .admin-nav-link,
.admin-shell.is-sidebar-collapsed #admin-sidebar .admin-nav-parent{justify-content:center;padding:11px}

@media(max-width:780px){
  .admin-shell{grid-template-columns:1fr}
  #admin-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(0);transition:transform .2s ease;width:230px;z-index:50}
  .admin-shell.is-sidebar-collapsed #admin-sidebar{transform:translateX(-100%)}
  .admin-main{padding:20px 16px}
}