.app-sidebar{--sidebar-glow:rgba(86,234,255,.08);position:relative;background:radial-gradient(circle at 8% 8%,rgba(240,92,175,.07),transparent 26%),radial-gradient(circle at 92% 42%,rgba(86,234,255,.055),transparent 28%),linear-gradient(180deg,#0b111a,#080d14 72%)}
.app-sidebar:before{position:sticky;z-index:0;top:-16px;display:block;width:100%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-secondary),transparent);box-shadow:0 0 18px var(--sidebar-glow);content:""}
.app-sidebar__primary,.app-sidebar__footer{position:relative;z-index:1}
.app-sidebar__group{--nav-accent:var(--accent);position:relative}
.app-sidebar__group>.app-sidebar__item{isolation:isolate;overflow:hidden;border:1px solid transparent;background:transparent;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.app-sidebar__group>.app-sidebar__item:after{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--nav-accent) 20%,transparent),transparent 38%),linear-gradient(90deg,color-mix(in srgb,var(--nav-accent) 8%,transparent),transparent 70%);content:"";opacity:0;transition:opacity .18s ease}
.app-sidebar__group>.app-sidebar__item:hover{border-color:color-mix(in srgb,var(--nav-accent) 25%,transparent);background:color-mix(in srgb,var(--nav-accent) 7%,#101621);color:#f8fbff;transform:translateX(2px);box-shadow:0 8px 24px rgba(0,0,0,.2),inset 0 0 20px color-mix(in srgb,var(--nav-accent) 4%,transparent)}
.app-sidebar__group>.app-sidebar__item:hover:after,.app-sidebar__group>.app-sidebar__item.is-active:after{opacity:1}
.app-sidebar__group>.app-sidebar__item:active{transform:translateX(2px) scale(.985)}
.app-sidebar__group>.app-sidebar__item.is-active{border-color:color-mix(in srgb,var(--nav-accent) 34%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--nav-accent) 15%,#101621),color-mix(in srgb,var(--nav-accent) 5%,#101621));color:#fff;box-shadow:inset 0 0 28px color-mix(in srgb,var(--nav-accent) 5%,transparent),0 0 18px color-mix(in srgb,var(--nav-accent) 7%,transparent)}
.app-sidebar__group>.app-sidebar__item.is-active:before{width:3px;height:22px;background:var(--nav-accent);box-shadow:0 0 12px color-mix(in srgb,var(--nav-accent) 72%,transparent)}
.app-sidebar__group>.app-sidebar__item>span:first-child{color:color-mix(in srgb,var(--nav-accent) 76%,#8e9aae);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--nav-accent) 33%,transparent));transition:color .18s ease,transform .18s ease,filter .18s ease}
.app-sidebar__group>.app-sidebar__item:hover>span:first-child,.app-sidebar__group>.app-sidebar__item.is-active>span:first-child{color:var(--nav-accent);filter:drop-shadow(0 0 9px color-mix(in srgb,var(--nav-accent) 55%,transparent));transform:scale(1.08)}
.app-sidebar__group>.app-sidebar__item>b{letter-spacing:0;transition:color .18s ease}
.app-sidebar__group>.app-sidebar__item>i[data-sidebar-toggle]{display:grid;place-items:center;width:30px;height:30px;margin-right:-8px;border:1px solid transparent;border-radius:5px;color:#69788a;font-size:16px;font-style:normal;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
.app-sidebar__group>.app-sidebar__item>i[data-sidebar-toggle]:hover{border-color:color-mix(in srgb,var(--nav-accent) 35%,transparent);background:color-mix(in srgb,var(--nav-accent) 12%,transparent);color:var(--nav-accent)}
.app-sidebar__group.is-expanded>.app-sidebar__item>i[data-sidebar-toggle]{color:var(--nav-accent);transform:rotate(90deg)}
.app-sidebar__group>.app-sidebar__submenu,.app-sidebar__group>.app-sidebar__item[aria-expanded=false]+.app-sidebar__submenu{display:grid!important;max-height:0;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);border-left-color:transparent!important;transition:max-height .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease,transform .24s ease,margin .24s ease,padding .24s ease,border-color .24s ease,visibility 0s linear .28s}
.app-sidebar__group.is-expanded>.app-sidebar__submenu,.app-sidebar__group>.app-sidebar__item[aria-expanded=true]+.app-sidebar__submenu{max-height:min(66vh,760px);margin-top:3px!important;margin-bottom:7px!important;padding-top:3px!important;padding-bottom:4px!important;overflow:hidden;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);border-left-color:color-mix(in srgb,var(--nav-accent) 28%,var(--border-default))!important;transition-delay:0s}
.app-sidebar__subitem,.app-sidebar__studio-item{transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease!important}
.app-sidebar__subitem:hover,.app-sidebar__studio-item:hover{transform:translateX(2px)}
body.app-sidebar-collapsed .app-sidebar__submenu{display:none!important}
body.app-sidebar-collapsed .app-sidebar__group>.app-sidebar__item>i[data-sidebar-toggle]{display:none}
body.app-sidebar-collapsed .app-sidebar__group>.app-sidebar__item:hover{transform:none}
@media(max-width:760px){.app-header{grid-template-columns:auto 1fr auto}.app-global-search{justify-self:end;width:44px!important;min-width:44px!important;max-width:44px;height:42px;padding:0!important;overflow:hidden}.app-global-search>span:not(:first-child),.app-global-search>kbd{display:none!important}.app-global-search>span:first-child{margin:auto}.app-sidebar{position:fixed;z-index:40;top:var(--header-height,58px);bottom:0;left:0;height:auto;box-shadow:20px 0 52px rgba(0,0,0,.52),1px 0 0 rgba(86,234,255,.1)}.app-main{grid-row:1;min-height:0}.app-sidebar__group>.app-sidebar__item{min-height:46px}.app-sidebar__group>.app-sidebar__submenu{max-height:0}.app-sidebar__group.is-expanded>.app-sidebar__submenu{max-height:min(62vh,680px)}}
@media(prefers-reduced-motion:reduce){.app-sidebar__group>.app-sidebar__item,.app-sidebar__group>.app-sidebar__item:after,.app-sidebar__group>.app-sidebar__item>span:first-child,.app-sidebar__group>.app-sidebar__item>i[data-sidebar-toggle],.app-sidebar__group>.app-sidebar__submenu,.app-sidebar__subitem,.app-sidebar__studio-item{transition:none!important}.app-sidebar__group>.app-sidebar__item:hover,.app-sidebar__subitem:hover,.app-sidebar__studio-item:hover{transform:none}}

/* Unified navigation system: every primary area follows the same hierarchy. */
.app-sidebar__primary{display:grid;gap:5px!important;padding:8px 8px 12px}
.app-sidebar__group,
.app-sidebar__group.is-expanded{display:grid;gap:2px;margin:0!important;padding:0!important;border:0!important;border-radius:11px;background:transparent!important;box-shadow:none!important}
.app-sidebar__group::after{display:none!important;content:none!important}
.app-sidebar__group>.app-sidebar__item,
.app-sidebar__footer>.app-sidebar__item{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto 28px;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:48px;
  padding:4px 6px 4px 8px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#8f9bad;
  text-align:left;
}
.app-sidebar__group>.app-sidebar__item::after{border-radius:inherit}
.app-sidebar__group>.app-sidebar__item>span:first-child,
.app-sidebar__footer>.app-sidebar__item>span:first-child{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:1px solid color-mix(in srgb,var(--nav-accent,var(--accent)) 31%,#293747);
  border-radius:9px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--nav-accent,var(--accent)) 11%,#121925),#0c131d);
  color:color-mix(in srgb,var(--nav-accent,var(--accent)) 82%,#93a0b2);
  font-size:14px;
  font-weight:850;
  line-height:1;
}
.app-sidebar__group>.app-sidebar__item>b,
.app-sidebar__footer>.app-sidebar__item>b{font-size:12px;font-weight:720;letter-spacing:-.01em}
.app-sidebar__count{
  display:grid;
  place-items:center;
  min-width:24px;
  height:20px;
  margin:0;
  padding:0 6px;
  border:1px solid color-mix(in srgb,var(--nav-accent) 30%,#273645);
  border-radius:999px;
  background:color-mix(in srgb,var(--nav-accent) 8%,#0d141e);
  color:color-mix(in srgb,var(--nav-accent) 78%,#9aa8b9);
  font-size:8px;
  font-weight:850;
  line-height:1;
}
.app-sidebar__chevron{grid-column:4}
.app-sidebar__group>.app-sidebar__item>i[data-sidebar-toggle]{
  width:28px;
  height:28px;
  margin:0;
  border-radius:8px;
  font-size:15px;
}
.app-sidebar__group>.app-sidebar__item:hover,
.app-sidebar__group>.app-sidebar__item.is-active{
  transform:none;
  border-color:color-mix(in srgb,var(--nav-accent) 30%,#283543);
  background:
    radial-gradient(circle at 10% 50%,color-mix(in srgb,var(--nav-accent) 13%,transparent),transparent 48%),
    linear-gradient(90deg,color-mix(in srgb,var(--nav-accent) 8%,#101721),#0e151f);
}
.app-sidebar__group>.app-sidebar__item.is-active::before{
  inset:10px auto 10px 0;
  width:3px;
  height:auto;
  border-radius:0 4px 4px 0;
  background:var(--nav-accent);
}
.app-sidebar__group>.app-sidebar__submenu,
.app-sidebar__group.is-expanded>.app-sidebar__submenu{
  gap:3px;
  margin-right:3px!important;
  margin-left:24px!important;
  padding-right:0!important;
  padding-left:11px!important;
  border-left-width:1px!important;
}
.app-sidebar__group.is-expanded>.app-sidebar__submenu{padding-top:4px!important;padding-bottom:6px!important}
.app-sidebar__subitem{
  min-height:36px!important;
  padding:0 9px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#8795a7!important;
  font-size:10px!important;
  font-weight:620!important;
}
.app-sidebar__subitem:hover,
.app-sidebar__subitem.is-active{
  transform:none;
  border-color:color-mix(in srgb,var(--nav-accent) 25%,#273442)!important;
  background:color-mix(in srgb,var(--nav-accent) 7%,#101720)!important;
  color:#eef5fb!important;
}
.app-sidebar__studio{
  gap:8px;
  padding:2px 3px 7px 0;
  border:0!important;
  background:transparent!important;
}
.app-sidebar__studio>label{
  min-height:36px;
  margin:0 1px 3px;
  padding:0 8px;
  border-color:#2b3948;
  border-radius:8px;
  background:#0b121b;
}
.app-sidebar__studio>label:focus-within{
  border-color:color-mix(in srgb,var(--nav-accent) 58%,#2b3948);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--nav-accent) 7%,transparent);
}
.app-sidebar__studio>div{gap:10px;max-height:min(54vh,560px);padding-right:4px}
.app-sidebar__studio section{gap:3px}
.app-sidebar__studio section>small{min-height:22px;padding:0 5px;color:#718195;font-size:7px;letter-spacing:.06em}
.app-sidebar__studio section>small b{
  border-color:color-mix(in srgb,var(--nav-accent) 31%,#2d3d4c);
  background:color-mix(in srgb,var(--nav-accent) 7%,transparent);
  color:var(--nav-accent);
}
.app-sidebar__studio-item{
  --studio-accent:var(--creative-item,var(--nav-accent));
  grid-template-columns:29px minmax(0,1fr)!important;
  gap:8px!important;
  min-height:42px!important;
  padding:4px 7px!important;
  border-radius:8px!important;
}
.app-sidebar__studio-item>span{
  width:29px;
  height:29px;
  border-color:color-mix(in srgb,var(--studio-accent) 31%,#334657);
  border-radius:8px;
  background:color-mix(in srgb,var(--studio-accent) 8%,#111a23);
  color:color-mix(in srgb,var(--studio-accent) 72%,#7e8da0)!important;
  font-size:9px!important;
  font-weight:850;
}
.app-sidebar__studio-item>b{font-size:10px!important;font-weight:680!important}
.app-sidebar__studio-item:hover,
.app-sidebar__studio-item.is-active{
  transform:none;
  border-color:color-mix(in srgb,var(--studio-accent) 32%,#2b3f4d)!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--studio-accent) 10%,#111923),#0e151e)!important;
  color:#f2f7fb!important;
}
.app-sidebar__studio-item:hover>span,
.app-sidebar__studio-item.is-active>span{
  border-color:color-mix(in srgb,var(--studio-accent) 55%,#334657);
  background:color-mix(in srgb,var(--studio-accent) 12%,#111a23);
  color:var(--studio-accent)!important;
}
.app-sidebar__studio-item.is-active::before{background:var(--studio-accent);box-shadow:0 0 9px color-mix(in srgb,var(--studio-accent) 60%,transparent)}
.app-sidebar__footer{
  display:grid;
  gap:4px;
  margin:0 8px;
  padding:10px 0 8px;
}
.app-sidebar__footer>.app-sidebar__item{grid-template-columns:32px minmax(0,1fr);--nav-accent:#8ca0b7}
.app-sidebar__footer>.app-sidebar__item:hover{border-color:#2b3948;background:#101720;color:#eef5fb}
body.app-sidebar-collapsed .app-sidebar__primary{padding-inline:6px}
body.app-sidebar-collapsed .app-sidebar__group>.app-sidebar__item,
body.app-sidebar-collapsed .app-sidebar__footer>.app-sidebar__item{
  grid-template-columns:32px;
  justify-content:center;
  padding-inline:5px;
}
body.app-sidebar-collapsed .app-sidebar__count{display:none}

@media(max-width:760px){
  .app-sidebar__primary{padding-top:7px}
  .app-sidebar__group>.app-sidebar__item,.app-sidebar__footer>.app-sidebar__item{min-height:46px}
}
@media(prefers-reduced-motion:reduce){
  .app-sidebar__group>.app-sidebar__item>span:first-child{transform:none!important}
}