@layer components{.ds-sidebar{background:var(--surface-panel);border-right:var(--border-w) solid var(--line-strong)}.sidebar-header{padding:0 var(--space-4);height:var(--chrome-header);display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border-w) solid var(--line-strong)}.sidebar-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-primary)}.sidebar-logo .ds-mark{width:22px;height:22px;color:var(--dim)}.sidebar-logo .dot{color:var(--dim)}.sidebar-header-actions{display:flex;align-items:center;gap:var(--space-1)}.sidebar-close-btn,.sidebar-rail-btn{background:transparent;border:var(--border-w) solid transparent;color:var(--fg-muted);width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--motion-fast) var(--easing),color var(--motion-fast) var(--easing)}.sidebar-close-btn:hover,.sidebar-rail-btn:hover{background:var(--surface-hover);color:var(--fg-primary);border-color:var(--line-default)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-3) 0}.ds-nav-group{margin-bottom:2px}.ds-nav-group-title{padding:var(--space-3) var(--space-4) var(--space-2);color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:var(--lh-2xs);text-transform:uppercase;letter-spacing:.18em;font-weight:var(--fw-medium);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;transition:color var(--motion-fast) var(--easing)}.ds-nav-group-title:hover{color:var(--fg-secondary)}.ds-nav-group-title .arrow{font-size:15px;transition:transform var(--motion-base) var(--easing)}.expanded .ds-nav-group-title .arrow{transform:rotate(180deg)}.ds-nav-group-items{display:flex;flex-direction:column;padding-left:var(--space-3);margin-bottom:var(--space-2)}.ds-nav-group:not(.expanded)>.ds-nav-group-items{display:none}.ds-sidebar-subitem{padding:7px var(--space-4) 7px var(--space-8);color:var(--fg-secondary);text-decoration:none;font-size:var(--text-sm);line-height:var(--lh-sm);font-weight:var(--fw-regular);border-radius:var(--radius-sm);margin:1px var(--space-3);border-left:2px solid transparent;transition:background var(--motion-fast) var(--easing),color var(--motion-fast) var(--easing)}.ds-sidebar-subitem:hover{background:var(--surface-hover);color:var(--fg-primary)}.ds-sidebar-subitem.active{background:var(--signal-soft-bg);color:var(--signal-soft-fg);font-weight:var(--fw-medium);border-left-color:var(--signal);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.ds-sidebar-item.single-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:0 var(--space-3) var(--space-2);border-radius:var(--radius-md);border-left:2px solid transparent;color:var(--fg-primary);font-size:var(--text-sm);font-weight:var(--fw-medium);text-decoration:none;transition:background var(--motion-fast) var(--easing),color var(--motion-fast) var(--easing)}.ds-sidebar-item.single-link:hover{background:var(--surface-hover)}.ds-sidebar-item.single-link.active{background:var(--signal-soft-bg);color:var(--signal-soft-fg);border-left-color:var(--signal);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:none}.ds-sidebar-item.single-link.active .icon{color:var(--signal-text)}.ds-sidebar-item.single-link .icon{font-size:19px}.ds-sidebar-footer{padding:var(--space-3) var(--space-4);background:var(--surface-app);border-top:var(--border-w) solid var(--line-strong)}.ds-user-block{display:flex;align-items:center;gap:var(--space-3)}.ds-user-info-mini{display:flex;flex-direction:column}.ds-user-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg-primary)}.ds-user-role{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-caps);color:var(--fg-muted);text-transform:uppercase}.ds-nav-group,.ds-sidebar-item{opacity:1;transform:none}@media(max-width:1024px){.ds-sidebar{width:280px}}}