.main-sidebar{position:relative;height:100%;transition:all .2s ease;background-color:#f9fafa}.main-sidebar .sidebar-toggle{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:flex-end}.main-sidebar .sidebar-toggle .toggle-button{font-size:16px}.main-sidebar .sidebar-toggle .toggle-button:hover{color:#1890ff}.main-sidebar.ant-layout-sider-collapsed .sidebar-toggle{justify-content:center;padding:0}.main-sidebar.ant-layout-sider-collapsed .ant-menu-item{padding:0 24px!important}.main-sidebar.ant-layout-sider-collapsed .ant-menu-item .ant-menu-title-content{opacity:0;padding:10px}.ant-menu-title-content{padding:0 20px!important;display:flex;align-items:center}:root{--header-height:48px;--font-color-secondary:#fff;--sider-width:220px;--sider-collapsed-width:64px}.dashboard-layout{display:flex;flex-direction:column;height:100vh}.dashboard-layout .main-content-layout{display:flex;flex:1 1;overflow:hidden}.dashboard-layout .content-area{display:flex;flex-direction:column;flex:1 1;transition:all .2s;overflow:auto}.header{display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.header .headerItem{color:var(--font-color-secondary);margin:0 8px}.header .logo{display:flex;gap:15px;justify-content:center;align-items:center}.header .logo svg:first-child{margin-right:20px}.title{font-family:Manrope,sans-serif;font-size:20px;font-weight:600;line-height:28px;text-align:left;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.breadcrumb{margin:15px 0}.content-wrapper{padding:0 20px 20px;background:#fff}.content{background:#f5f5f3;min-height:280px}.content,.content main .box{padding:20px;border-radius:8px}.content main .box{background:#fff;float:left;width:100%;margin-bottom:15px;display:flex;flex-direction:column;position:relative}.page-content{flex:1 1;padding:0 20px 20px;overflow:auto}