.navigation-stage{position:fixed;inset:0;z-index:31;overflow:hidden;background:var(--portal-surface,#fcfbf8);color:var(--portal-ink,#172633);font-family:var(--simaku-font,'Poppins',sans-serif);contain:paint}
.navigation-stage,.navigation-stage *{box-sizing:border-box;letter-spacing:0}
.navigation-stage__header{display:flex;align-items:center;min-height:96px;padding:20px max(20px,calc((100% - 1140px)/2));background:var(--portal-header-gradient);color:#fff;border-radius:0 0 38px 38px}
.navigation-stage__title{min-width:0;font-size:24px;font-weight:700;line-height:1.35;overflow-wrap:anywhere;letter-spacing:0}
.navigation-stage__body{max-width:1180px;margin-inline:auto;padding:24px 20px;animation:navigation-stage-enter 120ms ease-out both}
.navigation-stage__tools{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}
.navigation-stage i{display:block;background:var(--portal-line,#dce7ed);border-radius:4px}
.navigation-stage__tools,.navigation-stage__items{animation:navigation-stage-pulse 1.2s ease-in-out infinite alternate}
.navigation-stage__tools i:first-child{width:52%;height:40px}.navigation-stage__tools i:last-child{width:100px;height:32px}
.navigation-stage__items{border-top:1px solid var(--portal-line,#dce7ed)}
.navigation-stage__item{display:flex;align-items:center;gap:16px;min-height:78px;padding:16px 0;border-bottom:1px solid var(--portal-line,#dce7ed)}
.navigation-stage__item>div{display:grid;gap:10px;flex:1;min-width:0}.navigation-stage__item>div i:first-child{width:65%;height:12px}.navigation-stage__item>div i:last-child{width:40%;height:9px}
.navigation-stage__image{flex:0 0 44px;height:44px}.navigation-stage__amount{width:16%;height:12px}
.navigation-stage--grid .navigation-stage__items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0}
.navigation-stage--grid .navigation-stage__item{display:block;padding:0;border:0;min-height:0}
.navigation-stage--grid .navigation-stage__image{width:100%;height:auto;aspect-ratio:1;margin-bottom:16px}
.navigation-stage--grid .navigation-stage__amount{width:40%;margin-top:16px}
.navigation-stage--admin{left:var(--admin-sidebar-offset,212px);top:max(calc(var(--admin-shell-top,0px) + var(--admin-header-height,56px)),var(--navigation-stage-top,0px));background:var(--admin-canvas);border-radius:0 0 0 var(--admin-shell-corner,56px)}
.navigation-stage--admin .navigation-stage__header{display:none}
.navigation-stage--admin .navigation-stage__title{width:100%;max-width:var(--simaku-workspace-max,1180px);margin-inline:auto;font-size:20px}
.navigation-stage--admin .navigation-stage__body{box-sizing:content-box;max-width:var(--simaku-workspace-max,1180px);padding:var(--admin-content-top,8px) 28px}
.navigation-stage--admin i{background:var(--admin-line)}.navigation-stage--admin .navigation-stage__image{display:none}
.navigation-stage--portal{bottom:calc(68px + env(safe-area-inset-bottom,0px));z-index:1000}
body[data-navigation-stage] :is(.portal-navigation-loading,#simakuNavigationLoader){display:none!important}
body[data-navigation-stage=admin][data-navigation-report] #adminMain .admin-report-navigation{z-index:33}
body[data-navigation-stage=admin][data-navigation-report] #adminMain :is([data-marketplace-navigation],[data-wallet-navigation]){position:relative;z-index:33}
@keyframes navigation-stage-enter{from{opacity:.55}to{opacity:1}}
@keyframes navigation-stage-pulse{from{opacity:.65}to{opacity:1}}
@media(max-width:1023px){.navigation-stage--admin{left:0;border-radius:0}.navigation-stage--admin .navigation-stage__header{padding-inline:20px}.navigation-stage--admin .navigation-stage__title{font-size:16px}.navigation-stage--admin .navigation-stage__body{padding:20px}}
@media(max-width:767px){.navigation-stage__header{min-height:76px;padding:16px 20px}.navigation-stage__title{font-size:18px}.navigation-stage--grid .navigation-stage__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:359px){.navigation-stage__header{padding-inline:16px}.navigation-stage__body{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.navigation-stage__body,.navigation-stage__tools,.navigation-stage__items{animation:none}}
@media(forced-colors:active){.navigation-stage{background:Canvas;color:CanvasText}.navigation-stage__header{background:Canvas;color:CanvasText}.navigation-stage i{background:GrayText}}
@media print{.navigation-stage{display:none}}