:root{--osu-rail:68px;--osu-sidebar-open:264px}
.app-shell{display:grid!important;grid-template-columns:var(--osu-rail) minmax(0,1fr)!important;transition:none!important}
.sidebar,body.sidebar-collapsed .sidebar{position:fixed!important;inset:0 auto 0 0;width:var(--osu-rail)!important;height:100dvh;padding:18px 8px 14px!important;overflow:hidden;z-index:30;transition:width .18s ease,padding .18s ease,box-shadow .18s ease!important}
.sidebar:hover,.sidebar:focus-within,body.sidebar-collapsed .sidebar:hover,body.sidebar-collapsed .sidebar:focus-within,body.sidebar-peek .sidebar{width:var(--osu-sidebar-open)!important;padding:18px 14px 14px!important;box-shadow:16px 0 38px rgba(4,18,43,.28)}
.main-column{grid-column:2!important;min-width:0;width:100%}.main-column::before{inset:78px 0 0 var(--osu-rail)!important}
.content{width:100%!important;max-width:1600px;margin-inline:auto;padding:clamp(18px,2vw,28px) clamp(16px,2.25vw,36px) 48px}
.topbar{padding-inline:clamp(16px,2.2vw,34px);gap:clamp(12px,1.6vw,22px)}.topbar-actions{gap:clamp(7px,1vw,12px)}
.brand{margin:8px 0 14px;padding:5px 0 8px}.brand-shield{width:50px!important;height:50px!important;margin:0}.brand-shield img{width:48px!important;height:48px!important;object-fit:contain}.sidebar:hover .brand-shield,.sidebar:focus-within .brand-shield{width:72px!important;height:72px!important}.sidebar:hover .brand-shield img,.sidebar:focus-within .brand-shield img{width:68px!important;height:68px!important}
.nav-list{gap:2px;min-height:0}.nav-list a,.nav-group{min-height:40px;padding:8px 10px}.nav-section-label{margin:8px 10px 1px}.nav-submenu{gap:1px;padding:2px 0 5px 27px}.nav-submenu[hidden]{display:none!important}.nav-submenu a{min-height:31px;padding:6px 9px}.nav-group b{transition:transform .18s ease}.nav-group[aria-expanded="false"] b{transform:rotate(-90deg)}
.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-subicon{position:relative}.nav-subicon span{width:5px;height:5px;border-radius:50%;background:currentColor}.mobile-menu-close,.sidebar-backdrop{display:none}
.sidebar:not(:hover):not(:focus-within) .nav-submenu{display:none!important}.sidebar:not(:hover):not(:focus-within) .nav-list a,.sidebar:not(:hover):not(:focus-within) .nav-group{min-height:40px;padding:8px 6px}.sidebar:not(:hover):not(:focus-within) .nav-section-label{height:4px;margin:2px 0;font-size:0}.sidebar:not(:hover):not(:focus-within) .brand{margin-bottom:10px}.sidebar:not(:hover):not(:focus-within) .sidebar-footer{padding-top:10px}
.osu-kpi-grid,.stats-grid,.dashboard-grid{align-items:stretch}.panel,.osu-kpi{min-width:0}.table-wrap{max-width:100%}
@media(max-width:980px){.search-box{max-width:260px}.user-chip div{display:none}}
@media(max-width:760px){:root{--osu-rail:0px}.app-shell{grid-template-columns:minmax(0,1fr)!important}.main-column{grid-column:1!important}.sidebar,body.sidebar-collapsed .sidebar{width:min(306px,86vw)!important;padding:18px 14px!important;transform:translateX(-105%);transition:transform .2s ease!important}.sidebar.open{transform:translateX(0)!important;box-shadow:18px 0 48px rgba(4,18,43,.4)}.sidebar.open .brand strong{font-size:14px!important}.sidebar.open .brand small{font-size:9px!important}.sidebar.open .nav-list a,.sidebar.open .nav-group{justify-content:flex-start!important;font-size:14px!important}.sidebar.open .nav-section-label{height:auto!important;margin:8px 10px 1px!important;font-size:9px!important}.sidebar.open .nav-submenu:not([hidden]){display:grid!important;font-size:14px!important}.sidebar.open .sidebar-footer div{display:flex!important;font-size:12px!important}.mobile-menu-close{position:absolute;z-index:3;top:12px;right:12px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:11px;color:#fff;background:rgba(255,255,255,.1);font-size:26px;line-height:1;cursor:pointer}.sidebar-backdrop:not([hidden]){position:fixed;z-index:29;inset:0;display:block;border:0;background:rgba(4,13,28,.58);backdrop-filter:blur(2px)}body.mobile-menu-open{overflow:hidden}.main-column::before{inset:70px 0 0!important}.topbar{height:auto;min-height:70px;padding:10px 14px}.page-heading{min-width:0}.topbar-actions{margin-left:auto}.search-box,#new-quote-top{display:none}.content{padding:16px 12px 36px}.osu-dashboard-head{padding:18px}.panel{border-radius:13px}.access-card{max-width:540px}}