/* Premium, responsive sidebar.  Only presentation rules live here. */
.sidebar{display:flex;flex-direction:column;overflow:hidden;background:#fffdf9!important;color:#243247!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif;transition:width .18s ease;padding:14px 10px 10px!important}
.sidebar nav{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:3px 2px 10px!important;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9}
.sidebar nav::-webkit-scrollbar{width:10px}.sidebar nav::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.sidebar nav::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:10px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#64748b}
.brand{position:relative;min-width:0;margin:0 4px 10px!important;padding:8px 7px 14px!important}.brand-mark{flex:none}.brand-logo{object-fit:contain!important;max-width:46px!important;max-height:46px!important}.brand #brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle{display:grid;place-items:center;flex:none;width:30px;height:30px;margin-left:auto;border:1px solid #d9e3ee;border-radius:9px;background:#fff;color:#173b70;font-size:24px;line-height:1;cursor:pointer}.sidebar-toggle:hover{border-color:#c9a45c;background:#fff8e9}.sidebar-toggle:focus-visible,.nav-link:focus-visible,.logout:focus-visible{outline:3px solid rgba(37,99,235,.23);outline-offset:2px}
.nav-section{margin:15px 8px 6px!important;color:#7c8797!important;font-size:11px!important;font-weight:750!important;letter-spacing:.09em!important;white-space:nowrap}.nav-link{min-width:0!important;min-height:42px!important;margin:1px 0!important;padding:8px 9px!important;border-radius:10px!important;color:#30445d!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;gap:10px!important;overflow:hidden;cursor:pointer}.nav-link:hover{background:#f4f7fb!important;color:#173b70!important}.nav-link.active{background:#fff1df!important;color:#173b70!important;font-weight:750!important}.nav-link.active:before{background:#e5872f!important;top:8px!important;bottom:8px!important;width:3px!important}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-icon-shell{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--nav-icon) 12%,white)}.nav-icon{width:19px!important;height:19px!important;color:var(--nav-icon)!important;stroke:currentColor!important;stroke-width:1.9!important;fill:none!important;stroke-linecap:round;stroke-linejoin:round}.nav-link.active .nav-icon{color:var(--nav-icon)!important}
.logout{display:flex;align-items:center;gap:10px;flex:none;min-height:44px;margin:8px 3px 1px!important;padding:8px 9px!important;border-color:#f3c7c7!important;background:#fff!important;color:#b42318!important;cursor:pointer}.logout:hover{background:#fff4f4!important;border-color:#e79a9a!important}.logout .nav-icon-shell{background:#fff0f0}
@media(min-width:761px){.sidebar.sidebar-collapsed,.sidebar.sidebar-collapsed:has(img.brand-logo){width:76px!important;padding-inline:10px!important}.sidebar.sidebar-collapsed+.page,.page:has(.sidebar.sidebar-collapsed img.brand-logo){margin-left:76px!important}.sidebar.sidebar-collapsed .brand{justify-content:center;padding-inline:2px!important}.sidebar.sidebar-collapsed #brand-name,.sidebar.sidebar-collapsed .nav-section,.sidebar.sidebar-collapsed .nav-label{display:none}.sidebar.sidebar-collapsed .sidebar-toggle{position:absolute;right:-14px;z-index:4}.sidebar.sidebar-collapsed .nav-link,.sidebar.sidebar-collapsed .logout{justify-content:center;padding-inline:6px!important}.sidebar.sidebar-collapsed .nav-icon-shell{width:34px;height:34px}.sidebar.sidebar-collapsed nav{overflow-x:visible}}
@media(max-width:760px){.sidebar{max-width:310px;width:min(86vw,310px)!important}.sidebar-toggle{display:none}.sidebar .nav-link{min-height:46px!important}.sidebar .nav-label{white-space:normal;overflow-wrap:anywhere}.sidebar .logout{margin-top:8px!important}}
