html{scrollbar-gutter:stable;height:auto!important}html::-webkit-scrollbar{width:8px!important}html::-webkit-scrollbar-track{background:#f8fafc!important}html::-webkit-scrollbar-thumb{background:#004aad33!important;border-radius:20px!important;border:2px solid #f8fafc!important}html::-webkit-scrollbar-thumb:hover{background:#004aad59!important}.app-layout{display:flex;min-height:100vh;background:var(--bg-base);overflow:visible!important}.sidebar,.sb-menu{-ms-overflow-style:none!important;scrollbar-width:none!important}.sidebar::-webkit-scrollbar,.sb-menu::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.sidebar{width:var(--sb-width);background:#001233;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:1000;overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.05);font-family:var(--font-primary)!important}.sb-menu{flex:1;overflow-y:auto;padding:2px 10px}.sb-folding-menu{margin:2px 0;border-radius:8px;transition:all .2s}.sb-folding-menu.active{background:#ffffff05;padding-bottom:4px}.sb-folding-header{display:flex;align-items:center;gap:10px;padding:6px 12px;color:#ffffff73;font-weight:500;font-size:.8rem;cursor:pointer;border-radius:8px;transition:.15s}.sb-folding-header:hover{color:#fff;background:#ffffff0a}.sb-folding-menu.active .sb-folding-header{color:#fff;font-weight:700}.sb-folding-items{padding-left:28px;margin-top:1px;display:none;flex-direction:column;gap:1px;border-left:1px solid rgba(255,255,255,.06);margin-left:18px}.sb-folding-menu.active .sb-folding-items{display:flex}.sb-sub-link{font-size:.75rem;color:#fff6;text-decoration:none;padding:4px 10px;border-radius:6px;transition:.15s}.sb-sub-link:hover,.sb-sub-link.active{color:#fff;background:#ffffff0a}.sb-sub-link.active{font-weight:700;color:#3b82f6}.sb-link{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:8px;color:#ffffff80;text-decoration:none!important;font-weight:500;font-size:.8rem;margin:1px 0;transition:.15s}.sb-link:hover{background:#ffffff0f;color:#fff}.sb-link.active{background:#3b82f61f;color:#fff;font-weight:700;border-left:2px solid #3B82F6}.sb-link.active i{color:#3b82f6}.sb-link-icon{width:16px;height:16px;flex-shrink:0;opacity:.6}.logout-link:hover{color:#ef4444!important;background:#ef444414!important}.main-body{margin-left:var(--sb-width);flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh;background:#f8fafc}.top-header{height:64px;background:#fff;border-bottom:1px solid #E2E8F0;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:900}.view-container{padding:32px;flex:1}#mobileMenuBtn{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-body{margin-left:0}.top-header{padding:0 16px}.view-container{padding:16px}#mobileMenuBtn{display:block!important}}