body.dashboard-page .sidebar,body.dashboard-page .main-content{transition:width .24s ease,margin-right .24s ease,padding .24s ease}
.sidebar-collapse{position:absolute;z-index:45;right:-15px;top:21px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #4a3b6f;border-radius:50%;background:linear-gradient(145deg,#211a36,#101722);color:#c9b8f3;font:700 21px/1 Arial,sans-serif;box-shadow:0 8px 24px #0007;transition:.2s}
.sidebar-collapse:hover{border-color:#9b78e8;background:#332452;color:#fff;transform:scale(1.06)}
.sidebar-collapse:focus-visible{outline:2px solid #a982ff;outline-offset:3px}
.sidebar-collapse span{display:block;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;font-size:0;transform:rotate(45deg);transition:transform .2s ease}
.nav-item>.nav-icon{display:grid;place-items:center;width:24px;height:24px;color:#8794a8}
.nav-item>.nav-icon svg,.sidebar-action svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover>.nav-icon,.nav-item.active>.nav-icon{color:#b69cff}
.sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.sidebar-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid #30394b;border-radius:10px;background:#121924;color:#929db0;text-decoration:none;transition:border-color .2s,background .2s,color .2s,transform .2s}
.sidebar-action:hover{transform:translateY(-1px);border-color:#684ea5;background:#211936;color:#d7c8ff}
.sidebar-action>span{display:grid;place-items:center;width:22px;height:22px;flex:none;color:#a98cf2}
.sidebar-action b{font-size:9px;font-weight:700}
@media(min-width:761px){
  html.sidebar-collapsed body.dashboard-page .sidebar,body.dashboard-page .sidebar.collapsed{width:82px;padding-right:12px;padding-left:12px}
  html.sidebar-collapsed body.dashboard-page .main-content,body.dashboard-page.sidebar-collapsed .main-content{width:calc(100% - 82px);margin-right:82px}
  html.sidebar-collapsed body.dashboard-page .topbar,body.dashboard-page.sidebar-collapsed .topbar{padding-inline:38px}
  html.sidebar-collapsed body.dashboard-page .sidebar-collapse span,body.dashboard-page .sidebar.collapsed .sidebar-collapse span{transform:rotate(-135deg)}
  html.sidebar-collapsed body.dashboard-page .brand,body.dashboard-page .sidebar.collapsed .brand{justify-content:center;padding-inline:0}
  html.sidebar-collapsed body.dashboard-page .brand>div,body.dashboard-page .sidebar.collapsed .brand>div,
  html.sidebar-collapsed body.dashboard-page .workspace-switcher>div,body.dashboard-page .sidebar.collapsed .workspace-switcher>div,
  html.sidebar-collapsed body.dashboard-page .workspace-switcher .chevron,body.dashboard-page .sidebar.collapsed .workspace-switcher .chevron,
  html.sidebar-collapsed body.dashboard-page .nav-label,body.dashboard-page .sidebar.collapsed .nav-label,
  html.sidebar-collapsed body.dashboard-page .nav-item>b,body.dashboard-page .sidebar.collapsed .nav-item>b,
  html.sidebar-collapsed body.dashboard-page .nav-item>small,body.dashboard-page .sidebar.collapsed .nav-item>small{display:none!important}
  html.sidebar-collapsed body.dashboard-page .workspace-switcher,body.dashboard-page .sidebar.collapsed .workspace-switcher{justify-content:center;padding:10px 6px}
  html.sidebar-collapsed body.dashboard-page .main-nav,body.dashboard-page .sidebar.collapsed .main-nav{gap:6px;padding-left:0}
  html.sidebar-collapsed body.dashboard-page .nav-item,body.dashboard-page .sidebar.collapsed .nav-item{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;min-height:48px;padding:9px 6px;border:1px solid transparent;text-align:center}
  html.sidebar-collapsed body.dashboard-page .nav-item>.nav-icon,body.dashboard-page .sidebar.collapsed .nav-item>.nav-icon{grid-row:auto;width:30px;height:30px;margin:0}
  html.sidebar-collapsed body.dashboard-page .nav-item>.nav-icon svg,body.dashboard-page .sidebar.collapsed .nav-item>.nav-icon svg{width:21px;height:21px}
  html.sidebar-collapsed body.dashboard-page .nav-item.active,body.dashboard-page .sidebar.collapsed .nav-item.active{border-color:#5d4695;box-shadow:none;background:#211936}
  html.sidebar-collapsed body.dashboard-page .sidebar-bottom,body.dashboard-page .sidebar.collapsed .sidebar-bottom{padding-top:10px}
  html.sidebar-collapsed body.dashboard-page .sidebar-actions,body.dashboard-page .sidebar.collapsed .sidebar-actions{grid-template-columns:1fr;gap:7px;margin-top:0}
  html.sidebar-collapsed body.dashboard-page .sidebar-action,body.dashboard-page .sidebar.collapsed .sidebar-action{width:44px;min-height:42px;margin:0 auto;padding:0;border-color:#342b4c;background:#171421}
  html.sidebar-collapsed body.dashboard-page .sidebar-action:hover,body.dashboard-page .sidebar.collapsed .sidebar-action:hover{border-color:#7657bd;background:#271c3f}
  html.sidebar-collapsed body.dashboard-page .sidebar-action>span,body.dashboard-page .sidebar.collapsed .sidebar-action>span{width:24px;height:24px}
  html.sidebar-collapsed body.dashboard-page .sidebar-action b,body.dashboard-page .sidebar.collapsed .sidebar-action b{display:none!important}
}
@media(max-width:760px){.sidebar-collapse{display:none}.sidebar{width:270px!important}.main-content{width:100%!important;margin-right:0!important}}