.shell{grid-template-columns:270px minmax(0,1fr)}
.side{height:100vh;position:sticky;top:0;padding:20px 14px 14px;overflow:hidden}
.side .brand{flex:0 0 auto;margin:4px 10px 18px}
.sf-nav-groups{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:#5f8377 transparent}
.sf-nav-group{border-top:1px solid rgba(255,255,255,.11);padding:5px 0}.sf-nav-group:first-child{border-top:0}
.sf-nav-group[data-group="overview"]{--sf-nav-accent:#60a5fa}.sf-nav-group[data-group="development"]{--sf-nav-accent:#c084fc}.sf-nav-group[data-group="production"]{--sf-nav-accent:#4ade80}.sf-nav-group[data-group="costing"]{--sf-nav-accent:#fbbf24}.sf-nav-group[data-group="logistics"]{--sf-nav-accent:#22d3ee}.sf-nav-group[data-group="administration"]{--sf-nav-accent:#cbd5e1}.sf-nav-group[data-group="archive"]{--sf-nav-accent:#8fa39b}
.side .sf-nav-heading{width:100%;display:grid;grid-template-columns:24px 1fr 18px;align-items:center;gap:6px;margin:0;padding:10px 9px;color:#dce9e4;font-size:11px;letter-spacing:.35px;text-transform:uppercase}
.side .sf-nav-heading:hover{background:rgba(255,255,255,.07);color:#fff}
.sf-nav-group-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:var(--sf-nav-accent);background:color-mix(in srgb,var(--sf-nav-accent) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sf-nav-accent) 30%,transparent)}.sf-nav-chevron{font-size:20px;text-align:center;transform:rotate(0);transition:transform .16s}.sf-nav-heading[aria-expanded=true] .sf-nav-chevron{transform:rotate(90deg)}
.sf-nav-items{display:grid;gap:2px;padding:0 0 5px 18px}.sf-nav-items[hidden]{display:none}
.side .sf-nav-item{width:100%;display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:7px;margin:0;padding:9px 10px;font-size:11px;line-height:1.2;white-space:normal}
.side .sf-nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.side .sf-nav-item.active{background:#edf4f0;color:#153f33;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.sf-nav-group[data-group="archive"]{margin-top:6px;border-top:1px dashed rgba(255,255,255,.24)}.sf-nav-group[data-group="archive"] .sf-nav-heading{color:rgba(220,233,228,.72)}.sf-nav-group[data-group="archive"] .sf-nav-item{opacity:.82}.sf-nav-group[data-group="archive"] .sf-nav-item.active{opacity:1}
.sf-nav-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;color:var(--sf-nav-accent);background:color-mix(in srgb,var(--sf-nav-accent) 9%,transparent)}.side .sf-nav-item:hover .sf-nav-icon,.side .sf-nav-item.active .sf-nav-icon{background:color-mix(in srgb,var(--sf-nav-accent) 20%,transparent)}.sf-nav-svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sf-nav-group-icon .sf-nav-svg{width:15px;height:15px}.side .user{flex:0 0 auto;margin-top:10px;padding:12px 9px 0}
@media(max-width:800px){.shell{display:block}.side{height:auto;position:static;overflow:visible}.sf-nav-groups{overflow:visible}.sf-nav-items{padding-left:8px}.side .sf-nav-item{display:grid}.side .user{display:block}}