.sd-dashboard-body { margin: 0; background: #f3f5f9; }
.sd-shell {
    --sd-sidebar-width: 240px;
    --sd-admin-offset: 0px;
    min-height: 100vh;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.admin-bar .sd-shell { --sd-admin-offset: 32px; }
.sd-shell--sidebar { background: #f3f5f9; }
.sd-sidebar, .sd-sidebar *, .sd-mobile-bar, .sd-main { box-sizing: border-box; }
.sd-main { min-width: 0; padding: 1px 0; }
.sd-shell--sidebar .sd-main { margin-left: var(--sd-sidebar-width); padding: 24px; }
.sd-shell--sidebar .sd-main > .mainwp-dashboard { margin: 0 auto; width: 100%; box-sizing: border-box; }
.sd-sidebar {
    position: fixed;
    inset: var(--sd-admin-offset) auto 0 0;
    width: var(--sd-sidebar-width);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    background: #111c30;
    color: #d0d9e8;
    border-right: 1px solid #263349;
    font-size: 14px;
    line-height: 1.5;
}
.sd-brand { display: flex; align-items: center; gap: 12px; min-height: 100px; padding: 24px 20px; border-bottom: 1px solid #263349; }
.sd-brand-mark { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; background: #3478f6; color: #fff; box-shadow: 0 4px 16px #0002; }
.sd-brand-text { font-size: 12px; color: #a8b8d1; letter-spacing: .02em; }
.sd-brand-text strong { display: block; color: #f8fafc; font-size: 16px; font-weight: 650; letter-spacing: -.02em; }
.sd-navigation { flex: 1; min-height: 0; overflow-y: auto; padding: 24px 12px; scrollbar-width: thin; scrollbar-color: #41516d transparent; }
.sd-nav-heading { margin: 0 12px 12px; font-size: 10px; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; color: #8294af; }
.sd-nav-heading--secondary { margin-top: 30px; }
.sd-menu { list-style: none; padding: 0; margin: 0; display: grid; gap: 5px; }
.sd-menu-item { margin: 0; padding: 0; min-width: 0; }
.sd-menu-row { display: flex; align-items: center; border-radius: 8px; }
.sd-link, .sd-collapse { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 11px 12px; color: #b9c7dc; text-decoration: none; font: inherit; font-weight: 500; border-radius: 8px; }
.sd-link { flex: 1; min-width: 0; }
.sd-link-label { overflow-wrap: anywhere; }
.sd-icon { display: block; flex: 0 0 20px; }
.sd-menu-row:hover, .sd-cta:hover, .sd-collapse:hover { background: #1e2c44; }
.sd-link:hover { color: #fff; text-decoration: none; }
.sd-menu-item.is-current > .sd-menu-row { background: #2864d9;}
.sd-menu-item.is-current > .sd-menu-row > .sd-link { color: #fff; }
.sd-menu-item.is-ancestor > .sd-menu-row > .sd-link { color: #fff; }
.sd-icon-button, .sd-submenu-toggle { display: grid; place-items: center; border: 0; background: transparent; color: inherit; border-radius: 7px; cursor: pointer; padding: 10px; min-width: 40px; min-height: 44px; }
.sd-submenu-toggle { flex: 0 0 40px; }
.sd-submenu-toggle[aria-expanded="true"] .sd-icon { transform: rotate(90deg); }
.sd-submenu { margin: 5px 0 8px 21px; padding-left: 9px; border-left: 1px solid #35445d; }
.sd-submenu .sd-link { font-size: 13px; padding-left: 8px; }
.sd-submenu .sd-link > .sd-icon { display: none; }
.sd-sidebar-footer { padding: 14px 12px 18px; border-top: 1px solid #263349; }
.sd-collapse { width: 100%; border: 0; background: transparent; text-align: left; cursor: pointer; }
.sd-footer-caption { display: block; padding: 12px 12px 0; color: #8294af; font-size: 10px; }
.sd-cta { margin-top: 20px; border: 1px solid #35445d; }
.sd-sidebar :is(a, button):focus-visible, .sd-mobile-bar button:focus-visible { outline: 2px solid #9ac4ff; outline-offset: 2px; }
.sd-mobile-bar, .sd-mobile-close, .sd-backdrop, .sd-collapse { display: none; }
.sd-shell.is-ready .sd-collapse { display: flex; }
.sd-shell [hidden] { display: none !important; }
.sd-skip { position: fixed; left: 12px; top: -100px; z-index: 1002; padding: 12px 18px; border-radius: 8px; background: #fff; color: #174cae; }
.sd-skip:focus { top: calc(var(--sd-admin-offset) + 12px); }
body.sd-navigation-open { overflow: hidden; }
@media (min-width: 1024px) {
    .sd-shell.is-collapsed { --sd-sidebar-width: 76px; }
    .sd-shell.is-collapsed .sd-brand { padding: 24px 20px; }
    .sd-shell.is-collapsed :is(.sd-brand-text, .sd-nav-heading, .sd-footer-caption, .sd-submenu, .sd-submenu-toggle) { display: none; }
    .sd-shell.is-collapsed .sd-link-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .sd-shell.is-collapsed .sd-link, .sd-shell.is-collapsed .sd-collapse { justify-content: center; padding: 12px 0; }
    .sd-shell.is-collapsed .sd-collapse .sd-icon { transform: rotate(180deg); }
}
@media (max-width: 1023px) {
    .sd-shell--sidebar .sd-main { margin-left: 0; padding: 16px; }
    .sd-sidebar { position: relative; inset: auto; width: 100%; }
    .sd-shell.is-ready .sd-sidebar { position: fixed; inset: var(--sd-admin-offset) auto 0 0; width: min(280px, calc(100vw - 40px)); visibility: hidden; transform: translateX(-100%); }
    .sd-shell.is-ready.is-open .sd-sidebar { visibility: visible; transform: translateX(0); }
    .sd-shell.is-ready .sd-mobile-bar { display: flex; align-items: center; justify-content: space-between; position: sticky; top: var(--sd-admin-offset); z-index: 998; padding: 10px 16px; background: #fff; border-bottom: 1px solid #e2e8f0; color: #16243b; font-size: 14px; font-weight: 650; }
    .sd-shell.is-ready .sd-mobile-close { display: grid; margin-left: auto; }
    .sd-shell.is-ready .sd-collapse { display: none; }
    .sd-backdrop { position: fixed; inset: var(--sd-admin-offset) 0 0; z-index: 999; background: #0b142b99; }
    .sd-shell.is-open .sd-backdrop { display: block; }
    .sd-brand { padding: 20px 16px; min-height: 90px; gap: 10px; }
    .sd-sidebar-footer { padding-bottom: 20px; }
}
@media (max-width: 782px) { body.admin-bar .sd-shell { --sd-admin-offset: 46px; } }
@media (prefers-reduced-motion: no-preference) {
    .sd-link, .sd-menu-row, .sd-collapse { transition: background-color .15s ease, color .15s ease; }
    .sd-shell.is-ready .sd-sidebar { transition: transform .2s ease; }
}