:root{--sidebar-open:232px;--sidebar-closed:76px}.sidebar{width:var(--sidebar-open);transition:width .22s ease,transform .22s ease;overflow-x:hidden}.main{margin-left:var(--sidebar-open);width:calc(100% - var(--sidebar-open));transition:margin-left .22s ease,width .22s ease}.sidebar-collapse-button{position:absolute;z-index:8;top:18px;right:-1px;display:grid;place-items:center;width:25px;height:34px;border:1px solid #ffffff20;border-right:0;border-radius:8px 0 0 8px;background:#202b37;color:#f2c252;font:700 24px/1 'DM Sans',sans-serif;box-shadow:0 4px 12px #10182055}.sidebar-collapse-button:hover{background:#3a4858}.sidebar .brand span,.sidebar .company-switch,.sidebar .nav-link,.sidebar .nav-section,.sidebar .sidebar-footer{transition:opacity .15s ease}.sidebar-collapsed .sidebar{width:var(--sidebar-closed);padding-inline:10px}.sidebar-collapsed .main{margin-left:var(--sidebar-closed);width:calc(100% - var(--sidebar-closed))}.sidebar-collapsed .sidebar-collapse-button{right:50%;transform:translateX(50%);top:72px;width:30px;height:27px;border:1px solid #ffffff20;border-radius:7px;font-size:20px}.sidebar-collapsed .brand{justify-content:center;padding-inline:0;padding-bottom:48px}.sidebar-collapsed .brand-logo{width:43px;height:43px;flex:0 0 43px}.sidebar-collapsed .brand span,.sidebar-collapsed .company-switch,.sidebar-collapsed .nav-section,.sidebar-collapsed .sidebar-footer{display:none}.sidebar-collapsed #navigation{gap:7px}.sidebar-collapsed .nav-link{justify-content:center;width:52px;min-height:43px;padding:10px;margin-inline:auto;font-size:0}.sidebar-collapsed .nav-link .nav-icon{width:auto;font-size:17px}.sidebar-collapsed .nav-link.active{box-shadow:0 7px 18px #14191f45,inset 3px 0 #ffe09a}.sidebar-collapsed .dashboard-menu-group summary{justify-content:center}.sidebar-collapsed .dashboard-menu-group summary span:not(.nav-icon),.sidebar-collapsed .dashboard-menu-group summary small{display:none}@media(max-width:900px){.sidebar-collapse-button{display:none}.sidebar-collapsed .sidebar{width:232px;padding:20px 12px}.sidebar-collapsed .main{margin-left:0;width:100%}.sidebar-collapsed .brand{justify-content:flex-start;padding:0 10px 20px}.sidebar-collapsed .brand span,.sidebar-collapsed .company-switch,.sidebar-collapsed .nav-section,.sidebar-collapsed .sidebar-footer{display:revert}.sidebar-collapsed .nav-link{justify-content:flex-start;width:auto;min-height:0;padding:10px 12px;margin:0;font-size:13px}.sidebar-collapsed .nav-link .nav-icon{width:17px;font-size:inherit}}
