{
  "version": "2.6",
  "children": [
    {
      "type": "frame", "id": "OB4Root", "name": "Admin/OnboardingStaff", "reusable": true, "width": 1440, "height": 900, "fill": "$bg-page", "clip": true,
      "children": [
        {"type": "frame", "id": "OB4Sidebar", "width": 260, "height": "fill_container", "fill": "$bg-elevated", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["right"]}, "layout": "vertical", "children": [
          {"type": "frame", "id": "OB4SLogo", "width": "fill_container", "padding": [24, 24], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "gap": 12, "alignItems": "center", "children": [
            {"type": "frame", "id": "OB4LogoIc", "width": 40, "height": 40, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "text", "id": "OB4LogoG", "fill": "#FFFFFF", "content": "G", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "800"}
            ]},
            {"type": "frame", "id": "OB4LogoTG", "layout": "vertical", "gap": 2, "children": [
              {"type": "text", "id": "OB4LogoN", "fill": "$text-primary", "content": "GoodGo Admin", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"},
              {"type": "text", "id": "OB4LogoS", "fill": "$text-tertiary", "content": "Thiết lập ban đầu", "fontFamily": "Roboto", "fontSize": 11}
            ]}
          ]},
          {"type": "frame", "id": "OB4Steps", "width": "fill_container", "height": "fill_container", "padding": [32, 24], "layout": "vertical", "gap": 0, "children": [
            {"type": "text", "id": "OB4StepLabel", "fill": "$text-tertiary", "content": "TIẾN TRÌNH", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "700", "padding": [0, 0, 20, 0]},
            {"type": "frame", "id": "OB4S1", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "children": [{"type": "frame", "id": "OB4S1C", "width": 32, "height": 32, "fill": "#22C55E", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OB4S1Ck", "width": 18, "height": 18, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"}]}, {"type": "text", "id": "OB4S1T", "fill": "$text-primary", "content": "Doanh nghiệp", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
            {"type": "frame", "id": "OB4L12", "width": 2, "height": 24, "fill": "#22C55E", "marginLeft": 23},
            {"type": "frame", "id": "OB4S2", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "children": [{"type": "frame", "id": "OB4S2C", "width": 32, "height": 32, "fill": "#22C55E", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OB4S2Ck", "width": 18, "height": 18, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"}]}, {"type": "text", "id": "OB4S2T", "fill": "$text-primary", "content": "Cửa hàng", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
            {"type": "frame", "id": "OB4L23", "width": 2, "height": 24, "fill": "#22C55E", "marginLeft": 23},
            {"type": "frame", "id": "OB4S3", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "children": [{"type": "frame", "id": "OB4S3C", "width": 32, "height": 32, "fill": "#22C55E", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OB4S3Ck", "width": 18, "height": 18, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"}]}, {"type": "text", "id": "OB4S3T", "fill": "$text-primary", "content": "Sản phẩm", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
            {"type": "frame", "id": "OB4L34", "width": 2, "height": 24, "fill": "#22C55E", "marginLeft": 23},
            {"type": "frame", "id": "OB4S4", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "fill": "#FF5C0015", "cornerRadius": 10, "children": [{"type": "frame", "id": "OB4S4C", "width": 32, "height": 32, "fill": "$orange-primary", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OB4S4N", "fill": "#FFFFFF", "content": "4", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "700"}]}, {"type": "text", "id": "OB4S4T", "fill": "$orange-primary", "content": "Nhân viên", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}]},
            {"type": "frame", "id": "OB4L45", "width": 2, "height": 24, "fill": "$border-default", "marginLeft": 23},
            {"type": "frame", "id": "OB4S5", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "children": [{"type": "frame", "id": "OB4S5C", "width": 32, "height": 32, "fill": "$bg-interactive", "stroke": {"thickness": 2, "fill": "$border-default"}, "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OB4S5N", "fill": "$text-tertiary", "content": "5", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "700"}]}, {"type": "text", "id": "OB4S5T", "fill": "$text-tertiary", "content": "Thiết bị", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
            {"type": "frame", "id": "OB4L56", "width": 2, "height": 24, "fill": "$border-default", "marginLeft": 23},
            {"type": "frame", "id": "OB4S6", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "children": [{"type": "frame", "id": "OB4S6C", "width": 32, "height": 32, "fill": "$bg-interactive", "stroke": {"thickness": 2, "fill": "$border-default"}, "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OB4S6N", "fill": "$text-tertiary", "content": "6", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "700"}]}, {"type": "text", "id": "OB4S6T", "fill": "$text-tertiary", "content": "Hoàn tất", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]}
          ]}
        ]},
        {"type": "frame", "id": "OB4Main", "width": "fill_container", "height": "fill_container", "layout": "vertical", "justifyContent": "center", "alignItems": "center", "padding": [40, 40], "children": [
          {"type": "frame", "id": "OB4Card", "width": 720, "fill": "$bg-elevated", "cornerRadius": 16, "padding": 32, "layout": "vertical", "gap": 24, "children": [
            {"type": "frame", "id": "OB4FH", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [
              {"type": "text", "id": "OB4FTitle", "fill": "$text-primary", "content": "Thêm nhân viên", "fontFamily": "Roboto", "fontSize": 22, "fontWeight": "700"},
              {"type": "text", "id": "OB4FSub", "fill": "$text-tertiary", "content": "Mời nhân viên tham gia hệ thống hoặc bỏ qua để thêm sau", "fontFamily": "Roboto", "fontSize": 14}
            ]},
            {"type": "frame", "id": "OB4Invite", "width": "fill_container", "gap": 12, "alignItems": "flex_end", "children": [
              {"type": "frame", "id": "OB4IF1", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [
                {"type": "text", "id": "OB4IF1L", "fill": "$text-secondary", "content": "Email hoặc SĐT", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"},
                {"type": "frame", "id": "OB4IF1I", "width": "fill_container", "height": 44, "fill": "$bg-interactive", "cornerRadius": 10, "padding": [0, 14], "alignItems": "center", "children": [{"type": "text", "id": "OB4IF1P", "fill": "$text-tertiary", "content": "email@example.com", "fontFamily": "Roboto", "fontSize": 14}]}
              ]},
              {"type": "frame", "id": "OB4IF2", "width": 200, "layout": "vertical", "gap": 6, "children": [
                {"type": "text", "id": "OB4IF2L", "fill": "$text-secondary", "content": "Vai trò", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"},
                {"type": "frame", "id": "OB4IF2I", "width": "fill_container", "height": 44, "fill": "$bg-interactive", "cornerRadius": 10, "padding": [0, 14], "alignItems": "center", "justifyContent": "space_between", "children": [{"type": "text", "id": "OB4IF2V", "fill": "$text-secondary", "content": "Thu ngân", "fontFamily": "Roboto", "fontSize": 14}, {"type": "icon_font", "id": "OB4IF2Ic", "width": 16, "height": 16, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "$text-tertiary"}]}
              ]},
              {"type": "frame", "id": "OB4InvBtn", "height": 44, "fill": "$orange-primary", "cornerRadius": 10, "padding": [0, 20], "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "OB4InvI", "width": 18, "height": 18, "iconFontName": "send", "iconFontFamily": "lucide", "fill": "#FFFFFF"}, {"type": "text", "id": "OB4InvT", "fill": "#FFFFFF", "content": "Mời", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}]}
            ]},
            {"type": "frame", "id": "OB4StaffList", "width": "fill_container", "layout": "vertical", "gap": 0, "children": [
              {"type": "text", "id": "OB4SLH", "fill": "$text-secondary", "content": "Đã mời (2)", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600", "padding": [0, 0, 12, 0]},
              {"type": "frame", "id": "OB4Staff1", "width": "fill_container", "padding": [14, 0], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "OB4St1L", "gap": 12, "alignItems": "center", "children": [
                  {"type": "frame", "id": "OB4St1Av", "width": 40, "height": 40, "fill": "#3B82F6", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OB4St1AvT", "fill": "#FFFFFF", "content": "NT", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]},
                  {"type": "frame", "id": "OB4St1Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "OB4St1N", "fill": "$text-primary", "content": "nguyenthu@email.com", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}, {"type": "text", "id": "OB4St1R", "fill": "$text-tertiary", "content": "Thu ngân", "fontFamily": "Roboto", "fontSize": 12}]}
                ]},
                {"type": "frame", "id": "OB4St1Badge", "fill": "#F59E0B20", "cornerRadius": 8, "padding": [4, 10], "children": [{"type": "text", "id": "OB4St1BT", "fill": "#F59E0B", "content": "Chờ xác nhận", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}
              ]},
              {"type": "frame", "id": "OB4Staff2", "width": "fill_container", "padding": [14, 0], "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "OB4St2L", "gap": 12, "alignItems": "center", "children": [
                  {"type": "frame", "id": "OB4St2Av", "width": 40, "height": 40, "fill": "#22C55E", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OB4St2AvT", "fill": "#FFFFFF", "content": "LH", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]},
                  {"type": "frame", "id": "OB4St2Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "OB4St2N", "fill": "$text-primary", "content": "0901234567", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}, {"type": "text", "id": "OB4St2R", "fill": "$text-tertiary", "content": "Phục vụ", "fontFamily": "Roboto", "fontSize": 12}]}
                ]},
                {"type": "frame", "id": "OB4St2Badge", "fill": "#F59E0B20", "cornerRadius": 8, "padding": [4, 10], "children": [{"type": "text", "id": "OB4St2BT", "fill": "#F59E0B", "content": "Chờ xác nhận", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}
              ]}
            ]},
            {"type": "frame", "id": "OB4Footer", "width": "fill_container", "justifyContent": "space_between", "padding": [8, 0, 0, 0], "children": [
              {"type": "frame", "id": "OB4FootL", "gap": 12, "children": [{"type": "frame", "id": "OB4BackBtn", "fill": "$bg-interactive", "cornerRadius": 10, "padding": [12, 28], "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "OB4BackI", "width": 18, "height": 18, "iconFontName": "arrow-left", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "OB4BackT", "fill": "$text-secondary", "content": "Quay lại", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]}]},
              {"type": "frame", "id": "OB4FootR", "gap": 12, "children": [
                {"type": "frame", "id": "OB4SkipBtn", "cornerRadius": 10, "padding": [12, 20], "alignItems": "center", "children": [{"type": "text", "id": "OB4SkipT", "fill": "$text-tertiary", "content": "Bỏ qua", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
                {"type": "frame", "id": "OB4NextBtn", "fill": "$orange-primary", "cornerRadius": 10, "padding": [12, 28], "gap": 8, "alignItems": "center", "children": [{"type": "text", "id": "OB4NextT", "fill": "#FFFFFF", "content": "Tiếp theo", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}, {"type": "icon_font", "id": "OB4NextI", "width": 18, "height": 18, "iconFontName": "arrow-right", "iconFontFamily": "lucide", "fill": "#FFFFFF"}]}
              ]}
            ]}
          ]}
        ]}
      ]
    }
  ],
  "variables": {"bg-elevated": {"type": "color", "value": "#1A1A1D"}, "bg-interactive": {"type": "color", "value": "#2A2A2E"}, "bg-page": {"type": "color", "value": "#0A0A0B"}, "border-default": {"type": "color", "value": "#2A2A2E"}, "border-subtle": {"type": "color", "value": "#1F1F23"}, "orange-primary": {"type": "color", "value": "#FF5C00"}, "text-primary": {"type": "color", "value": "#FFFFFF"}, "text-secondary": {"type": "color", "value": "#ADADB0"}, "text-tertiary": {"type": "color", "value": "#8B8B90"}}
}
