.account-sidebar-enabled .sidebar{display:flex;z-index:30;width:76px;padding:24px 12px 16px;background:#edf3e7;overflow:hidden;transition:width .25s ease;box-shadow:1px 0 0 #183d3308}
.account-sidebar-enabled .app{margin-left:76px}
.account-sidebar-enabled .sidebar:is(:hover,:focus-within,.pinned){width:252px;box-shadow:12px 0 30px #183d330b}
.account-sidebar-enabled .sidebar .brand{padding:0 12px;height:42px;gap:12px;width:228px;flex-direction:row-reverse;justify-content:flex-end}
.account-sidebar-enabled .sidebar .brand svg{width:28px;height:28px;flex:none}
.account-sidebar-enabled .sidebar .brand span{font-size:27px}
.account-sidebar-enabled .sidebar .workspace-label{margin:24px 12px 12px;white-space:nowrap}
.account-sidebar-enabled .sidebar .nav-item{width:228px;min-height:46px;gap:16px;padding:12px 15px;margin-bottom:5px;white-space:nowrap}
.account-sidebar-enabled .sidebar .nav-item svg,.account-sidebar-enabled .sidebar .nav-item>[data-icon]{width:22px;min-width:22px}
.account-sidebar-enabled .sidebar .nav-item.active{background:#d8edc5}
.account-sidebar-enabled .sidebar .nav-item>span:not([data-icon]),.account-sidebar-enabled .sidebar .brand span,.account-sidebar-enabled .sidebar .workspace-label,.account-sidebar-enabled .sidebar .profile>div,.account-sidebar-enabled .sidebar .profile>svg{opacity:0;transition:opacity .2s ease}
.account-sidebar-enabled .sidebar:is(:hover,:focus-within,.pinned) .nav-item>span,.account-sidebar-enabled .sidebar:is(:hover,:focus-within,.pinned) .brand span,.account-sidebar-enabled .sidebar:is(:hover,:focus-within,.pinned) .workspace-label,.account-sidebar-enabled .sidebar:is(:hover,:focus-within,.pinned) .profile>div{opacity:1}
.account-sidebar-enabled .sidebar .profile{width:228px;padding:16px 8px;margin:8px 0 0;white-space:nowrap;border:0}
.account-sidebar-enabled .sidebar .profile .avatar{flex:none;width:36px;height:36px}
.sidebar-pin{display:grid;place-items:center;width:44px;height:40px;margin:16px 4px 0;border-radius:10px;background:transparent;color:#183d33}
.sidebar-pin:hover{background:#d8edc5}
.sidebar-pin svg,.sidebar-menu svg{width:22px;height:22px}
.sidebar-menu{display:none}
.account-sidebar-enabled .mobile-nav{display:none}
.account-sidebar-enabled .sidebar-bottom{padding-top:20px}
.account-sidebar-enabled .sidebar{overflow-y:auto;scrollbar-width:none}
.sidebar-veil{display:none}
@media(max-width:760px){
.account-sidebar-enabled .app{margin-left:0}
.account-sidebar-enabled .sidebar{width:252px;transform:translateX(-100%);transition:transform .25s ease;visibility:hidden}
.account-sidebar-enabled .sidebar.mobile-open{transform:none;visibility:visible}
.account-sidebar-enabled .sidebar .nav-item>span,.account-sidebar-enabled .sidebar .brand span,.account-sidebar-enabled .sidebar .workspace-label,.account-sidebar-enabled .sidebar .profile>div{opacity:1}
.sidebar-menu{display:grid;place-items:center;background:#e4f2d9;width:44px;height:44px;border-radius:12px;flex:none}
.sidebar-veil.is-open{display:block;position:fixed;inset:0;background:#183d3345;z-index:29;border:0}
.account-sidebar-enabled .topbar{gap:12px}
.account-sidebar-enabled .account-shortcut{display:none}
.sidebar-pin{display:none}
}
@media(prefers-reduced-motion:reduce){.account-sidebar-enabled .sidebar,.account-sidebar-enabled .sidebar *{transition:none!important}}
@media(min-width:761px){
.account-sidebar-enabled .app{transition:margin-left .25s ease}
.account-sidebar-enabled:has(.sidebar:is(:hover,:focus-within,.pinned)) .app{margin-left:252px}
}
@media(prefers-reduced-motion:reduce){.account-sidebar-enabled .app{transition:none}}
.account-sidebar-enabled .sidebar .nav-item:hover,
.account-sidebar-enabled .sidebar .nav-item:focus-visible,
.account-sidebar-enabled .sidebar .profile:hover,
.account-sidebar-enabled .sidebar-pin:hover{background:#bad49f;color:#183d33}
.account-sidebar-enabled .sidebar .nav-item.active:hover{background:#abc98d}
.account-dropdown{position:fixed;z-index:50;width:200px;padding:8px;background:#fff;border-radius:14px;box-shadow:0 8px 32px #183d3326}
.account-dropdown[hidden]{display:none}
.account-dropdown button,.account-dropdown a{display:block;width:100%;padding:12px 14px;text-align:left;border-radius:8px;text-decoration:none;color:#183d33;background:none;font-size:14px}
.account-dropdown button:hover,.account-dropdown a:hover,.account-dropdown button:focus-visible,.account-dropdown a:focus-visible{background:#bad49f}