{
  "version": "2.6",
  "children": [
    {
      "type": "frame", "id": "OB5Root", "name": "Admin/OnboardingDevice", "reusable": true, "width": 1440, "height": 900, "fill": "$bg-page", "clip": true,
      "children": [
        {"type": "frame", "id": "OB5Sidebar", "width": 260, "height": "fill_container", "fill": "$bg-elevated", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["right"]}, "layout": "vertical", "children": [
          {"type": "frame", "id": "OB5SLogo", "width": "fill_container", "padding": [24, 24], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "gap": 12, "alignItems": "center", "children": [
            {"type": "frame", "id": "OB5LogoIc", "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": "OB5LogoG", "fill": "#FFFFFF", "content": "G", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "800"}]},
            {"type": "frame", "id": "OB5LogoTG", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "OB5LogoN", "fill": "$text-primary", "content": "GoodGo Admin", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"}, {"type": "text", "id": "OB5LogoS", "fill": "$text-tertiary", "content": "Thiết lập ban đầu", "fontFamily": "Roboto", "fontSize": 11}]}
          ]},
          {"type": "frame", "id": "OB5Steps", "width": "fill_container", "height": "fill_container", "padding": [32, 24], "layout": "vertical", "gap": 0, "children": [
            {"type": "text", "id": "OB5StepLabel", "fill": "$text-tertiary", "content": "TIẾN TRÌNH", "fontFamily": "Roboto", "fontSize": 10, "fontWeight": "700", "padding": [0, 0, 20, 0]},
            {"type": "frame", "id": "OB5S1", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "children": [{"type": "frame", "id": "OB5S1C", "width": 32, "height": 32, "fill": "#22C55E", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OB5S1Ck", "width": 18, "height": 18, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"}]}, {"type": "text", "id": "OB5S1T", "fill": "$text-primary", "content": "Doanh nghiệp", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
            {"type": "frame", "id": "OB5L12", "width": 2, "height": 24, "fill": "#22C55E", "marginLeft": 23},
            {"type": "frame", "id": "OB5S2", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "children": [{"type": "frame", "id": "OB5S2C", "width": 32, "height": 32, "fill": "#22C55E", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OB5S2Ck", "width": 18, "height": 18, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"}]}, {"type": "text", "id": "OB5S2T", "fill": "$text-primary", "content": "Cửa hàng", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
            {"type": "frame", "id": "OB5L23", "width": 2, "height": 24, "fill": "#22C55E", "marginLeft": 23},
            {"type": "frame", "id": "OB5S3", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "children": [{"type": "frame", "id": "OB5S3C", "width": 32, "height": 32, "fill": "#22C55E", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OB5S3Ck", "width": 18, "height": 18, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"}]}, {"type": "text", "id": "OB5S3T", "fill": "$text-primary", "content": "Sản phẩm", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
            {"type": "frame", "id": "OB5L34", "width": 2, "height": 24, "fill": "#22C55E", "marginLeft": 23},
            {"type": "frame", "id": "OB5S4", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "children": [{"type": "frame", "id": "OB5S4C", "width": 32, "height": 32, "fill": "#22C55E", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OB5S4Ck", "width": 18, "height": 18, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "#FFFFFF"}]}, {"type": "text", "id": "OB5S4T", "fill": "$text-primary", "content": "Nhân viên", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
            {"type": "frame", "id": "OB5L45", "width": 2, "height": 24, "fill": "#22C55E", "marginLeft": 23},
            {"type": "frame", "id": "OB5S5", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "fill": "#FF5C0015", "cornerRadius": 10, "children": [{"type": "frame", "id": "OB5S5C", "width": 32, "height": 32, "fill": "$orange-primary", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OB5S5N", "fill": "#FFFFFF", "content": "5", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "700"}]}, {"type": "text", "id": "OB5S5T", "fill": "$orange-primary", "content": "Thiết bị", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}]},
            {"type": "frame", "id": "OB5L56", "width": 2, "height": 24, "fill": "$border-default", "marginLeft": 23},
            {"type": "frame", "id": "OB5S6", "width": "fill_container", "gap": 14, "alignItems": "center", "padding": [10, 8], "children": [{"type": "frame", "id": "OB5S6C", "width": 32, "height": 32, "fill": "$bg-interactive", "stroke": {"thickness": 2, "fill": "$border-default"}, "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OB5S6N", "fill": "$text-tertiary", "content": "6", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "700"}]}, {"type": "text", "id": "OB5S6T", "fill": "$text-tertiary", "content": "Hoàn tất", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]}
          ]}
        ]},
        {"type": "frame", "id": "OB5Main", "width": "fill_container", "height": "fill_container", "layout": "vertical", "justifyContent": "center", "alignItems": "center", "padding": [40, 40], "children": [
          {"type": "frame", "id": "OB5Card", "width": 720, "fill": "$bg-elevated", "cornerRadius": 16, "padding": 32, "layout": "vertical", "gap": 24, "children": [
            {"type": "frame", "id": "OB5FH", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [
              {"type": "text", "id": "OB5FTitle", "fill": "$text-primary", "content": "Kết nối thiết bị", "fontFamily": "Roboto", "fontSize": 22, "fontWeight": "700"},
              {"type": "text", "id": "OB5FSub", "fill": "$text-tertiary", "content": "Kết nối thiết bị POS và máy in để bắt đầu bán hàng", "fontFamily": "Roboto", "fontSize": 14}
            ]},
            {"type": "frame", "id": "OB5Pairing", "width": "fill_container", "gap": 24, "children": [
              {"type": "frame", "id": "OB5QR", "width": 160, "height": 160, "fill": "#FFFFFF", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "frame", "id": "OB5QRInner", "width": 120, "height": 120, "fill": "$bg-interactive", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OB5QRIc", "width": 48, "height": 48, "iconFontName": "qr-code", "iconFontFamily": "lucide", "fill": "$text-tertiary"}]}
              ]},
              {"type": "frame", "id": "OB5PairInfo", "width": "fill_container", "layout": "vertical", "gap": 16, "justifyContent": "center", "children": [
                {"type": "text", "id": "OB5PairT1", "fill": "$text-primary", "content": "Quét mã QR hoặc nhập mã kết nối", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "600"},
                {"type": "text", "id": "OB5PairT2", "fill": "$text-tertiary", "content": "Mở ứng dụng GoodGo POS trên thiết bị và quét mã QR bên trái", "fontFamily": "Roboto", "fontSize": 13},
                {"type": "frame", "id": "OB5CodeWrap", "layout": "vertical", "gap": 6, "children": [
                  {"type": "text", "id": "OB5CodeL", "fill": "$text-secondary", "content": "Mã kết nối", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"},
                  {"type": "frame", "id": "OB5CodeBox", "fill": "$bg-interactive", "cornerRadius": 10, "padding": [12, 16], "gap": 12, "alignItems": "center", "children": [
                    {"type": "text", "id": "OB5Code", "fill": "$orange-primary", "content": "8A3F-K2M9", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "700", "letterSpacing": 4},
                    {"type": "icon_font", "id": "OB5CopyIc", "width": 18, "height": 18, "iconFontName": "copy", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
                  ]}
                ]}
              ]}
            ]},
            {"type": "frame", "id": "OB5Devices", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [
              {"type": "text", "id": "OB5DevH", "fill": "$text-secondary", "content": "Thiết bị đã kết nối (1)", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"},
              {"type": "frame", "id": "OB5Dev1", "width": "fill_container", "fill": "$bg-interactive", "cornerRadius": 12, "padding": [14, 16], "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "OB5Dev1L", "gap": 14, "alignItems": "center", "children": [
                  {"type": "frame", "id": "OB5Dev1Ic", "width": 44, "height": 44, "fill": "#3B82F620", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OB5Dev1IcI", "width": 22, "height": 22, "iconFontName": "tablet", "iconFontFamily": "lucide", "fill": "#3B82F6"}]},
                  {"type": "frame", "id": "OB5Dev1Info", "layout": "vertical", "gap": 2, "children": [{"type": "text", "id": "OB5Dev1N", "fill": "$text-primary", "content": "iPad Pro - Quầy 1", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}, {"type": "text", "id": "OB5Dev1S", "fill": "$text-tertiary", "content": "Kết nối lúc 10:30 hôm nay", "fontFamily": "Roboto", "fontSize": 12}]}
                ]},
                {"type": "frame", "id": "OB5Dev1Badge", "fill": "#22C55E20", "cornerRadius": 8, "padding": [4, 10], "children": [{"type": "text", "id": "OB5Dev1BT", "fill": "#22C55E", "content": "Đã kết nối", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}
              ]}
            ]},
            {"type": "frame", "id": "OB5Printer", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [
              {"type": "text", "id": "OB5PrintH", "fill": "$text-secondary", "content": "Thiết lập máy in", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"},
              {"type": "frame", "id": "OB5PrintOpts", "width": "fill_container", "gap": 12, "children": [
                {"type": "frame", "id": "OB5PrintAuto", "width": "fill_container", "height": 56, "fill": "#FF5C0015", "stroke": {"thickness": 2, "fill": "$orange-primary"}, "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "gap": 8, "children": [{"type": "icon_font", "id": "OB5PrintAutoI", "width": 18, "height": 18, "iconFontName": "scan-search", "iconFontFamily": "lucide", "fill": "$orange-primary"}, {"type": "text", "id": "OB5PrintAutoT", "fill": "$orange-primary", "content": "Tự động phát hiện", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]},
                {"type": "frame", "id": "OB5PrintMan", "width": "fill_container", "height": 56, "fill": "$bg-interactive", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "gap": 8, "children": [{"type": "icon_font", "id": "OB5PrintManI", "width": 18, "height": 18, "iconFontName": "settings", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "OB5PrintManT", "fill": "$text-secondary", "content": "Cài đặt thủ công", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]}
              ]}
            ]},
            {"type": "frame", "id": "OB5Footer", "width": "fill_container", "justifyContent": "space_between", "padding": [8, 0, 0, 0], "children": [
              {"type": "frame", "id": "OB5FootL", "gap": 12, "children": [{"type": "frame", "id": "OB5BackBtn", "fill": "$bg-interactive", "cornerRadius": 10, "padding": [12, 28], "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "OB5BackI", "width": 18, "height": 18, "iconFontName": "arrow-left", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "OB5BackT", "fill": "$text-secondary", "content": "Quay lại", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]}]},
              {"type": "frame", "id": "OB5FootR", "gap": 12, "children": [
                {"type": "frame", "id": "OB5SkipBtn", "cornerRadius": 10, "padding": [12, 20], "alignItems": "center", "children": [{"type": "text", "id": "OB5SkipT", "fill": "$text-tertiary", "content": "Bỏ qua", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
                {"type": "frame", "id": "OB5NextBtn", "fill": "$orange-primary", "cornerRadius": 10, "padding": [12, 28], "gap": 8, "alignItems": "center", "children": [{"type": "text", "id": "OB5NextT", "fill": "#FFFFFF", "content": "Tiếp theo", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}, {"type": "icon_font", "id": "OB5NextI", "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"}}
}
