/* Shared MPWR Management navigation — this file owns sidebar sizing on every page. */
:is(.admin-side-nav,.management-sidebar){z-index:220;display:flex;width:245px;height:100dvh;min-height:0;padding:30px 22px;overflow:visible;flex-direction:column;background:#1e1a18;color:#fff}
.admin-side-nav{position:fixed;inset:0 auto 0 0}.management-sidebar:not(.admin-side-nav){position:sticky;top:0;align-self:start}.management-shell>.management-main{grid-column:2;min-width:0}
.management-sidebar .management-brand{display:flex;width:max-content;margin:0 12px 28px;flex:0 0 auto;flex-direction:column;color:#fff;text-decoration:none}.management-sidebar .management-brand span{font-size:27px;font-weight:700;line-height:1.2;letter-spacing:.13em}.management-sidebar .management-brand small{margin-top:4px;color:#c5bdb8;font-size:10px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase}
.management-sidebar .management-nav{display:grid;grid-auto-rows:44px;gap:5px;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;flex:1 1 auto;-ms-overflow-style:none;scrollbar-width:none}.management-sidebar .management-nav::-webkit-scrollbar{display:none;width:0;height:0}
.management-sidebar .management-nav-item{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:44px;height:44px;padding:0 14px;border:0;border-radius:11px;background:transparent;color:#cfc7c2;cursor:pointer;font:inherit;font-size:13px;line-height:1.2;text-align:left;text-decoration:none;white-space:nowrap}.management-sidebar .management-nav-item>span{display:grid;width:20px;height:20px;flex:0 0 20px;font-size:16px;place-items:center}.management-sidebar .management-nav-item>span img{display:block;width:18px;height:18px;object-fit:contain}.management-sidebar .management-nav-item:is(:hover,:focus-visible,.active){background:rgba(229,164,132,.16);color:#fff;outline:0;transform:translateX(2px)}.management-sidebar .management-nav-item.active{box-shadow:inset 3px 0 #e5a484}.management-sidebar .management-nav-item em{display:grid;min-width:21px;height:21px;margin-left:auto;padding:0 6px;border-radius:99px;background:rgba(255,255,255,.12);font-size:10px;font-style:normal;place-items:center}
.management-sidebar .management-nav-item>.management-nav-label{display:inline-flex;width:auto;height:auto;flex:0 0 auto;align-items:center;gap:6px;font-size:inherit}.management-sidebar .management-nav-label em{margin-left:0}
.management-sidebar .admin-account-button{display:grid;width:34px;min-width:34px;max-width:34px;height:34px;min-height:34px;max-height:34px;aspect-ratio:1/1;flex:0 0 34px;padding:0;overflow:hidden;border:0;border-radius:50%;background:transparent;color:#333;cursor:pointer;place-items:center}.management-sidebar .admin-account-button:is(:hover,:focus-visible,[aria-expanded="true"]){border:0;background:transparent;outline:0}.management-sidebar .admin-account-photo,.management-sidebar .admin-account-initials{width:100%;height:100%;border-radius:50%}.management-sidebar .admin-account-photo{display:none;object-fit:cover;object-position:center}.management-sidebar .admin-account-initials{display:flex;align-items:center;justify-content:center;background:#e5a484;color:#fff;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.management-sidebar .admin-account-button.has-photo .admin-account-photo{display:block}.management-sidebar .admin-account-button.has-photo .admin-account-initials{display:none}.management-sidebar .admin-account-menu{position:absolute;z-index:700;width:250px;padding:18px;border:1px solid #eee;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.18);text-align:left}.management-sidebar .admin-account-menu[hidden]{display:none}.management-sidebar .admin-account-label{margin:0 0 5px;color:#333;font-weight:700}.management-sidebar .admin-account-email{overflow:hidden;margin:0 0 16px;color:#777;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.management-sidebar .admin-account-menu button,.management-sidebar .admin-account-menu .admin-view-profile{display:block;width:100%;padding:10px 14px;border-radius:8px;font:inherit;font-size:13px;text-align:center;cursor:pointer}.management-sidebar .admin-account-menu button{border:0;background:#333;color:#fff}.management-sidebar .admin-account-menu .admin-view-profile{margin-bottom:8px;border:1px solid #e5e5e5;background:#fff;color:#333;text-decoration:none}.management-sidebar .admin-account-menu .admin-view-profile:hover{border-color:#e5a484;background:#f9e9e1;color:#a96040}
.admin-dashboard{padding-top:0;padding-left:245px}.admin-dashboard>.admin-nav{display:none;left:245px}.management-sidebar>.admin-account{position:relative;align-self:flex-start;margin:12px 12px 0}.management-sidebar>.admin-account .admin-account-menu{top:auto;right:auto;bottom:calc(100% + 10px);left:0;color:#333}
@media(max-width:1024px), (max-device-width:1024px){:is(.admin-side-nav,.management-sidebar),.management-sidebar:not(.admin-side-nav){position:sticky;inset:0 0 auto;width:100%;height:auto;max-height:none;padding:14px 16px 10px;overflow:hidden}.management-sidebar .management-brand{display:flex;width:100%;align-items:center;align-self:stretch;margin:0 0 10px;text-align:center}.management-sidebar .management-brand span,.management-sidebar .management-brand small{width:100%;text-align:center}.management-sidebar .management-brand span{font-size:22px}.management-sidebar .management-brand small{font-size:8px}.management-sidebar .management-nav{display:flex;width:100%;min-height:44px;max-height:none;padding:0 0 4px;gap:5px;overflow-x:auto;overflow-y:hidden;flex:none;scroll-behavior:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.management-sidebar .management-nav::-webkit-scrollbar{display:none}.management-sidebar .management-nav-item{position:relative;width:auto;min-width:max-content;flex:0 0 auto;padding:0 13px;overflow:visible;border-radius:0;text-overflow:clip}.management-sidebar .management-nav-item:is(:hover,:focus-visible){background:rgba(229,164,132,.1);transform:none}.management-sidebar .management-nav-item.active{background:transparent;box-shadow:inset 0 -3px #e5a484;color:#fff;transform:none}.management-sidebar>.admin-account{position:absolute;top:14px;right:16px;margin:0}.management-sidebar>.admin-account .admin-account-menu{top:calc(100% + 10px);right:0;bottom:auto;left:auto}.management-shell{display:block}.management-shell>.management-main{grid-column:auto}.admin-dashboard{padding-top:0;padding-left:0}.admin-dashboard>.admin-nav{display:none;left:0}.homepage-save-footer{left:0}}
@media(max-width:1024px){html.management-orders-view body{min-height:100vh;background:#f8f8f8}html.management-orders-view .admin-dashboard.orders-view{height:auto;min-height:100vh;padding-top:118px;overflow:visible;background:#f8f8f8}html.management-orders-view .admin-dashboard.orders-view>.management-sidebar{position:fixed!important;inset:0 0 auto!important;z-index:500}html.management-orders-view .management-sidebar,html.management-orders-view .management-nav{touch-action:pan-x pan-y}}
@media(max-width:1024px){:is(.admin-side-nav,.management-sidebar),.management-sidebar:not(.admin-side-nav){overflow:visible}}
.management-sidebar .admin-account-name{display:none}
@media(min-width:1025px){.management-sidebar>.admin-account{display:flex;align-items:center;gap:9px}.management-sidebar>.admin-account .admin-account-button{border:0}.management-sidebar .admin-account-name{display:block;max-width:145px;overflow:hidden;color:#fff;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}}

/* Center management dialogs within the white workspace, excluding the desktop sidebar. */
@media(min-width:1025px){
    :is(.product-modal,.confirm-modal,.admin-status-confirm,.signout-confirm-overlay){
        padding-right:20px;
        padding-left:265px;
    }
    .admin-products-toast{
        left:calc(50% + 122.5px);
        max-width:calc(100vw - 277px);
    }
}
@media(max-width:1024px){.management-sidebar>.admin-account .admin-account-button,.management-sidebar>.admin-account .admin-account-button:is(:hover,:focus-visible,[aria-expanded="true"]){border:0!important}}

/* Preserve a mathematically square, fully clipped profile image at every size. */
.management-sidebar .admin-account-button,
.management-sidebar .admin-account-photo,
.management-sidebar .admin-account-initials{
    box-sizing:border-box;
    border-radius:50%;
    clip-path:circle(50% at 50% 50%);
}
.management-sidebar .admin-account-photo{
    width:34px;
    height:34px;
    aspect-ratio:1/1;
}

/* Use the shared lift-and-scale interaction instead of a hover box. */
.management-sidebar .management-nav-item{touch-action:manipulation;transition:transform .25s ease,opacity .25s ease,color .25s ease;-webkit-tap-highlight-color:transparent}
.management-sidebar .management-nav-item:focus-visible:not(.active){background:transparent!important;opacity:.92;outline:none;transform:translateY(-1px) scale(1.04)!important}
@media(hover:hover) and (pointer:fine){.management-sidebar .management-nav-item:hover:not(.active){background:transparent!important;opacity:.92;outline:none;transform:translateY(-1px) scale(1.04)!important}}
.management-sidebar .management-nav-item:active:not(.active){background:transparent!important;opacity:.92;transform:scale(.96)!important;transition-duration:.1s}

/* Option A: minimal peach accent for the selected management destination. */
.management-sidebar .management-nav-item.active{
    background:transparent;
    box-shadow:none;
    color:#e5a484;
    font-weight:700;
    transform:none;
}
.management-sidebar .management-nav-item.active[href="admin.html"] img{content:url("../images/Icon Folder/Dashboard Icon_E5A484.PNG")}
.management-sidebar .management-nav-item:is(:hover,:focus-visible,:active):not(.active)[href="admin.html"] img{content:url("../images/Icon Folder/Dashboard Icon_Light Gray.PNG")}
.management-sidebar .management-nav-item.active:is([href="#orders"],[href="admin.html#orders"]) img{content:url("../images/Icon Folder/Order status_E5A484.PNG")}
.management-sidebar .management-nav-item.active[data-panel="catalogue"] img{content:url("../images/Icon Folder/Products 2 Icon_E5A484.PNG")}
.management-sidebar .management-nav-item.active[data-panel="categories"] img{content:url("../images/Icon Folder/Categories Icon_E5A484.PNG")}
.management-sidebar .management-nav-item.active[data-panel="homepage"] img{content:url("../images/Icon Folder/Home Icon_E5A484.PNG")}
.management-sidebar .management-nav-item.active[data-panel="sidebar"] img{content:url("../images/Icon Folder/Menu Bar Icon_E5A484.PNG")}
.management-sidebar .management-nav-item.active[data-panel="search"] img{content:url("../images/Icon Folder/Search Icon_E5A484.PNG")}
.management-sidebar .management-nav-item.active[data-panel="deleted"] img{content:url("../images/Icon Folder/Delete Icon_E5A484.PNG")}
.management-sidebar .management-nav-item.active[href="admin-customers.html"] img{content:url("../images/Icon Folder/Customers Icon_E5A484.PNG")}
.management-sidebar .management-nav-item.active[href="admin-reviews.html"] img{content:url("../images/Icon Folder/Reviews Icon_E5A484.PNG")}
.management-sidebar .management-nav-item.active[href="admin-analytics.html"] img{content:url("../images/Icon Folder/Analytics Icon_E5A484.PNG")}

/* Keep the compact management navigation attached to the viewport on every page. */
@media(max-width:1024px), (max-device-width:1024px){
    :is(.admin-side-nav,.management-sidebar),.management-sidebar:not(.admin-side-nav){
        position:fixed;
        inset:0 0 auto;
        z-index:500;
    }
    .management-shell,
    .admin-dashboard:has(>[data-management-sidebar]),
    html.management-orders-view .admin-dashboard.orders-view{
        padding-top:var(--management-topbar-height,124px)!important;
    }
    html.management-top-navigation{
        scroll-padding-top:calc(var(--management-topbar-height,124px) + 12px);
    }
}

/* Leave room to align any selected top-bar section at the leading edge. */
@media(max-width:1024px), (max-device-width:1024px){
    .management-sidebar .management-nav::after{
        content:"";
        flex:0 0 max(0px,calc(100% - var(--management-nav-last-width,140px)));
        height:1px;
        pointer-events:none;
    }
}

@media(max-width:1024px), (max-device-width:1024px){
    .management-sidebar .management-nav{scroll-behavior:auto!important;overflow-anchor:none;}
    .management-sidebar .management-nav:not([data-position-ready]){visibility:hidden;}
}

/* Native page loads remain intact; supported browsers soften their handoff. */
@view-transition{navigation:auto;}
::view-transition-old(root){animation:management-page-out 180ms ease-out both;}
::view-transition-new(root){animation:management-page-in 180ms ease-in both;}
@keyframes management-page-out{to{opacity:0;}}
@keyframes management-page-in{from{opacity:0;}to{opacity:1;}}
@media(prefers-reduced-motion:reduce){
    @view-transition{navigation:none;}
    ::view-transition-old(root),::view-transition-new(root){animation:none;}
}