:root{--mp-nav-width:272px;--mp-nav-navy:#041d31;--mp-nav-cyan:#12c7e8;--mp-nav-line:rgba(121,188,220,.2)}
html.mp-nav-ready body{padding-left:var(--mp-nav-width)!important}
html.mp-nav-ready .app-shell,html.mp-nav-ready .shell{grid-template-columns:minmax(0,1fr)!important}
html.mp-nav-ready .workspace{margin-left:0!important;width:100%!important}
html.mp-nav-ready .app-shell>.sidebar,html.mp-nav-ready .shell>aside{display:none!important}html.mp-nav-ready body>main>header nav a{display:none!important}
.mp-global-sidebar{position:fixed;z-index:1000;inset:0 auto 0 0;width:var(--mp-nav-width);display:flex;flex-direction:column;padding:18px 14px 14px;background:linear-gradient(180deg,#06253c 0%,#031a2c 55%,#021522 100%);border-right:1px solid rgba(65,173,217,.24);box-shadow:14px 0 34px rgba(0,20,36,.12);color:#e8f5fc;font:14px/1.3 "Segoe UI",Arial,sans-serif;overflow:hidden}
.mp-global-sidebar *{box-sizing:border-box}.mp-nav-brand{display:flex;align-items:center;gap:12px;min-height:76px;padding:3px 8px 14px;border-bottom:1px solid var(--mp-nav-line);color:#fff;text-decoration:none}.mp-nav-brand img{width:59px;height:59px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(18,199,232,.25))}.mp-nav-brand b{display:block;font-size:19px;letter-spacing:.01em}.mp-nav-brand span{display:block;margin-top:3px;color:var(--mp-nav-cyan);font-size:14px;letter-spacing:.08em}.mp-nav-scroll{flex:1;min-height:0;overflow:auto;padding:16px 2px 12px;scrollbar-width:thin;scrollbar-color:#24516c transparent}.mp-nav-group{margin:0 0 16px}.mp-nav-title{margin:0 8px 8px;color:#7fa7bd;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.mp-nav-links{display:grid;gap:4px}.mp-nav-link{display:flex;align-items:center;gap:11px;width:100%;min-height:41px;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d9eaf4;text-align:left;text-decoration:none;font:600 13.5px/1.2 "Segoe UI",Arial,sans-serif;white-space:nowrap;cursor:pointer}.mp-nav-link:hover,.mp-nav-link:focus-visible{background:rgba(22,119,156,.25);border-color:rgba(47,195,229,.23);outline:none}.mp-nav-link.is-active{background:linear-gradient(90deg,rgba(14,142,181,.4),rgba(15,74,104,.5));border-color:rgba(35,207,239,.34);color:#fff;box-shadow:inset 3px 0 0 var(--mp-nav-cyan)}.mp-nav-link svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#41d6ef}.mp-nav-select{display:grid;gap:7px;padding:10px;border:1px solid rgba(57,178,222,.25);border-radius:10px;background:rgba(13,73,104,.28);color:#8eb5c9;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.mp-nav-select select{width:100%;min-height:40px;padding:0 34px 0 11px;border:1px solid rgba(72,197,231,.32);border-radius:8px;background:#082d47;color:#f1faff;font:700 13px/1.2 "Segoe UI",Arial,sans-serif;text-transform:none;letter-spacing:0}.mp-nav-status{display:flex;align-items:center;gap:9px;margin:0 4px 12px;padding:10px 11px;border:1px solid var(--mp-nav-line);border-radius:9px;background:rgba(255,255,255,.035);color:#b9d2df;font-size:12px}.mp-nav-status i{width:9px;height:9px;border-radius:50%;background:#f0b85a;box-shadow:0 0 12px currentColor}.mp-nav-status.ok i{background:#21d3a7}.mp-nav-status.bad i{background:#ff7669}.mp-nav-footer{display:flex;justify-content:space-between;align-items:center;padding:11px 8px 0;border-top:1px solid var(--mp-nav-line);color:#7598ad;font-size:11px}.mp-nav-toggle{display:none;position:fixed;z-index:1002;left:12px;top:12px;width:44px;height:44px;border:1px solid #aacddd;border-radius:9px;background:#fff;color:#07304a;font-size:22px;box-shadow:0 5px 16px rgba(0,35,55,.18)}.mp-nav-backdrop{display:none;position:fixed;z-index:999;inset:0;background:rgba(0,19,32,.62);border:0}
.mp-global-sidebar-ceo .mp-nav-scroll{padding-top:22px}.mp-global-sidebar-ceo .mp-nav-title{color:#92bed0}.mp-global-sidebar-ceo .mp-nav-links{gap:7px}.mp-global-sidebar-ceo .mp-nav-link{min-height:46px;font-size:14px}.mp-global-sidebar-ceo .mp-nav-link.is-active{background:linear-gradient(90deg,rgba(9,157,190,.46),rgba(10,73,104,.42));box-shadow:inset 3px 0 0 #4ce2f3,0 6px 18px rgba(0,19,34,.16)}
.mp-preview-select{border-color:rgba(64,220,239,.42);background:linear-gradient(145deg,rgba(8,103,137,.42),rgba(7,55,82,.38))}.mp-preview-select>span{color:#8ce9f4}.mp-preview-status{display:grid;gap:5px;margin:0 4px 12px;padding:12px;border:1px solid rgba(80,215,232,.38);border-radius:10px;background:rgba(10,112,139,.2)}.mp-preview-status span{color:#77deea;font-size:9px;font-weight:850;letter-spacing:.12em}.mp-preview-status b{color:#f4fbfd;font-size:13px}.mp-preview-status button{margin-top:5px;padding:8px 9px;border:1px solid rgba(138,225,237,.32);border-radius:7px;background:rgba(255,255,255,.06);color:#dff8fb;font:700 11px/1.2 "Segoe UI",Arial,sans-serif;cursor:pointer}.mp-preview-status button:hover,.mp-preview-status button:focus-visible{background:rgba(55,187,211,.23);outline:none}
@media(max-width:980px){html.mp-nav-ready body{padding-left:0!important}.mp-global-sidebar{transform:translateX(-103%);transition:transform .2s ease}.mp-global-sidebar.is-open{transform:none}.mp-nav-toggle{display:block}.mp-nav-backdrop.is-open{display:block}.mp-nav-brand{padding-top:42px}.mp-global-sidebar{width:min(86vw,300px)}}
@media(prefers-reduced-motion:reduce){.mp-global-sidebar{transition:none}}

/* Shared frame: existing business controls and their event handlers stay in place. */
.mp-global-sidebar{box-sizing:border-box}
.mp-global-header{box-sizing:border-box;position:sticky;top:0;z-index:900;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;margin:0;background:#fff;border-bottom:1px solid #dce7ee;color:#102f40;font:14px/1.35 "Segoe UI",Arial,sans-serif}
.mp-header-title{font-size:17px;font-weight:750;color:#075b8c;text-decoration:none}.mp-header-actions{display:flex;align-items:center;gap:18px}.mp-header-actions>a{font-size:12px;color:#42687d}.mp-header-identity{display:grid;gap:3px;text-align:right}.mp-header-identity small{font-size:11px;color:#657e90}.mp-header-actions button{margin:0;padding:10px 14px;border:1px solid #bdd2df;border-radius:8px;background:#f3f8fb;color:#173b50;font:600 13px "Segoe UI",Arial,sans-serif;cursor:pointer}.mp-header-error{color:#a12626}
html.mp-nav-ready .mp-replaced-navigation,html.mp-nav-ready .menu-button,html.mp-nav-ready .sidebar-backdrop,html.mp-nav-ready #logout,html.mp-nav-ready #profile-button,html.mp-nav-ready #profile-menu{display:none!important}
html.mp-nav-ready .admin-shell{grid-template-columns:minmax(0,1fr)!important}
html.mp-nav-ready .workspace>.topbar{position:static!important;min-height:0!important;height:auto!important;padding:12px 24px!important;border:0!important;background:transparent!important}
html.mp-nav-ready .workspace>.topbar>.breadcrumb,html.mp-nav-ready .workspace>.topbar>.mobile-brand,html.mp-nav-ready .admin-shell .topbar,html.mp-nav-ready .workspace>.topbar>#identity{display:none!important}
html.mp-nav-ready .workspace>.topbar .top-actions{margin-left:auto}
html.mp-nav-ready body{margin:0!important}
html.mp-nav-ready main{min-width:0}
html.mp-nav-ready main>header:not(.panel-header){gap:16px;flex-wrap:wrap}
@media(max-width:980px){.mp-global-header{padding:12px 14px 12px 68px;min-height:72px}.mp-header-title{font-size:14px}.mp-header-actions{gap:10px}.mp-header-identity{max-width:180px}.mp-header-actions>a{display:none}}
@media(max-width:600px){.mp-header-title{display:none}.mp-header-actions{justify-content:space-between;width:100%}.mp-header-identity{text-align:left;min-width:0}.mp-header-identity strong,.mp-header-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-header-actions button{flex-shrink:0}.mp-nav-ready main{padding-left:16px!important;padding-right:16px!important}.mp-nav-ready .global-search{max-width:calc(100vw - 100px)}}

html.mp-nav-ready .workspace>.topbar:not(.mp-search-toolbar){display:none!important}
html.mp-nav-ready main>header h1{font:750 clamp(24px,2.3vw,32px)/1.2 "Segoe UI",Arial,sans-serif;color:#102f40;letter-spacing:-.025em}
html.mp-nav-ready main>header p{line-height:1.5;color:#617d8e}

.mp-header-error:empty{display:none}.mp-nav-brand img{background:#fff;border-radius:10px;padding:3px}.mp-header-error:not(:empty){position:absolute;right:20px;top:100%;padding:8px;background:#fff;border:1px solid #e9b9b9}

.mp-nav-account{display:none}@media(max-width:980px){.mp-nav-account{display:block;color:#a9ccdf;font-size:12px;text-decoration:none;padding:10px 12px}}