.dashboard-container{display:flex;flex-direction:column;height:100vh;background-color:#393b4c}.navbar{display:flex;background-color:#232538;color:#fff;border-bottom:1px solid #2d3648}.navbar-logo{justify-content:center;border-right:1px solid #2d3648;width:80px;height:80px}.navbar-header,.navbar-logo{display:flex;align-items:center}.navbar-header{justify-content:space-between;padding:0 20px;width:calc(100vw - 80px)}.logo{width:30px;height:30px;margin-right:10px}.app-title{font-size:18px;font-weight:700}.main-layout{display:flex;flex:1}.sidebar{width:80px;background-color:#232538;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-right:1px solid #2d3648}.sidebar-icon{margin:20px 0;cursor:pointer;display:flex;justify-content:center;text-align:center;transition:transform .2s ease,opacity .2s ease;opacity:.4}.sidebar-icon:hover{transform:scale(1.1)!important;opacity:.7!important}.sidebar-icon.active{transform:scale(1);opacity:1}.content-area{background-color:#232538;height:calc(100vh - 80px)}.loading{position:absolute;top:50%;bottom:50%;right:0;left:80px;margin:auto;z-index:999}