.sidemenu{left:0;top:var(--sidemenu-top,62px);min-height:calc(100dvh - var(--sidemenu-top,62px) - 36px);max-height:calc(100dvh - var(--sidemenu-top,62px) - 36px);z-index:80;background:var(--background,#fff);scrollbar-width:none;border-radius:0 16px 16px 0;margin-bottom:8px;padding:16px;transition:width .3s,min-width .3s;position:fixed;overflow:hidden auto;box-shadow:4px 8px 16px #00000014}.sidemenu.collapsed{width:68px}.sidemenu.expanded{width:220px}.sidemenu::-webkit-scrollbar{width:4px}.sidemenu::-webkit-scrollbar-track{background:0 0}.sidemenu::-webkit-scrollbar-thumb{background:#e5e7fe;border-radius:4px}.sidemenu .nav{flex-direction:column;gap:16px;display:flex}.sidemenu .menu-item{flex-direction:column;display:flex}.sidemenu .menu-link{border-radius:var(--borderRadius,8px);color:#3a4855;cursor:pointer;align-items:center;gap:8px;height:36px;padding-right:6px;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative;overflow:hidden}.sidemenu .menu-link.active .icon-wrapper{background:var(--primary,#3b82f6)}.sidemenu .menu-link.active .icon-wrapper svg{fill:#fff}.sidemenu .menu-link.active .label,.sidemenu .menu-link.active .caret{color:var(--primary,#3b82f6)}.sidemenu .icon-wrapper{border-radius:var(--borderRadius,8px);background:#f3f4f6;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .3s;display:flex}.sidemenu .icon-wrapper svg{fill:var(--primary,#3b82f6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidemenu .label{white-space:nowrap;opacity:0;flex:1;min-width:0;font-size:12px;font-weight:600;line-height:16px;transition:opacity .2s}.sidemenu.expanded .label{opacity:1}.sidemenu .caret{color:var(--primary,#3b82f6);flex-shrink:0;transition:transform .3s,color .2s}.sidemenu .caret.expanded{transform:rotate(180deg)}.sidemenu .sub-menu{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .3s;display:grid;overflow:hidden}.sidemenu .sub-menu.open{opacity:1;grid-template-rows:1fr}.sidemenu .sub-menu-inner{flex-direction:column;gap:4px;padding-left:36px;display:flex;overflow:hidden}.sidemenu .sub-menu-item{color:#6b7280;border-radius:var(--borderRadius,8px);padding:6px 8px;font-size:12px;font-weight:500;line-height:14px;text-decoration:none;transition:all .2s}.sidemenu .sub-menu-item:first-child{margin-top:8px}.sidemenu .sub-menu-item:hover{color:var(--primary,#3b82f6);background:#f5f6ff}.sidemenu .sub-menu-item.active{color:var(--primary,#3b82f6);background:#e5e7fe;font-weight:500}.sidemenu .masters-mirror-scroll{flex-direction:column;gap:4px;display:flex}@media (max-width:768px){.sidemenu.collapsed{width:60px}.sidemenu.expanded{width:200px}}
.mobile-bottom-bar{z-index:1100;position:fixed;bottom:0;left:0;right:0}.mobile-home-fab{background:var(--primary,#3b82f6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;transform:translateY(-12px);box-shadow:0 4px 14px #3b82f659}.mobile-home-fab:active{transform:translateY(-10px)scale(.95);box-shadow:0 2px 8px #3b82f64d}.mobile-home-fab svg{font-size:26px}.mobile-sub-menu-item{color:#6b7280;border-radius:8px;margin-bottom:4px;padding:8px 10px;font-size:.85rem;font-weight:400;text-decoration:none;display:block}.mobile-sub-menu-item:hover{color:var(--primary,#3b82f6);background:#3b82f60d}.mobile-sub-menu-item.active{color:var(--primary,#3b82f6);background:#3b82f614;font-weight:600}.masters-mirror-scroll{flex-direction:column;gap:4px;display:flex}