.mobile-work-header,.mobile-work-shade,.mobile-work-close{display:none}
@media(max-width:768px){
body:has(.sidebar .nav),body:has(.sidebar__nav){padding-top:calc(64px + env(safe-area-inset-top,0px))!important}
body.mobile-work-open{overflow:hidden!important}
.mobile-work-header{position:fixed;inset:0 0 auto;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:12px;height:calc(64px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 16px 0;background:#1b2534;color:white;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.mobile-work-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:750}.mobile-work-brand .mark{font-size:26px;color:#6190ff}
.mobile-work-header button,.sidebar .mobile-work-close{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;height:44px;width:auto;margin:0;padding:0 12px;border:1px solid #445064;border-radius:7px;background:transparent;color:white;font:inherit;cursor:pointer}
.mobile-work-header button:hover,.sidebar .mobile-work-close:hover{background:#29374c}.mobile-work-header button:focus-visible,.sidebar .mobile-work-close:focus-visible{outline:3px solid #93b4ff;outline-offset:2px}
body:has(.sidebar .nav)>.menucontrol,body:has(.sidebar__nav)>.menucontrol{display:none!important}
body .sidebar:has(.nav),body .sidebar:has(.sidebar__nav){position:fixed!important;inset:0 auto 0 0!important;width:310px!important;max-width:calc(100% - 48px)!important;height:100vh!important;height:100dvh!important;z-index:100!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:env(safe-area-inset-top,0px) 12px env(safe-area-inset-bottom,0px)!important;background:#1b2534!important;color:#aab3c1!important;overflow:hidden!important;visibility:hidden;transform:translateX(-100%);box-shadow:10px 0 32px #0003}
body.mobile-work-open .sidebar{visibility:visible;transform:translateX(0)}
.mobile-work-shade{position:fixed;inset:0;z-index:90;background:#101c2e80;border:0;margin:0;padding:0;width:100%;height:100%;border-radius:0}.mobile-work-open .mobile-work-shade{display:block}
body .sidebar .brand,body .sidebar .sidebar__brand{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0;min-height:64px!important;margin:0 -12px!important;padding:10px 12px 10px 18px!important;border-bottom:1px solid #344051;color:white!important;font-size:16px!important;white-space:nowrap}
body .sidebar .brand>span,body .sidebar .sidebar__brand>span{display:inline!important}.sidebar .mobile-work-close{margin-left:auto!important;width:44px!important;flex-shrink:0;font-size:25px!important;padding:0!important}
body .sidebar .nav,body .sidebar .sidebar__nav{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:4px!important;flex:1!important;min-height:0!important;max-height:none!important;height:auto!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 0!important;margin:0!important;overscroll-behavior:contain}
body .sidebar .nav>a,body .sidebar .sidebar__nav>a,body .sidebar .catalog-menu>summary{display:flex!important;align-items:center!important;gap:12px!important;min-height:48px!important;height:auto!important;width:100%!important;margin:0!important;padding:12px!important;border:0!important;border-radius:7px!important;color:#aab3c1;font-size:14px!important;line-height:1.4!important;text-align:left!important;white-space:normal!important;text-decoration:none}
.mobile-work-icon{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;font-size:18px}
body .sidebar .nav>a>span:not(.mobile-work-icon),body .sidebar .sidebar__nav>a>span:not(.mobile-work-icon),body .sidebar .catalog-menu>summary>span:not(.mobile-work-icon){display:block!important;min-width:0}
body .sidebar .nav>a.active,body .sidebar .sidebar__nav>a.navitem--active{background:#2563eb!important;color:white!important;font-weight:600}
body .sidebar .nav>a:hover,body .sidebar .sidebar__nav>a:hover,body .sidebar .catalog-menu summary:hover{background:#29374c;color:white}
body .sidebar .catalog-menu{display:block!important;width:100%;position:static!important}.sidebar .catalog-menu>summary:after{margin-left:auto}
body .sidebar .catalog-links{position:static!important;display:grid!important;gap:3px!important;margin:0!important;padding:0 0 0 34px!important;width:auto!important;min-width:0!important;border:0!important;background:transparent!important}
body .sidebar .catalog-links a{display:block!important;min-height:44px!important;padding:12px!important;font-size:13px!important;white-space:normal!important}
body .sidebar .profile,body .sidebar .sidebar__user{display:block!important;flex-shrink:0!important;margin:0!important;padding:16px 6px 20px!important;border-top:1px solid #344051!important;color:#aab3c1!important;font-size:12px!important}
body .sidebar .profile .avatar,body .sidebar .sidebar__user .avatar{display:none!important}.sidebar .profile strong,.sidebar .sidebar__user strong{display:block;color:white;font-size:12px}.sidebar .profile small,.sidebar .sidebar__user small{display:block!important;margin:5px 0 0!important;font-size:11px!important}
body .sidebar .sidebar-logout,body .sidebar .sidebar__user button{display:flex!important;align-items:center;gap:12px;width:100%!important;min-height:44px!important;height:auto!important;margin-top:12px!important;padding:0 10px!important;color:#aab3c1!important;background:transparent!important;border:0!important;font-size:14px!important;text-align:left}.sidebar .sidebar-logout span{display:inline!important}
body:has(.sidebar .nav) main,body:has(.sidebar__nav) .main{margin-left:0!important}
}
