/* Scoped console navigation. Existing routes and permission checks remain in React. */
html[data-vt-theme] body.vt-app #root .vt-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;width:232px!important;padding:0 12px;box-sizing:border-box;background:var(--vt-surface)!important;border-right:1px solid var(--vt-line)!important;overflow:hidden;transition:width .2s ease,transform .2s ease;transform:translateX(0)}
html[data-vt-theme] body.vt-app #root .vt-sidebar *{box-sizing:border-box}
html[data-vt-theme] body.vt-app #root .vt-sidebar .vt-sidebar-head{height:88px!important;min-height:88px;padding:0 13px!important;display:flex;align-items:center;justify-content:space-between;border:0}
html[data-vt-theme] body.vt-app #root .vt-sidebar-brand{display:flex;align-items:center;min-width:0;height:48px;padding:0;border:0;text-decoration:none;color:var(--vt-text)}
html[data-vt-theme] body.vt-app #root .vt-sidebar-brand img{width:146px!important;max-width:100%;height:auto!important;display:block;filter:var(--vt-logo)}
html[data-vt-theme] body.vt-app #root .vt-sidebar-monogram{display:none;width:45px;height:42px;overflow:hidden}
html[data-vt-theme] body.vt-app #root .vt-sidebar-monogram img{width:146px!important;max-width:none!important;height:auto!important}
html[data-vt-theme] body.vt-app #root .vt-sidebar-nav{padding:5px 0 16px!important;flex:1;min-height:0;display:flex;flex-direction:column;gap:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--vt-line) transparent}
html[data-vt-theme] body.vt-app #root .vt-nav-group{display:flex;flex-direction:column;gap:5px;flex-shrink:0}
html[data-vt-theme] body.vt-app #root .vt-nav-secondary,html[data-vt-theme] body.vt-app #root .vt-nav-admin{margin-top:22px;padding-top:20px;border-top:1px solid var(--vt-line)}
html[data-vt-theme] body.vt-app #root .vt-sidebar-nav .vt-nav-item{position:relative;display:flex;align-items:center;gap:13px;flex-shrink:0;min-height:44px;padding:0 14px!important;margin:0!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;color:var(--vt-muted)!important;font-size:13px!important;line-height:1.4;font-weight:450;letter-spacing:0;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}
html[data-vt-theme] body.vt-app #root .vt-nav-item>svg{width:19px;height:19px;flex-shrink:0;opacity:.85}
html[data-vt-theme] body.vt-app #root .vt-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-vt-theme] body.vt-app #root .vt-sidebar-nav .vt-nav-item:hover{background:var(--vt-hover)!important;color:var(--vt-text)!important}
html[data-vt-theme] body.vt-app #root .vt-sidebar-nav .vt-nav-item[aria-current="page"]{background:var(--vt-accent)!important;color:var(--vt-on-accent)!important;border-color:var(--vt-accent)!important;font-weight:600}
html[data-vt-theme] body.vt-app #root .vt-nav-item[aria-current="page"]>svg{opacity:1}
html[data-vt-theme] body.vt-app #root .vt-nav-active-mark{margin-left:auto;width:5px;height:5px;flex:none;border-radius:50%;background:currentColor;opacity:0}
html[data-vt-theme] body.vt-app #root .vt-nav-item[aria-current="page"] .vt-nav-active-mark{opacity:.7}
html[data-vt-theme] body.vt-app #root .vt-nav-group-title{padding:0 14px 10px;color:var(--vt-faint);font-size:11px;font-weight:500;letter-spacing:.04em}
html[data-vt-theme] body.vt-app #root .vt-sidebar-bottom{padding:12px 0 max(14px,env(safe-area-inset-bottom));flex:none;border-top:1px solid var(--vt-line)}
html[data-vt-theme] body.vt-app #root .vt-sidebar-collapse{display:flex;align-items:center;gap:13px;width:100%;min-height:40px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--vt-faint);font-size:12px;line-height:1.4;text-align:left}
html[data-vt-theme] body.vt-app #root .vt-sidebar-collapse svg{width:18px;height:18px;flex:none}
html[data-vt-theme] body.vt-app #root .vt-sidebar-collapse:hover{background:var(--vt-hover);color:var(--vt-text)}
html[data-vt-theme] body.vt-app #root .vt-sidebar-account{display:flex;align-items:center;gap:10px;padding:10px 9px 0;min-width:0}
html[data-vt-theme] body.vt-app #root .vt-sidebar-avatar{width:31px;height:31px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--vt-line);border-radius:9px;background:var(--vt-raised);font-size:12px;font-weight:600;color:var(--vt-text)}
html[data-vt-theme] body.vt-app #root .vt-sidebar-name{font-size:12px;font-weight:500;color:var(--vt-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
html[data-vt-theme] body.vt-app #root .vt-sidebar-logout,html[data-vt-theme] body.vt-app #root .vt-sidebar-close{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--vt-faint)}
html[data-vt-theme] body.vt-app #root .vt-sidebar-logout:hover,html[data-vt-theme] body.vt-app #root .vt-sidebar-close:hover{background:var(--vt-hover);color:var(--vt-text)}
html[data-vt-theme] body.vt-app #root .vt-sidebar-logout svg{width:17px;height:17px}
html[data-vt-theme] body.vt-app #root .vt-sidebar-close{display:none}
html[data-vt-theme] body.vt-app #root .vt-shell-content{padding-left:232px!important;min-width:0;transition:padding-left .2s ease}
html[data-vt-theme] body.vt-app #root .vt-sidebar-backdrop{padding:0!important;background:#0008;backdrop-filter:blur(3px)}
@media(min-width:1024px){
html[data-vt-theme] body.vt-app #root .vt-sidebar.is-collapsed{width:76px!important;padding-inline:10px}
html[data-vt-theme] body.vt-app[data-vt-sidebar-collapsed="true"] #root .vt-shell-content{padding-left:76px!important}
html[data-vt-theme] body.vt-app #root .vt-sidebar.is-collapsed .vt-sidebar-head{padding:0!important;justify-content:center}
html[data-vt-theme] body.vt-app #root .vt-sidebar.is-collapsed .vt-sidebar-brand>img{display:none}
html[data-vt-theme] body.vt-app #root .vt-sidebar.is-collapsed .vt-sidebar-monogram{display:block}
html[data-vt-theme] body.vt-app #root .vt-sidebar.is-collapsed :is(.vt-nav-label,.vt-nav-active-mark,.vt-nav-group-title,.vt-sidebar-name,.vt-sidebar-avatar){display:none}
html[data-vt-theme] body.vt-app #root .vt-sidebar.is-collapsed .vt-nav-item{justify-content:center;padding:0!important;min-height:44px}
html[data-vt-theme] body.vt-app #root .vt-sidebar.is-collapsed .vt-sidebar-collapse{justify-content:center;padding:0}
html[data-vt-theme] body.vt-app #root .vt-sidebar.is-collapsed .vt-sidebar-account{justify-content:center;padding:8px 0 0}
}
@media(max-width:1023px){
html[data-vt-theme] body.vt-app #root .vt-sidebar{width:min(280px,calc(100vw - 56px))!important;padding-inline:16px;transform:translateX(-100%);visibility:hidden;transition:transform .22s ease,visibility .22s;box-shadow:16px 0 60px #0002!important}
html[data-vt-theme] body.vt-app #root .vt-sidebar.is-open{transform:translateX(0);visibility:visible}
html[data-vt-theme] body.vt-app #root .vt-sidebar .vt-sidebar-head{height:88px!important;padding:0 9px!important}
html[data-vt-theme] body.vt-app #root .vt-sidebar-close{display:grid}
html[data-vt-theme] body.vt-app #root .vt-sidebar-collapse{display:none}
html[data-vt-theme] body.vt-app #root .vt-sidebar-nav .vt-nav-item{min-height:46px;font-size:14px!important}
html[data-vt-theme] body.vt-app #root .vt-sidebar-account{padding:4px 9px 0}
html[data-vt-theme] body.vt-app #root .vt-shell-content{padding-left:0!important}
html[data-vt-theme] body.vt-app #root .vt-sidebar-logout,html[data-vt-theme] body.vt-app #root .vt-sidebar-close{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){html[data-vt-theme] body.vt-app #root :is(.vt-sidebar,.vt-shell-content,.vt-nav-item){transition:none!important}}