.vesta-sidebar {
  position: fixed;
  inset: 14px auto 14px 14px;
  width: calc(var(--vesta-sidebar-w) - 16px);
  height: auto;
  background: var(--vesta-sidebar-bg);
  color: var(--vesta-sidebar-text);
  padding: 18px 14px;
  border: 1px solid rgba(229,233,242,.88);
  border-radius: 24px;
  overflow: auto;
  transition: width .22s ease, padding .22s ease, transform .24s ease;
  z-index: 220;
  box-shadow: var(--vesta-shadow-soft);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  -webkit-overflow-scrolling: touch;
  display:flex;
  flex-direction:column;
}
.vesta-sidebar__brand { display:flex; gap:12px; align-items:center; padding:4px 8px 22px; margin-bottom:12px; }
.vesta-sidebar__logo-mark { width:38px; height:38px; border-radius:14px; background:linear-gradient(135deg,#6D7BFF 0%,#8B5CF6 70%,#BFD7FF 100%); color:#fff; display:grid; place-items:center; font-weight:800; box-shadow:0 14px 30px rgba(91,108,255,.24); }
.vesta-sidebar__brand-copy strong { display:block; font-size:14px; letter-spacing:-.01em; color:var(--vesta-text); }
.vesta-sidebar__brand-copy span { display:block; color:var(--vesta-sidebar-muted); font-size:11px; margin-top:2px; }
.vesta-sidebar__nav { flex:1 1 auto; padding-bottom:14px; }
.vesta-sidebar__group { margin-bottom:18px; }
.vesta-sidebar__group-label { padding:8px 10px; color:var(--vesta-sidebar-muted); font-size:10px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
.vesta-sidebar__item { display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:14px; color:var(--vesta-sidebar-text); margin-bottom:5px; border:1px solid transparent; transition:background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; }
.vesta-sidebar__item:hover { background:#F8FAFF; transform:translateX(2px); }
.vesta-sidebar__item.is-active { background:var(--vesta-sidebar-active-bg); color:var(--vesta-sidebar-active-text); border-color:#E2E7FF; box-shadow:0 12px 30px rgba(91,108,255,.10); }
.vesta-sidebar__label { font-size:13px; font-weight:650; }
.vesta-icon-pill, .vesta-sidebar__item .vesta-icon { width:20px; height:20px; display:grid; place-items:center; flex:0 0 auto; }
.vesta-sidebar__workspace-card,.vesta-sidebar__user-card,.vesta-sidebar__collapse{border:1px solid var(--vesta-border);background:#fff;border-radius:16px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 26px rgba(16,24,40,.04)}
.vesta-sidebar__workspace-card{padding:10px;margin:10px 0}.vesta-sidebar__workspace-icon,.vesta-sidebar__avatar{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#6D7BFF,#8B5CF6);color:#fff;font-weight:800;font-size:12px}.vesta-sidebar__workspace-copy,.vesta-sidebar__user-copy{display:grid;gap:2px;min-width:0}.vesta-sidebar__workspace-copy strong,.vesta-sidebar__user-copy strong{font-size:12px;color:var(--vesta-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vesta-sidebar__workspace-copy small,.vesta-sidebar__user-copy small{font-size:11px;color:var(--vesta-muted)}.vesta-sidebar__workspace-chevron{margin-left:auto;color:var(--vesta-muted)}.vesta-sidebar__user-card{padding:10px;margin-top:4px}.vesta-sidebar__collapse{width:100%;height:44px;margin-top:12px;padding:0 14px;justify-content:space-between;color:var(--vesta-text-2);font-weight:700;cursor:pointer}
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar { width: var(--vesta-sidebar-w-collapsed); padding-left:10px; padding-right:10px; }
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__brand { justify-content:center; padding-left:0; padding-right:0; }
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__brand-copy,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__group-label,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__label,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__workspace-copy,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__workspace-chevron,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__user-copy,
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__collapse span:first-child { display:none; }
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__item { justify-content:center; padding-left:0; padding-right:0; }
.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__workspace-card,.vesta-app-shell.is-sidebar-collapsed .vesta-sidebar__user-card{justify-content:center;padding:10px 0}
@media (max-width: 1023px) {
  .vesta-sidebar { inset:10px auto 10px 10px; width:min(280px, 84vw); transform:translateX(calc(-100% - 20px)); z-index:9997; box-shadow: 18px 0 38px rgba(16,24,40,.16); }
  .vesta-sidebar.is-open { transform:none; }
  .vesta-app-shell.is-sidebar-open::after { content:''; position:fixed; inset:0; background:rgba(16,24,40,.28); z-index:9996; backdrop-filter: blur(3px); }
}
@media (max-width: 767px) { .vesta-sidebar { width: min(300px, 88vw); padding: 16px 12px 24px; } }