.sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 50;
    width: var(--sidebar-width);
    display: flex;
    flex-direction: column;
    border-right: 1px solid #1c3556;
    background: var(--bg-sidebar);
    color: #ffffff;
    transition: width 180ms ease, transform 180ms ease;
}
.sidebar-brand { min-height: 72px; display: flex; align-items: center; gap: var(--space-3); padding: 0.75rem 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.sidebar-logo { display: block; min-width: 0; }
.sidebar-logo img { display: block; width: 154px; max-width: 100%; height: auto; }
.sidebar-toggle { flex: 0 0 40px; margin-left: auto; }
.sidebar .icon-btn { border-color: rgba(255, 255, 255, 0.16); background: transparent; color: #c6d0df; }
.sidebar .icon-btn:hover, .sidebar .icon-btn:focus-visible { border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.08); color: #ffffff; }
.sidebar-nav { display: grid; gap: .25rem; padding: 1rem .75rem; }
.sidebar-link { position: relative; display: flex; align-items: center; gap: .85rem; min-height: 44px; padding: 0 .85rem; border-radius: var(--border-radius-sm); color: #c0cadd; font-weight: 500; }
.sidebar-link i { width: 22px; text-align: center; font-size: 1.02rem; }
.sidebar-link:hover, .sidebar-link:focus-visible { background: rgba(255, 255, 255, 0.07); color: #ffffff; }
.sidebar-link.active { background: #ffffff; color: var(--primary-strong); font-weight: 600; }
.sidebar-user { display: flex; align-items: center; gap: .75rem; margin-top: auto; padding: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.sidebar-user .avatar { background: #dce5ef; color: var(--primary-strong); }
.user-copy { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.user-copy strong, .user-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-copy strong { color: #ffffff; font-weight: 500; }
.user-copy span { color: #aebbd0; font-size: .76rem; font-weight: 500; text-transform: capitalize; }
.sidebar-logout { flex: 0 0 40px; margin-left: auto; }
.app-shell[data-sidebar-state="collapsed"] .sidebar { width: var(--sidebar-collapsed); }
.app-shell[data-sidebar-state="collapsed"] .sidebar-logo,
.app-shell[data-sidebar-state="collapsed"] .sidebar-link span,
.app-shell[data-sidebar-state="collapsed"] .sidebar-user .avatar,
.app-shell[data-sidebar-state="collapsed"] .user-copy { display: none; }
.app-shell[data-sidebar-state="collapsed"] .sidebar-brand,
.app-shell[data-sidebar-state="collapsed"] .sidebar-user { justify-content: center; }
.app-shell[data-sidebar-state="collapsed"] .sidebar-brand,
.app-shell[data-sidebar-state="collapsed"] .sidebar-user { padding-right: 0.75rem; padding-left: 0.75rem; }
.app-shell[data-sidebar-state="collapsed"] .sidebar-toggle,
.app-shell[data-sidebar-state="collapsed"] .sidebar-logout { margin-left: 0; }
.app-shell[data-sidebar-state="collapsed"] .sidebar-link { justify-content: center; padding: 0; }
.sidebar-overlay { position: fixed; inset: 0; z-index: 45; display: none; background: rgba(8, 18, 33, .56); }