:root {
    --mx-dashboard-orange: #ff8700;
    --mx-dashboard-orange-hover: #f47c00;
    --mx-dashboard-emerald: #047857;
    --mx-dashboard-emerald-dark: #065f46;
    --mx-dashboard-soft-green: #ecfdf5;
    --mx-dashboard-text: #111827;
    --mx-dashboard-muted: #9ca3af;
    --mx-sidebar-width: 276px;
    --mx-sidebar-mini-width: 80px;
    --mx-dashboard-gap: 18px;
}

/* Member navigation remains a normal, reliable aMember request. The browser keeps
   the dashboard chrome visually stable while only the page content transitions. */
@view-transition { navigation: auto; }

.migxo-member-layout .preloader { display: none !important; }
.migxo-member-layout .migxo-dashboard-sidebar { view-transition-name: migxo-dashboard-sidebar; }
.migxo-member-layout .topbar { view-transition-name: migxo-dashboard-topbar; }
.migxo-member-layout .page-wrapper { view-transition-name: migxo-dashboard-content; }

::view-transition-old(migxo-dashboard-sidebar),
::view-transition-new(migxo-dashboard-sidebar),
::view-transition-old(migxo-dashboard-topbar),
::view-transition-new(migxo-dashboard-topbar) {
    animation: none !important;
}

::view-transition-group(migxo-dashboard-sidebar),
::view-transition-group(migxo-dashboard-topbar) {
    animation: none !important;
}

::view-transition-image-pair(migxo-dashboard-sidebar),
::view-transition-image-pair(migxo-dashboard-topbar) {
    isolation: auto;
}

::view-transition-old(migxo-dashboard-content) {
    animation: migxo-dashboard-content-out .11s ease-in both;
}

::view-transition-new(migxo-dashboard-content) {
    animation: migxo-dashboard-content-in .2s ease-out both;
}

@keyframes migxo-dashboard-content-out {
    to { opacity: 0; transform: translateY(3px); }
}

