html.dark,
html.dark[class*="theme-"] {
    --sidebar: #070a16;
    --sidebar-foreground: oklch(96% 0.025 260);
    --sidebar-primary: hsl(226 92% 66%);
    --sidebar-primary-foreground: oklch(100% 0 0);
    --sidebar-accent: rgba(38, 61, 119, 0.22);
    --sidebar-accent-foreground: oklch(97% 0.025 260);
    --sidebar-border: rgba(91, 121, 196, 0.25);
    --sidebar-ring: #63dcff;
}

html.dark [data-slot="sidebar-inner"],
html.dark [data-sidebar="sidebar"][data-slot="sidebar"] {
    background:
        linear-gradient(180deg, rgba(6, 9, 20, 0.98), rgba(7, 10, 22, 0.96)) !important;
    color: #f4f7ff !important;
    box-shadow:
        inset -1px 0 0 rgba(91, 121, 196, 0.25),
        16px 0 44px rgba(0, 0, 0, 0.2);
}

html.dark [data-slot="sidebar-container"] {
    border-right-color: rgba(91, 121, 196, 0.25) !important;
}

html.dark [data-sidebar="header"],
html.dark [data-sidebar="footer"] {
    color: #f4f7ff !important;
}

html.dark [data-sidebar="group-label"] {
    color: #9babd2 !important;
}

html.dark [data-sidebar="menu-button"],
html.dark [data-sidebar="menu-sub-button"],
html.dark [data-sidebar="menu-action"],
html.dark [data-sidebar="menu-badge"] {
    color: #dce6ff !important;
}

html.dark [data-sidebar="menu-button"]:hover,
html.dark [data-sidebar="menu-sub-button"]:hover,
html.dark [data-sidebar="menu-button"][data-active="true"],
html.dark [data-sidebar="menu-sub-button"][data-active="true"],
html.dark [data-sidebar="menu-action"]:hover {
    background: rgba(38, 61, 119, 0.22) !important;
    color: #ffffff !important;
}

html.dark [data-sidebar="separator"] {
    background: rgba(91, 121, 196, 0.2) !important;
}

html.dark [data-sidebar="input"] {
    background: rgba(13, 18, 36, 0.94) !important;
    border-color: rgba(91, 121, 196, 0.25) !important;
}