.boat-dashboard-sidebar{position:sticky;top:0;bottom:0;height:calc(100dvh - 3rem);z-index:10;transition:all .3s linear;background-color:#fff;display:flex}.boat-dashboard-sidebar:not(.collapsed) .boat-dashboard-sidebar-wrapper .sidebar-item span{display:inline;width:max-content;transition-duration:.2s}.boat-dashboard-sidebar .collapsed-sidebar{padding:0 .75rem .75rem;min-width:none;border-right:1px solid #d9d9d9}.boat-dashboard-sidebar .collapsed-sidebar ul{margin-top:-4rem;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.boat-dashboard-sidebar .collapsed-sidebar .sidebar-item{justify-content:center;padding:0;width:48px;height:48px;background-color:hsla(180,3%,94%,.502);color:#b7b7b7}.boat-dashboard-sidebar .collapsed-sidebar .sidebar-item.link-active{background-color:var(--textDark);color:var(--white)}.boat-dashboard-sidebar .collapsed-sidebar .sidebar-item rect,.boat-dashboard-sidebar .collapsed-sidebar .sidebar-item svg{min-width:24px;min-height:24px}.boat-dashboard-sidebar-wrapper{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;height:100%;border-right:1px solid #d9d9d9;padding:1rem;min-width:250px;max-width:250px;gap:2rem}.boat-dashboard-sidebar-wrapper::-webkit-scrollbar{width:5px;height:5px}.boat-dashboard-sidebar-wrapper::-webkit-scrollbar-thumb,.boat-dashboard-sidebar-wrapper::-webkit-scrollbar-track{border-radius:10px}@media only screen and (max-width:1023px){.boat-dashboard-sidebar-wrapper{width:80%;padding-top:2rem;max-width:250px}}.boat-dashboard-sidebar .sidebar-list{display:flex;flex-direction:column;gap:1rem}.boat-dashboard-sidebar .sidebar-item{display:inline-flex;align-items:center;justify-content:flex-start;color:var(--textDark);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:5px;padding:.5rem 1rem;width:100%;gap:.5rem;font-size:1rem;font-weight:500;overflow:hidden;white-space:nowrap;cursor:pointer}.boat-dashboard-sidebar .sidebar-item svg{height:24px;width:24px;min-height:24px;min-width:24px;float:left}.boat-dashboard-sidebar .sidebar-item.link-active{position:relative;background-color:#f0f1f180;color:var(--primary)}.boat-dashboard-sidebar .sidebar-item.link-active svg{color:inherit}.boat-dashboard-sidebar .close-btn{display:none}.boat-dashboard-sidebar .bottom{margin-top:auto;margin-bottom:3rem}.boat-dashboard-sidebar .bottom .sidebar-item{color:inherit}.boat-dashboard-sidebar .bottom .sidebar-item svg{opacity:1}@media only screen and (max-width:1023px){.boat-dashboard-sidebar{position:fixed;left:0;top:0;height:100dvh;transform:translateX(-150vw);border-top-left-radius:0;border-bottom-left-radius:0;transition:transform .5s ease-in-out}.boat-dashboard-sidebar.show-sidebar{transform:translateX(0)}.boat-dashboard-sidebar .close-btn{display:flex;position:absolute;top:.5rem;right:-3rem}}.boat-dashboard-layout{background-color:var(--white)}.boat-dashboard-layout main{position:relative;display:flex;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgb(249 249 249/var(--tw-bg-opacity,1))}.boat-dashboard-layout main .dashboard-content{max-height:calc(100svh - 70px);height:100%;min-height:0;flex:1 1 0%;flex-grow:1;overflow-y:auto}.boat-dashboard-layout main .dashboard-content::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.boat-dashboard-layout main .dashboard-content:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(115 115 115/var(--tw-bg-opacity,1))}.boat-dashboard-layout main .dashboard-content::-webkit-scrollbar-track{background-color:transparent}.boat-dashboard-layout main .dashboard-content:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.boat-dashboard-layout main .dashboard-content::-webkit-scrollbar{width:.25rem}@media only screen and (max-width:1023px){.boat-dashboard-layout main{width:100%;max-width:100vw}}.boat-dashboard-layout .boat-dashboard-nav{width:100%;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width:1280px){.boat-dashboard-layout .boat-dashboard-nav .btn{display:flex;margin-right:1rem}}.boat-dashboard-layout .overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.569);z-index:10}