/* v18.10.3 hard sidebar reset */
.app-shell{
    display:grid!important;
    grid-template-columns:280px minmax(0,1fr)!important;
    align-items:stretch!important;
}
.side-nav,
aside.side-nav,
#sideNav{
    position:sticky!important;
    top:0!important;
    left:0!important;
    width:280px!important;
    min-width:280px!important;
    max-width:280px!important;
    height:100vh!important;
    max-height:100vh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#0f172a!important;
    color:#fff!important;
    padding:18px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    z-index:20!important;
}
.side-nav *{
    box-sizing:border-box!important;
}
.side-nav .brand-block{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    padding:0 4px 18px!important;
    margin:0!important;
    flex:0 0 auto!important;
}
.side-nav .app-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#8b5cf6,#d4a84f)!important;
    color:#fff!important;
    display:grid!important;
    place-items:center!important;
    font-weight:900!important;
}
.side-nav .brand-text{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
}
.side-nav .brand-text strong{
    display:block!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
}
.side-nav .brand-text span{
    display:block!important;
    color:#94a3b8!important;
    font-size:12px!important;
    margin-top:3px!important;
}
.side-nav .nav-group{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    gap:4px!important;
    margin:0 0 12px!important;
    padding:0!important;
    flex:0 0 auto!important;
}
.side-nav .nav-group p{
    display:block!important;
    width:100%!important;
    margin:14px 6px 6px!important;
    padding:0!important;
    color:#93a4bc!important;
    text-transform:uppercase!important;
    letter-spacing:.09em!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.2!important;
    white-space:nowrap!important;
}
.side-nav .nav,
.side-nav .nav-link-direct{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    max-width:100%!important;
    min-height:44px!important;
    height:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin:0!important;
    padding:11px 12px!important;
    border-radius:13px!important;
    border:1px solid transparent!important;
    background:transparent!important;
    color:#f8fafc!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:normal!important;
    cursor:pointer!important;
}
.side-nav .nav span,
.side-nav .nav-link-direct span{
    flex:0 0 24px!important;
    width:24px!important;
    min-width:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
}
.side-nav .nav b,
.side-nav .nav-link-direct b{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    color:inherit!important;
    font-weight:800!important;
}
.side-nav .nav:hover,
.side-nav .nav.active,
.side-nav .nav.featured-nav,
.side-nav .nav-link-direct:hover,
.side-nav .nav-link-direct.featured-nav{
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.12)!important;
}
.side-nav .nav-pos-highlight{
    background:#FFCB17!important;
    color:#111827!important;
    border-color:#F2B705!important;
    box-shadow:0 10px 24px rgba(255,203,23,.24)!important;
}
.side-nav .nav-pos-highlight:hover{
    background:#FFD84D!important;
    color:#111827!important;
}
.side-nav .logout{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:16px 4px 0!important;
    padding:12px!important;
    color:#cbd5e1!important;
    text-decoration:none!important;
    font-weight:800!important;
    flex:0 0 auto!important;
}
.workspace,
.app-main,
main{
    min-width:0!important;
    width:100%!important;
    overflow-x:hidden!important;
}
@media(max-width:900px){
    .app-shell{
        grid-template-columns:1fr!important;
    }
    .side-nav,
    aside.side-nav,
    #sideNav{
        position:relative!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:auto!important;
        max-height:none!important;
    }
}