@keyframes migxo-dashboard-content-in {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Persistent member header */
.migxo-dashboard-topbar {
    font-family: "Inter", Arial, sans-serif;
}

.migxo-dashboard-topbar .top-navbar {
    display: flex;
    min-width: 0;
    align-items: center;
}

.migxo-topbar-content {
    display: flex;
    width: 100%;
    min-width: 0;
    height: 64px;
    padding: 8px 9px 8px 16px;
    align-items: center;
    gap: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 12px 34px rgba(17,24,39,.08);
    backdrop-filter: blur(16px);
}

.migxo-dashboard-notice-spacer { flex: 1 1 auto; min-width: 0; }
.migxo-dashboard-notice {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    padding: 5px 10px 5px 6px;
    align-items: center;
    gap: 9px;
    overflow: hidden;
    border: 1px solid #a7f3d0;
    border-radius: 13px;
    background: #ecfdf5;
    color: #065f46;
}

.migxo-dashboard-notice--important {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #9a3412;
}

.migxo-dashboard-notice--emergency {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.migxo-dashboard-notice-icon {
    display: grid;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 10px;
    background: #047857;
    box-shadow: 0 6px 14px rgba(4,120,87,.18);
    color: #fff;
}

.migxo-dashboard-notice--important .migxo-dashboard-notice-icon { background: #ff8700; box-shadow: 0 6px 14px rgba(255,135,0,.2); }
.migxo-dashboard-notice--emergency .migxo-dashboard-notice-icon { background: #dc2626; box-shadow: 0 6px 14px rgba(220,38,38,.2); }
.migxo-dashboard-notice-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.migxo-dashboard-notice-window { min-width: 0; flex: 1 1 auto; overflow: hidden; }
.migxo-dashboard-notice-track {
    width: max-content;
    padding-left: 100%;
    white-space: nowrap;
    animation: migxo-dashboard-notice-scroll 32s linear infinite;
    animation-delay: var(--mx-notice-delay, 0s);
    will-change: transform;
}

.migxo-dashboard-notice:hover .migxo-dashboard-notice-track,
.migxo-dashboard-notice:focus-within .migxo-dashboard-notice-track { animation-play-state: paused; }
.migxo-dashboard-notice-track span,
.migxo-dashboard-notice-track a { color: inherit; font-size: 12px; font-weight: 700; text-decoration: none; }
.migxo-dashboard-notice-track a:hover { text-decoration: underline; }

@keyframes migxo-dashboard-notice-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

.migxo-topbar-profile { position: relative; flex: 0 0 auto; }
.migxo-topbar-profile::after { position: absolute; top: 100%; right: 0; width: 100%; height: 12px; content: ""; }
.migxo-profile-trigger {
    display: flex;
    height: 46px;
    min-width: 176px;
    padding: 4px 9px 4px 5px;
    align-items: center;
    gap: 9px;
    border: 1px solid #e5e7eb;
    border-radius: 13px;
    outline: 0;
    background: #fff;
    color: #111827;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.migxo-profile-trigger:hover,
.migxo-profile-trigger:focus-visible,
.migxo-topbar-profile.show .migxo-profile-trigger {
    border-color: #a7f3d0;
    background: #f9fffc;
    box-shadow: 0 0 0 3px rgba(4,120,87,.09);
}

.migxo-profile-avatar {
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient(145deg, #047857, #065f46);
    box-shadow: 0 7px 16px rgba(4,120,87,.2);
    color: #fff;
    font-family: "Manrope", Arial, sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}

.migxo-profile-copy { display: grid; min-width: 0; flex: 1 1 auto; line-height: 1.15; text-align: left; }
.migxo-profile-copy small { color: #6b7280; font-size: 9px; font-weight: 600; }
.migxo-profile-copy strong { max-width: 92px; margin-top: 3px; overflow: hidden; color: #111827; font-size: 11px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.migxo-profile-chevron { width: 16px; height: 16px; fill: none; stroke: #6b7280; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease; }
.migxo-topbar-profile.show .migxo-profile-chevron { transform: rotate(180deg); }

.migxo-dashboard-topbar .migxo-profile-menu {
    top: calc(100% + 9px) !important;
    right: 0 !important;
    left: auto !important;
    min-width: 240px;
    margin: 0;
    padding: 8px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(17,24,39,.16);
}

.migxo-profile-menu-head { display: flex; margin-bottom: 6px; padding: 7px 8px 11px; align-items: center; gap: 10px; border-bottom: 1px solid #f3f4f6; }
.migxo-profile-menu-head > span:last-child { display: grid; min-width: 0; line-height: 1.2; }
.migxo-profile-menu-head small { color: #6b7280; font-size: 9px; font-weight: 650; }
.migxo-profile-menu-head strong { max-width: 145px; margin-top: 3px; overflow: hidden; color: #111827; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.migxo-dashboard-topbar .migxo-profile-menu .dropdown-item { display: flex; min-height: 40px; padding: 9px 10px; align-items: center; gap: 10px; border-radius: 9px; color: #374151; font-size: 12px; font-weight: 650; }
.migxo-dashboard-topbar .migxo-profile-menu .dropdown-item:hover,
.migxo-dashboard-topbar .migxo-profile-menu .dropdown-item:focus { background: #ecfdf5; color: #047857; }
.migxo-dashboard-topbar .migxo-profile-menu .dropdown-item svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.migxo-dashboard-topbar .migxo-profile-menu .migxo-profile-logout { margin-top: 3px; color: #b91c1c; }
.migxo-dashboard-topbar .migxo-profile-menu .migxo-profile-logout:hover,
.migxo-dashboard-topbar .migxo-profile-menu .migxo-profile-logout:focus { background: #fef2f2; color: #b91c1c; }

@media (hover: hover) and (pointer: fine) {
    .migxo-topbar-profile:hover .migxo-profile-menu,
    .migxo-topbar-profile:focus-within .migxo-profile-menu { display: block; }
}

.migxo-legacy-sidebar { display: none !important; }

.migxo-dashboard-sidebar {
    color: #fff;
    font-family: "Inter", Arial, sans-serif;
}

.migxo-dashboard-sidebar,
.migxo-dashboard-sidebar * { box-sizing: border-box; }

.migxo-sidebar-inner {
    display: flex;
    height: 100%;
    min-height: 0;
    flex-direction: column;
    overflow: visible;
}

.migxo-sidebar-brand-row {
    position: relative;
    display: flex;
    min-height: 86px;
    padding: 17px 18px 13px;
    align-items: center;
}

.migxo-sidebar-brand {
    display: flex;
    width: 100%;
    min-width: 0;
    height: 54px;
    padding: 9px 13px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
    text-decoration: none !important;
}

.migxo-sidebar-brand img { display: block; width: 146px; max-width: 100%; height: auto; }
.migxo-sidebar-monogram {
    display: none;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 50%;
    background: transparent url("../img/toolsicon.png") center / 100% 100% no-repeat;
    box-shadow: 0 8px 20px rgba(0,0,0,.16);
}

.migxo-sidebar-toggle {
    position: absolute;
    top: 31px;
    right: -18px;
    z-index: 3;
    display: grid;
    width: 38px;
    height: 38px;
    padding: 0;
    place-items: center;
    border: 3px solid #f9fafb;
    border-radius: 12px;
    outline: 0;
    background: var(--mx-dashboard-orange);
    box-shadow: 0 8px 22px rgba(255, 135, 0, .28);
    color: #fff;
    cursor: pointer;
    transition: background .2s ease, transform .25s ease, box-shadow .2s ease;
}

.migxo-sidebar-toggle:hover { background: var(--mx-dashboard-orange-hover); box-shadow: 0 10px 25px rgba(255, 135, 0, .34); }
.migxo-sidebar-toggle:focus-visible { box-shadow: 0 0 0 4px rgba(255, 135, 0, .24), 0 10px 25px rgba(255, 135, 0, .28); }
.migxo-sidebar-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.migxo-sidebar-toggle-close { display: none; }

.migxo-sidebar-menu {
    min-height: 0;
    padding: 4px 14px 16px;
    flex: 1;
    overflow-x: visible;
    overflow-y: auto;
    scrollbar-color: rgba(255,255,255,.2) transparent;
    scrollbar-width: thin;
}

.migxo-sidebar-menu::-webkit-scrollbar { width: 5px; }
.migxo-sidebar-menu::-webkit-scrollbar-track { background: transparent; }
.migxo-sidebar-menu::-webkit-scrollbar-thumb { border-radius: 20px; background: rgba(255,255,255,.18); }
.migxo-sidebar-section + .migxo-sidebar-section { margin-top: 21px; }
.migxo-sidebar-section-title { margin: 0 10px 8px; color: #6ee7b7; font-size: 10px; font-weight: 800; letter-spacing: .14em; line-height: 1.4; text-transform: uppercase; }

.migxo-sidebar-link {
    position: relative;
    display: flex;
    min-height: 46px;
    margin: 4px 0;
    padding: 10px 12px;
    align-items: center;
    gap: 12px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: #d1d5db !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.25;
    text-decoration: none !important;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.migxo-sidebar-link > svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.migxo-sidebar-link > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.migxo-sidebar-link > small { margin-left: auto; padding: 3px 7px; border-radius: 999px; background: var(--mx-dashboard-orange); color: #fff; font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.migxo-sidebar-link:hover { border-color: rgba(110, 231, 183, .12); background: rgba(4, 120, 87, .18); color: #fff !important; transform: translateX(2px); }
.migxo-sidebar-link.is-active,
.migxo-sidebar-link.active {
    border-color: rgba(110, 231, 183, .22);
    background: linear-gradient(135deg, var(--mx-dashboard-emerald), var(--mx-dashboard-emerald-dark));
    box-shadow: 0 12px 24px rgba(4, 120, 87, .27);
    color: #fff !important;
}
.migxo-sidebar-link.is-active::before,
.migxo-sidebar-link.active::before { position: absolute; top: 10px; bottom: 10px; left: -14px; width: 3px; border-radius: 0 4px 4px 0; background: var(--mx-dashboard-orange); content: ""; }
.migxo-sidebar-logout:hover { border-color: rgba(248, 113, 113, .18); background: rgba(185, 28, 28, .16); }

.migxo-sidebar-user {
    display: grid;
    min-width: 0;
    margin: 0 14px 15px;
    padding: 10px;
    align-items: center;
    grid-template-columns: 40px minmax(0, 1fr) 16px;
    gap: 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 15px;
    background: rgba(255,255,255,.07);
    color: #fff !important;
    text-decoration: none !important;
    transition: border-color .18s ease, background .18s ease;
}
.migxo-sidebar-user:hover { border-color: rgba(110,231,183,.25); background: rgba(255,255,255,.1); }
.migxo-sidebar-avatar { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; background: linear-gradient(145deg, var(--mx-dashboard-orange), var(--mx-dashboard-orange-hover)); box-shadow: 0 8px 18px rgba(255,135,0,.22); color: #fff; font-family: "Manrope", Arial, sans-serif; font-size: 15px; font-weight: 800; }
.migxo-sidebar-user-copy { display: grid; min-width: 0; line-height: 1.2; }
.migxo-sidebar-user-copy strong,
.migxo-sidebar-user-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.migxo-sidebar-user-copy strong { font-size: 12px; }
.migxo-sidebar-user-copy small { margin-top: 4px; color: var(--mx-dashboard-muted); font-size: 9px; }
.migxo-sidebar-user > svg { width: 16px; height: 16px; fill: none; stroke: #9ca3af; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.migxo-sidebar-overlay { display: none; }

@media (min-width: 768px) {
    .migxo-dashboard-shell .migxo-dashboard-sidebar {
        position: fixed !important;
        top: var(--mx-dashboard-gap) !important;
        bottom: var(--mx-dashboard-gap);
        left: var(--mx-dashboard-gap);
        z-index: 1040;
        width: var(--mx-sidebar-width);
        height: auto !important;
        padding: 0 !important;
        overflow: visible;
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 24px;
        background: linear-gradient(160deg, #111827 0%, #071f1a 58%, #052e26 100%) !important;
        box-shadow: 0 24px 60px rgba(17,24,39,.2) !important;
        transition: width .26s ease, box-shadow .26s ease;
    }
    .migxo-dashboard-shell .topbar .top-navbar .navbar-header { display: none !important; }
    .migxo-dashboard-shell .topbar .top-navbar .navbar-collapse { margin-left: 0 !important; }
    .migxo-dashboard-shell .topbar {
        top: var(--mx-dashboard-gap) !important;
        right: var(--mx-dashboard-gap);
        left: calc(var(--mx-sidebar-width) + (var(--mx-dashboard-gap) * 2));
        width: auto !important;
        height: 64px;
        transition: left .26s ease;
    }
    .migxo-dashboard-shell .page-wrapper {
        margin-left: calc(var(--mx-sidebar-width) + (var(--mx-dashboard-gap) * 2)) !important;
        padding-top: 80px;
        transition: margin-left .26s ease;
    }

    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-dashboard-sidebar { width: var(--mx-sidebar-mini-width) !important; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-dashboard-sidebar:hover { width: var(--mx-sidebar-mini-width) !important; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .topbar { left: calc(var(--mx-sidebar-mini-width) + (var(--mx-dashboard-gap) * 2)); }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .page-wrapper { margin-left: calc(var(--mx-sidebar-mini-width) + (var(--mx-dashboard-gap) * 2)) !important; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-brand-row { padding-right: 11px; padding-left: 11px; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-brand { height: 54px; padding: 0; overflow: visible; border-color: transparent; background: transparent; box-shadow: none; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-brand img { display: none; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-monogram { display: block; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-toggle-arrow { transform: rotate(180deg); }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-menu { padding-right: 10px; padding-left: 10px; overflow: visible; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-section + .migxo-sidebar-section { margin-top: 14px; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-section-title { height: 1px; margin: 9px 7px; overflow: hidden; background: rgba(255,255,255,.12); color: transparent; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-link { width: 52px; min-height: 48px; padding: 10px; justify-content: center; gap: 0; transform: none; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-link > span,
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-link > small { display: none; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-link::after,
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-user::after {
        position: absolute;
        top: 50%;
        left: calc(100% + 12px);
        z-index: 20;
        padding: 7px 10px;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 10px 28px rgba(17,24,39,.15);
        color: var(--mx-dashboard-text);
        content: attr(data-tooltip);
        font-size: 10px;
        font-weight: 750;
        opacity: 0;
        pointer-events: none;
        transform: translate(5px, -50%);
        transition: opacity .15s ease, transform .15s ease;
        white-space: nowrap;
    }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-link:hover::after,
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-link:focus-visible::after,
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-user:hover::after,
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-user:focus-visible::after { opacity: 1; transform: translate(0, -50%); }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-user { position: relative; display: flex; margin-right: 10px; margin-left: 10px; padding: 6px; justify-content: center; grid-template-columns: none; }
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-user-copy,
    .migxo-dashboard-shell[data-sidebartype="mini-sidebar"] .migxo-sidebar-user > svg { display: none; }
}

@media (max-width: 767.98px) {
    .migxo-dashboard-shell .migxo-dashboard-topbar {
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 64px;
        padding: 7px 8px;
        border-bottom: 1px solid #e5e7eb;
        background: rgba(255,255,255,.97) !important;
        box-shadow: 0 7px 22px rgba(17,24,39,.07);
        backdrop-filter: blur(14px);
    }
    .migxo-dashboard-topbar .top-navbar { min-height: 49px !important; flex-wrap: nowrap !important; gap: 6px; }
    .migxo-dashboard-topbar .top-navbar .migxo-topbar-mobile-control {
        display: flex !important;
        flex: 0 0 42px;
        width: 42px !important;
        height: 42px;
        align-items: center;
        justify-content: center;
        line-height: normal;
        background: transparent;
        box-shadow: none;
    }
    .migxo-mobile-menu-button {
        display: grid !important;
        width: 40px;
        height: 40px;
        padding: 0 !important;
        place-items: center;
        border: 1px solid #e5e7eb;
        border-radius: 11px;
        outline: 0;
        background: #fff;
        color: #111827 !important;
    }
    .migxo-mobile-menu-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
    .migxo-topbar-content { flex: 1 1 auto; width: auto; height: 48px; padding: 3px; gap: 6px; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
    .migxo-dashboard-notice { height: 40px; padding: 4px 8px; border-radius: 11px; }
    .migxo-dashboard-notice-icon { display: none; }
    .migxo-dashboard-notice-track span,
    .migxo-dashboard-notice-track a { font-size: 10px; }
    .migxo-profile-trigger { width: 40px; min-width: 40px; height: 40px; padding: 2px; justify-content: center; border: 0; background: transparent; }
    .migxo-profile-trigger:hover,
    .migxo-profile-trigger:focus-visible,
    .migxo-topbar-profile.show .migxo-profile-trigger { border-color: transparent; background: #ecfdf5; box-shadow: none; }
    .migxo-profile-avatar { flex-basis: 34px; width: 34px; height: 34px; border-radius: 10px; }
    .migxo-profile-copy,
    .migxo-profile-chevron { display: none; }
    .migxo-dashboard-topbar .migxo-profile-menu { top: calc(100% + 8px) !important; width: min(240px, calc(100vw - 16px)) !important; min-width: 0; }
    .migxo-dashboard-shell .page-wrapper { padding-top: 64px; }

    .migxo-dashboard-shell .migxo-dashboard-sidebar {
        position: fixed !important;
        top: 0 !important;
        bottom: 0;
        left: -310px !important;
        z-index: 1060;
        width: min(286px, calc(100vw - 44px)) !important;
        height: 100vh !important;
        height: 100dvh !important;
        padding: 0 !important;
        overflow: visible;
        border-radius: 0 24px 24px 0;
        background: linear-gradient(160deg, #111827 0%, #071f1a 58%, #052e26 100%) !important;
        box-shadow: 20px 0 50px rgba(17,24,39,.25) !important;
        transition: left .25s ease;
    }
    .migxo-dashboard-shell.show-sidebar .migxo-dashboard-sidebar { left: 0 !important; }
    .migxo-sidebar-toggle { top: 23px; right: 15px; border-width: 0; }
    .migxo-sidebar-toggle-arrow { display: none; }
    .migxo-sidebar-toggle-close { display: block; }
    .migxo-sidebar-brand-row { padding-right: 66px; }
    .migxo-sidebar-overlay { position: fixed; inset: 0; z-index: 1050; display: block; border: 0; background: rgba(17,24,39,.54); opacity: 0; pointer-events: none; transition: opacity .2s ease; }
    .migxo-dashboard-shell.show-sidebar + .migxo-sidebar-overlay,
    .migxo-dashboard-shell.show-sidebar .migxo-sidebar-overlay { opacity: 1; pointer-events: auto; }
    .migxo-dashboard-shell .page-wrapper { margin-left: 0 !important; }
    .migxo-sidebar-menu { padding-bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .migxo-dashboard-sidebar,
    .migxo-dashboard-shell .topbar,
    .migxo-dashboard-shell .page-wrapper,
    .migxo-sidebar-overlay { transition: none !important; }
    .migxo-dashboard-notice-track { width: auto; padding-left: 0; overflow: hidden; animation: none !important; text-overflow: ellipsis; }
}