.k-sidebar {
    position: relative;
    display: flex;
    flex-direction: column;
    width: var(--da-sidebar-width);
    min-width: var(--da-sidebar-width);
    height: 100vh;
    height: 100dvh;
    background: linear-gradient(165deg, #171d29 0%, var(--da-surface) 44%, #10141d 100%);
    border-right: 1px solid var(--da-border-soft);
    color: var(--da-text);
    font-family: var(--da-font);
}
.k-sidebar-brand { display: flex; align-items: center; gap: 12px; padding: 27px 20px 25px; }
.k-sidebar-logo { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border: 1px solid rgba(213,166,92,.45); border-radius: 12px; background: var(--da-primary-soft); color: var(--da-primary); }
.k-sidebar-logo .material-symbols-outlined { font-size: 25px; }
.k-sidebar-brand-name { font-size: 19px; font-weight: 850; letter-spacing: -.6px; line-height: 1.2; }
.k-sidebar-brand-name span { color: var(--da-primary); }
.k-sidebar-brand-env { display: flex; align-items: center; gap: 6px; margin-top: 5px; color: var(--da-text-muted); font-size: 9px; font-weight: 750; letter-spacing: 1.25px; white-space: nowrap; }
.k-sidebar-brand-dot { width: 3px; height: 3px; background: var(--da-primary); border-radius: 50%; }
.k-sidebar-toggle { position: absolute; top: 35px; right: -14px; z-index: 2; display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 1px solid var(--da-border); border-radius: 8px; background: var(--da-surface-raised); color: var(--da-text-secondary); cursor: pointer; }
.k-sidebar-toggle:hover { color: var(--da-primary); border-color: var(--da-primary); }
.k-sidebar-toggle .material-symbols-outlined { font-size: 18px; }
.k-sidebar-navigation { flex: 1; overflow-y: auto; padding: 0 12px 12px; scrollbar-width: thin; scrollbar-color: var(--da-border) transparent; }
.k-sidebar-section { margin-bottom: 19px; }
.k-sidebar-label { padding: 0 13px 10px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.4px; color: var(--da-text-muted); }
.k-sidebar-nav { display: grid; gap: 3px; }
.k-sidebar-item { position: relative; display: flex; align-items: center; gap: 13px; min-height: 42px; padding: 9px 13px; border-radius: 9px; color: var(--da-text-secondary); text-decoration: none; font-size: 13px; font-weight: 550; transition: background .15s, color .15s; }
.k-sidebar-item > .material-symbols-outlined { font-size: 21px; flex-shrink: 0; }
.k-sidebar-item:hover { background: var(--da-surface-hover); color: var(--da-text); }
.k-sidebar-item.active { color: var(--da-primary-hover); background: var(--da-primary-soft); font-weight: 700; }
.k-sidebar-item.active::before { content: ''; position: absolute; top: 9px; bottom: 9px; left: 0; width: 3px; border-radius: 4px; background: var(--da-primary); }
.k-sidebar-spacer { flex: 0 0 0; }
.k-sidebar-external { display: flex; align-items: center; gap: 11px; margin: 5px 12px 12px; padding: 12px; border: 1px solid var(--da-border); border-radius: 10px; color: var(--da-text-secondary); text-decoration: none; font-size: 12px; }
.k-sidebar-external:hover { border-color: var(--da-primary); color: var(--da-primary-hover); }
.k-sidebar-external .material-symbols-outlined { font-size: 19px; }
.k-sidebar-external-arrow { margin-left: auto; font-size: 16px !important; }
.k-sidebar-user { display: flex; align-items: center; gap: 10px; min-height: 75px; padding: 14px 17px; border-top: 1px solid var(--da-border-soft); }
.k-sidebar-avatar { position: relative; display: grid; place-items: center; flex: 0 0 35px; height: 35px; overflow: hidden; border: 1px solid rgba(213,166,92,.35); border-radius: 10px; background: var(--da-primary-soft); color: var(--da-primary); font-size: 12px; font-weight: 800; }
.k-sidebar-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.k-sidebar-user-content { min-width: 0; flex: 1; }
.k-sidebar-user-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 750; }
.k-sidebar-user-role { margin-top: 4px; color: var(--da-text-muted); font-size: 11px; }
.k-sidebar-user-more { color: var(--da-text-muted); font-size: 20px; }
/* Compatible with an existing JS toggle adding .collapsed to the aside */
.k-sidebar.collapsed { width: 72px; min-width: 72px; }
.k-sidebar.collapsed .k-sidebar-brand { justify-content: center; padding-inline: 10px; }
.k-sidebar.collapsed .k-sidebar-brand-text,
.k-sidebar.collapsed .k-sidebar-label,
.k-sidebar.collapsed .k-sidebar-item-label,
.k-sidebar.collapsed .k-sidebar-external > span:not(:first-child),
.k-sidebar.collapsed .k-sidebar-user-content,
.k-sidebar.collapsed .k-sidebar-user-more { display: none; }
.k-sidebar.collapsed .k-sidebar-navigation { padding-inline: 10px; }
.k-sidebar.collapsed .k-sidebar-item { justify-content: center; padding-inline: 8px; }
.k-sidebar.collapsed .k-sidebar-external { justify-content: center; margin-inline: 10px; }
.k-sidebar.collapsed .k-sidebar-user { justify-content: center; padding-inline: 8px; }
.k-sidebar.collapsed .k-sidebar-toggle .material-symbols-outlined { transform: rotate(180deg); }