.navigation-ready .sidebar{position:fixed;inset:0 auto 0 0;width:250px;height:100dvh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:74px 16px 20px;overflow-y:auto;overscroll-behavior:contain;z-index:120;transform:translateX(-100%);visibility:hidden}
.navigation-ready.menu-open .sidebar{transform:none;visibility:visible}
.navigation-ready .sidebar nav{display:block;overflow:visible;margin-top:12px;flex:none}
.navigation-ready .nav-item{font-size:14px;padding:10px 12px;margin-bottom:4px;white-space:normal}
.navigation-ready .nav-label{margin:22px 12px 0}.navigation-ready .sidebar-foot{margin-top:24px;flex:none}
.navigation-ready .workspace{margin-left:0;min-width:0}.navigation-ready.menu-open .workspace{margin-left:250px}
.navigation-ready .topbar{padding-left:24px}.navigation-ready:not(.menu-open) .topbar{padding-left:125px}
.menu-toggle{position:fixed;top:12px;left:16px;z-index:130;min-height:44px;padding:8px 14px;border:1px solid #b4cbbf;border-radius:10px;background:#fff;color:#123c34;font:inherit;font-weight:600;box-shadow:0 2px 8px #0002}
.menu-shade{position:fixed;inset:0;z-index:110;background:#102b2480;width:100%;height:100%;border:0}.menu-shade[hidden]{display:none}
.nav-group{border-bottom:1px solid #ffffff24;margin-bottom:8px;padding-bottom:8px}.nav-group>summary{padding:12px 6px;min-height:44px;font-size:14px;font-weight:600;color:#f0f7f2;cursor:pointer}.nav-group .nav-item{padding-left:18px}
@media(max-width:900px){.navigation-ready .sidebar{width:min(320px,86vw)}.navigation-ready.menu-open{overflow:hidden}.navigation-ready.menu-open .workspace{margin-left:0}.navigation-ready .topbar{padding-left:125px;min-height:70px}.navigation-ready .nav-label,.navigation-ready .sidebar-foot{display:block}.navigation-ready .brand{font-size:18px}}
@media(max-width:900px){
 .navigation-ready .sidebar{width:min(360px,92vw);padding:24px 16px 20px;gap:0;border-radius:0 22px 22px 0;box-shadow:12px 0 40px #071e2633}
 .navigation-ready .sidebar .brand{padding:0 8px;gap:12px;max-width:calc(100% - 42px);align-items:center}
 .navigation-ready .sidebar .brand-logo{width:46px;height:46px;flex-basis:46px}
 .navigation-ready .sidebar .brand-name{font-size:16px;line-height:1.45}.navigation-ready .sidebar .brand small{font-size:10px;line-height:1.5;margin-top:5px}
 .navigation-ready .nav-label{margin:26px 12px 10px;font-size:11px;letter-spacing:.4px;color:#b1c8bd}
 .navigation-ready .sidebar nav{margin:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left}
 .navigation-ready .nav-group{margin:0;padding:0;border:0;border-radius:12px;background:#ffffff08;overflow:hidden}
 .navigation-ready .nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;min-height:48px;padding:12px 14px;font-size:14px;line-height:1.5;text-align:left}
 .navigation-ready .nav-group>summary::-webkit-details-marker{display:none}
 .navigation-ready .nav-group>summary:after{content:'';width:7px;height:7px;flex:0 0 7px;border-right:2px solid #bed4c9;border-bottom:2px solid #bed4c9;transform:rotate(45deg);margin-right:3px;margin-top:-4px}
 .navigation-ready .nav-group[open]{background:#ffffff0d;padding-bottom:6px}
 .navigation-ready .nav-group[open]>summary:after{transform:rotate(225deg);margin-top:4px}
 .navigation-ready .nav-group .nav-item{margin:2px 8px;padding:10px 18px;display:flex;justify-content:flex-start;text-align:left;font-size:13px;line-height:1.6;min-height:44px;border-radius:8px;color:#d3e3dc}
 .navigation-ready .nav-group .nav-item.active{background:#dbecc9;color:#173d32;font-weight:600}
 .navigation-ready .sidebar-foot{margin-top:24px;padding:16px 12px 0;font-size:11px;border-color:#ffffff20}.navigation-ready .sidebar-foot p{font-size:11px;margin:6px 0 0;line-height:1.6}
 .navigation-ready.menu-open .menu-toggle{left:calc(min(360px,92vw) - 58px);top:20px;width:42px;min-height:42px;padding:0;border:1px solid #ffffff30;background:#ffffff10;color:white;box-shadow:none;border-radius:12px}
}