#header{align-items:center;background:#000;border-bottom:1px solid var(--border-color);display:flex;height:50px;justify-content:space-between;padding:0 20px}#header .header-logo,#header .header-logo .header-logo-text{align-items:center;display:inline-flex;justify-content:center}#header .header-logo .header-logo-text .logo-text{color:#fff;font-size:30px;font-weight:300}#header .header-logo .header-logo-text .logo-image{height:25px}#header .header-logo .header-logo-text .sub-text{color:#eee;font-size:14px;margin-left:10px}#header .header-actions{display:inline-flex}#header .header-actions .header-dark-mode{margin-right:10px}#header .header-actions .header-user{align-items:center;display:inline-flex;justify-content:center}#header .header-actions .header-user .header-user-avatar{margin-right:8px}#header .header-actions .header-user .header-user-name{color:#fff;font-size:14px;font-weight:600}#header .header-actions .header-user .header-user-logout{cursor:pointer;margin-left:10px}#header .header-actions .header-user .header-user-logout .ui-icon{color:#fff;position:relative;top:1px}#sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border-color);height:calc(100vh - 50px);width:200px}#sidebar .menu .group{font-weight:700;margin-top:10px;padding:8px 20px}#sidebar .menu .link{align-items:center;color:var(--p-text-color);display:flex;justify-content:flex-start;padding:8px 20px;width:100%}#sidebar .menu .link:hover{background:var(--sidebar-menu-item-hover-bg)}#sidebar .menu .link.router-link-active{border-left:2px solid var(--p-text-color);padding-left:18px}#sidebar .menu .link.router-link-active .link-text{font-weight:500}#sidebar .menu .link .link-icon{margin-right:10px}#sidebar .menu .link .link-text{font-size:15px}.layout-default .page-body{display:flex;flex-flow:wrap}.layout-default .page-body .content{padding:20px;width:calc(100% - 200px)}