{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "OB3Root",
      "name": "Admin/OnboardingProducts",
      "reusable": true,
      "width": 1440,
      "height": 900,
      "fill": "$bg-page",
      "clip": true,
      "children": [
        {
          "type": "frame",
          "id": "OB3Sidebar",
          "width": 260,
          "height": "fill_container",
          "fill": "$bg-elevated",
          "stroke": {
            "thickness": 1,
            "fill": "$border-subtle",
            "sides": [
              "right"
            ]
          },
          "layout": "vertical",
          "children": [
            {
              "type": "frame",
              "id": "OB3SLogo",
              "width": "fill_container",
              "padding": [
                24,
                24
              ],
              "stroke": {
                "thickness": 1,
                "fill": "$border-subtle",
                "sides": [
                  "bottom"
                ]
              },
              "gap": 12,
              "alignItems": "center",
              "children": [
                {
                  "type": "frame",
                  "id": "OB3LogoIc",
                  "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": "OB3LogoG",
                      "fill": "#FFFFFF",
                      "content": "G",
                      "fontFamily": "Roboto",
                      "fontSize": 20,
                      "fontWeight": "800"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "OB3LogoTG",
                  "layout": "vertical",
                  "gap": 2,
                  "children": [
                    {
                      "type": "text",
                      "id": "OB3LogoN",
                      "fill": "$text-primary",
                      "content": "GoodGo Admin",
                      "fontFamily": "Roboto",
                      "fontSize": 16,
                      "fontWeight": "700"
                    },
                    {
                      "type": "text",
                      "id": "OB3LogoS",
                      "fill": "$text-tertiary",
                      "content": "Thiết lập ban đầu",
                      "fontFamily": "Roboto",
                      "fontSize": 11
                    }
                  ]
                }
              ]
            },
            {
              "type": "frame",
              "id": "OB3Steps",
              "width": "fill_container",
              "height": "fill_container",
              "padding": [
                32,
                24
              ],
              "layout": "vertical",
              "gap": 0,
              "children": [
                {
                  "type": "text",
                  "id": "OB3StepLabel",
                  "fill": "$text-tertiary",
                  "content": "TIẾN TRÌNH",
                  "fontFamily": "Roboto",
                  "fontSize": 10,
                  "fontWeight": "700",
                  "padding": [
                    0,
                    0,
                    20,
                    0
                  ]
                },
                {
                  "type": "frame",
                  "id": "OB3S1",
                  "width": "fill_container",
                  "gap": 14,
                  "alignItems": "center",
                  "padding": [
                    10,
                    8
                  ],
                  "children": [
                    {
                      "type": "frame",
                      "id": "OB3S1C",
                      "width": 32,
                      "height": 32,
                      "fill": "#22C55E",
                      "cornerRadius": 100,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "OB3S1Ck",
                          "width": 18,
                          "height": 18,
                          "iconFontName": "check",
                          "iconFontFamily": "lucide",
                          "fill": "#FFFFFF"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "OB3S1T",
                      "fill": "$text-primary",
                      "content": "Doanh nghiệp",
                      "fontFamily": "Roboto",
                      "fontSize": 14,
                      "fontWeight": "500"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "OB3L12",
                  "width": 2,
                  "height": 24,
                  "fill": "#22C55E",
                  "marginLeft": 23
                },
                {
                  "type": "frame",
                  "id": "OB3S2",
                  "width": "fill_container",
                  "gap": 14,
                  "alignItems": "center",
                  "padding": [
                    10,
                    8
                  ],
                  "children": [
                    {
                      "type": "frame",
                      "id": "OB3S2C",
                      "width": 32,
                      "height": 32,
                      "fill": "#22C55E",
                      "cornerRadius": 100,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "OB3S2Ck",
                          "width": 18,
                          "height": 18,
                          "iconFontName": "check",
                          "iconFontFamily": "lucide",
                          "fill": "#FFFFFF"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "OB3S2T",
                      "fill": "$text-primary",
                      "content": "Cửa hàng",
                      "fontFamily": "Roboto",
                      "fontSize": 14,
                      "fontWeight": "500"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "OB3L23",
                  "width": 2,
                  "height": 24,
                  "fill": "#22C55E",
                  "marginLeft": 23
                },
                {
                  "type": "frame",
                  "id": "OB3S3",
                  "width": "fill_container",
                  "gap": 14,
                  "alignItems": "center",
                  "padding": [
                    10,
                    8
                  ],
                  "fill": "#FF5C0015",
                  "cornerRadius": 10,
                  "children": [
                    {
                      "type": "frame",
                      "id": "OB3S3C",
                      "width": 32,
                      "height": 32,
                      "fill": "$orange-primary",
                      "cornerRadius": 100,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "OB3S3N",
                          "fill": "#FFFFFF",
                          "content": "3",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "700"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "OB3S3T",
                      "fill": "$orange-primary",
                      "content": "Sản phẩm",
                      "fontFamily": "Roboto",
                      "fontSize": 14,
                      "fontWeight": "600"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "OB3L34",
                  "width": 2,
                  "height": 24,
                  "fill": "$border-default",
                  "marginLeft": 23
                },
                {
                  "type": "frame",
                  "id": "OB3S4",
                  "width": "fill_container",
                  "gap": 14,
                  "alignItems": "center",
                  "padding": [
                    10,
                    8
                  ],
                  "children": [
                    {
                      "type": "frame",
                      "id": "OB3S4C",
                      "width": 32,
                      "height": 32,
                      "fill": "$bg-interactive",
                      "stroke": {
                        "thickness": 2,
                        "fill": "$border-default"
                      },
                      "cornerRadius": 100,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "OB3S4N",
                          "fill": "$text-tertiary",
                          "content": "4",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "700"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "OB3S4T",
                      "fill": "$text-tertiary",
                      "content": "Nhân viên",
                      "fontFamily": "Roboto",
                      "fontSize": 14,
                      "fontWeight": "500"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "OB3L45",
                  "width": 2,
                  "height": 24,
                  "fill": "$border-default",
                  "marginLeft": 23
                },
                {
                  "type": "frame",
                  "id": "OB3S5",
                  "width": "fill_container",
                  "gap": 14,
                  "alignItems": "center",
                  "padding": [
                    10,
                    8
                  ],
                  "children": [
                    {
                      "type": "frame",
                      "id": "OB3S5C",
                      "width": 32,
                      "height": 32,
                      "fill": "$bg-interactive",
                      "stroke": {
                        "thickness": 2,
                        "fill": "$border-default"
                      },
                      "cornerRadius": 100,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "OB3S5N",
                          "fill": "$text-tertiary",
                          "content": "5",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "700"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "OB3S5T",
                      "fill": "$text-tertiary",
                      "content": "Thiết bị",
                      "fontFamily": "Roboto",
                      "fontSize": 14,
                      "fontWeight": "500"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "OB3L56",
                  "width": 2,
                  "height": 24,
                  "fill": "$border-default",
                  "marginLeft": 23
                },
                {
                  "type": "frame",
                  "id": "OB3S6",
                  "width": "fill_container",
                  "gap": 14,
                  "alignItems": "center",
                  "padding": [
                    10,
                    8
                  ],
                  "children": [
                    {
                      "type": "frame",
                      "id": "OB3S6C",
                      "width": 32,
                      "height": 32,
                      "fill": "$bg-interactive",
                      "stroke": {
                        "thickness": 2,
                        "fill": "$border-default"
                      },
                      "cornerRadius": 100,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "OB3S6N",
                          "fill": "$text-tertiary",
                          "content": "6",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "700"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "OB3S6T",
                      "fill": "$text-tertiary",
                      "content": "Hoàn tất",
                      "fontFamily": "Roboto",
                      "fontSize": 14,
                      "fontWeight": "500"
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          "type": "frame",
          "id": "OB3Main",
          "width": "fill_container",
          "height": "fill_container",
          "layout": "vertical",
          "justifyContent": "center",
          "alignItems": "center",
          "padding": [
            40,
            40
          ],
          "children": [
            {
              "type": "frame",
              "id": "OB3Card",
              "width": 720,
              "fill": "$bg-elevated",
              "cornerRadius": 16,
              "padding": 32,
              "layout": "vertical",
              "gap": 24,
              "children": [
                {
                  "type": "frame",
                  "id": "OB3FH",
                  "width": "fill_container",
                  "layout": "vertical",
                  "gap": 8,
                  "children": [
                    {
                      "type": "text",
                      "id": "OB3FTitle",
                      "fill": "$text-primary",
                      "content": "Thêm sản phẩm",
                      "fontFamily": "Roboto",
                      "fontSize": 22,
                      "fontWeight": "700"
                    },
                    {
                      "type": "text",
                      "id": "OB3FSub",
                      "fill": "$text-tertiary",
                      "content": "Thêm sản phẩm vào cửa hàng hoặc bỏ qua để thêm sau",
                      "fontFamily": "Roboto",
                      "fontSize": 14
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "OB3Opts",
                  "width": "fill_container",
                  "gap": 16,
                  "children": [
                    {
                      "type": "frame",
                      "id": "OB3OptCSV",
                      "width": "fill_container",
                      "height": 80,
                      "fill": "$bg-interactive",
                      "cornerRadius": 12,
                      "layout": "vertical",
                      "justifyContent": "center",
                      "alignItems": "center",
                      "gap": 8,
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "OB3OptCSVI",
                          "width": 24,
                          "height": 24,
                          "iconFontName": "file-spreadsheet",
                          "iconFontFamily": "lucide",
                          "fill": "$text-secondary"
                        },
                        {
                          "type": "text",
                          "id": "OB3OptCSVT",
                          "fill": "$text-secondary",
                          "content": "Import từ CSV",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "500"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "OB3OptMan",
                      "width": "fill_container",
                      "height": 80,
                      "fill": "#FF5C0015",
                      "stroke": {
                        "thickness": 2,
                        "fill": "$orange-primary"
                      },
                      "cornerRadius": 12,
                      "layout": "vertical",
                      "justifyContent": "center",
                      "alignItems": "center",
                      "gap": 8,
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "OB3OptManI",
                          "width": 24,
                          "height": 24,
                          "iconFontName": "pencil",
                          "iconFontFamily": "lucide",
                          "fill": "$orange-primary"
                        },
                        {
                          "type": "text",
                          "id": "OB3OptManT",
                          "fill": "$orange-primary",
                          "content": "Thêm thủ công",
                          "fontFamily": "Roboto",
                          "fontSize": 13,
                          "fontWeight": "600"
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "OB3QForm",
                  "width": "fill_container",
                  "gap": 12,
                  "alignItems": "flex_end",
                  "children": [
                    {
                      "type": "frame",
                      "id": "OB3QF1",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 6,
                      "children": [
                        {
                          "type": "text",
                          "id": "OB3QF1L",
                          "fill": "$text-secondary",
                          "content": "Tên sản phẩm",
                          "fontFamily": "Roboto",
                          "fontSize": 12,
                          "fontWeight": "500"
                        },
                        {
                          "type": "frame",
                          "id": "OB3QF1I",
                          "width": "fill_container",
                          "height": 40,
                          "fill": "$bg-interactive",
                          "cornerRadius": 10,
                          "padding": [
                            0,
                            12
                          ],
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "text",
                              "id": "OB3QF1P",
                              "fill": "$text-tertiary",
                              "content": "Tên SP",
                              "fontFamily": "Roboto",
                              "fontSize": 13
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "OB3QF2",
                      "width": 140,
                      "layout": "vertical",
                      "gap": 6,
                      "children": [
                        {
                          "type": "text",
                          "id": "OB3QF2L",
                          "fill": "$text-secondary",
                          "content": "Giá",
                          "fontFamily": "Roboto",
                          "fontSize": 12,
                          "fontWeight": "500"
                        },
                        {
                          "type": "frame",
                          "id": "OB3QF2I",
                          "width": "fill_container",
                          "height": 40,
                          "fill": "$bg-interactive",
                          "cornerRadius": 10,
                          "padding": [
                            0,
                            12
                          ],
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "text",
                              "id": "OB3QF2P",
                              "fill": "$text-tertiary",
                              "content": "0 đ",
                              "fontFamily": "Roboto",
                              "fontSize": 13
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "OB3QF3",
                      "width": 140,
                      "layout": "vertical",
                      "gap": 6,
                      "children": [
                        {
                          "type": "text",
                          "id": "OB3QF3L",
                          "fill": "$text-secondary",
                          "content": "Danh mục",
                          "fontFamily": "Roboto",
                          "fontSize": 12,
                          "fontWeight": "500"
                        },
                        {
                          "type": "frame",
                          "id": "OB3QF3I",
                          "width": "fill_container",
                          "height": 40,
                          "fill": "$bg-interactive",
                          "cornerRadius": 10,
                          "padding": [
                            0,
                            12
                          ],
                          "alignItems": "center",
                          "justifyContent": "space_between",
                          "children": [
                            {
                              "type": "text",
                              "id": "OB3QF3P",
                              "fill": "$text-tertiary",
                              "content": "Chọn",
                              "fontFamily": "Roboto",
                              "fontSize": 13
                            },
                            {
                              "type": "icon_font",
                              "id": "OB3QF3Ic",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "chevron-down",
                              "iconFontFamily": "lucide",
                              "fill": "$text-tertiary"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "OB3AddBtn",
                      "width": 40,
                      "height": 40,
                      "fill": "$orange-primary",
                      "cornerRadius": 10,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "OB3AddI",
                          "width": 18,
                          "height": 18,
                          "iconFontName": "plus",
                          "iconFontFamily": "lucide",
                          "fill": "#FFFFFF"
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "OB3List",
                  "width": "fill_container",
                  "layout": "vertical",
                  "gap": 0,
                  "children": [
                    {
                      "type": "text",
                      "id": "OB3ListH",
                      "fill": "$text-secondary",
                      "content": "Sản phẩm đã thêm (3)",
                      "fontFamily": "Roboto",
                      "fontSize": 13,
                      "fontWeight": "600",
                      "padding": [
                        0,
                        0,
                        12,
                        0
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "OB3P1",
                      "width": "fill_container",
                      "padding": [
                        12,
                        0
                      ],
                      "stroke": {
                        "thickness": 1,
                        "fill": "$border-subtle",
                        "sides": [
                          "bottom"
                        ]
                      },
                      "justifyContent": "space_between",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "frame",
                          "id": "OB3P1L",
                          "gap": 12,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "frame",
                              "id": "OB3P1Av",
                              "width": 36,
                              "height": 36,
                              "fill": "#FF5C0020",
                              "cornerRadius": 8,
                              "justifyContent": "center",
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "text",
                                  "id": "OB3P1E",
                                  "content": "☕",
                                  "fontSize": 18,
                                  "fontFamily": "Roboto"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "OB3P1Info",
                              "layout": "vertical",
                              "gap": 2,
                              "children": [
                                {
                                  "type": "text",
                                  "id": "OB3P1N",
                                  "fill": "$text-primary",
                                  "content": "Cà phê sữa đá",
                                  "fontFamily": "Roboto",
                                  "fontSize": 14,
                                  "fontWeight": "500"
                                },
                                {
                                  "type": "text",
                                  "id": "OB3P1Cat",
                                  "fill": "$text-tertiary",
                                  "content": "Đồ uống",
                                  "fontFamily": "Roboto",
                                  "fontSize": 12
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "OB3P1Price",
                          "fill": "$orange-primary",
                          "content": "29.000đ",
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "600"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "OB3P2",
                      "width": "fill_container",
                      "padding": [
                        12,
                        0
                      ],
                      "stroke": {
                        "thickness": 1,
                        "fill": "$border-subtle",
                        "sides": [
                          "bottom"
                        ]
                      },
                      "justifyContent": "space_between",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "frame",
                          "id": "OB3P2L",
                          "gap": 12,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "frame",
                              "id": "OB3P2Av",
                              "width": 36,
                              "height": 36,
                              "fill": "#3B82F620",
                              "cornerRadius": 8,
                              "justifyContent": "center",
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "text",
                                  "id": "OB3P2E",
                                  "content": "🧋",
                                  "fontSize": 18,
                                  "fontFamily": "Roboto"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "OB3P2Info",
                              "layout": "vertical",
                              "gap": 2,
                              "children": [
                                {
                                  "type": "text",
                                  "id": "OB3P2N",
                                  "fill": "$text-primary",
                                  "content": "Trà sữa trân châu",
                                  "fontFamily": "Roboto",
                                  "fontSize": 14,
                                  "fontWeight": "500"
                                },
                                {
                                  "type": "text",
                                  "id": "OB3P2Cat",
                                  "fill": "$text-tertiary",
                                  "content": "Đồ uống",
                                  "fontFamily": "Roboto",
                                  "fontSize": 12
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "OB3P2Price",
                          "fill": "$orange-primary",
                          "content": "35.000đ",
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "600"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "OB3P3",
                      "width": "fill_container",
                      "padding": [
                        12,
                        0
                      ],
                      "justifyContent": "space_between",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "frame",
                          "id": "OB3P3L",
                          "gap": 12,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "frame",
                              "id": "OB3P3Av",
                              "width": 36,
                              "height": 36,
                              "fill": "#F59E0B20",
                              "cornerRadius": 8,
                              "justifyContent": "center",
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "text",
                                  "id": "OB3P3E",
                                  "content": "🥐",
                                  "fontSize": 18,
                                  "fontFamily": "Roboto"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "OB3P3Info",
                              "layout": "vertical",
                              "gap": 2,
                              "children": [
                                {
                                  "type": "text",
                                  "id": "OB3P3N",
                                  "fill": "$text-primary",
                                  "content": "Bánh croissant",
                                  "fontFamily": "Roboto",
                                  "fontSize": 14,
                                  "fontWeight": "500"
                                },
                                {
                                  "type": "text",
                                  "id": "OB3P3Cat",
                                  "fill": "$text-tertiary",
                                  "content": "Bánh ngọt",
                                  "fontFamily": "Roboto",
                                  "fontSize": 12
                                }
                              ]
                            }
                          ]
                        },
                        {
                          "type": "text",
                          "id": "OB3P3Price",
                          "fill": "$orange-primary",
                          "content": "25.000đ",
                          "fontFamily": "Roboto",
                          "fontSize": 14,
                          "fontWeight": "600"
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "OB3Footer",
                  "width": "fill_container",
                  "justifyContent": "space_between",
                  "padding": [
                    8,
                    0,
                    0,
                    0
                  ],
                  "children": [
                    {
                      "type": "frame",
                      "id": "OB3FootL",
                      "gap": 12,
                      "children": [
                        {
                          "type": "frame",
                          "id": "OB3BackBtn",
                          "fill": "$bg-interactive",
                          "cornerRadius": 10,
                          "padding": [
                            12,
                            28
                          ],
                          "gap": 8,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "OB3BackI",
                              "width": 18,
                              "height": 18,
                              "iconFontName": "arrow-left",
                              "iconFontFamily": "lucide",
                              "fill": "$text-secondary"
                            },
                            {
                              "type": "text",
                              "id": "OB3BackT",
                              "fill": "$text-secondary",
                              "content": "Quay lại",
                              "fontFamily": "Roboto",
                              "fontSize": 14,
                              "fontWeight": "500"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "OB3FootR",
                      "gap": 12,
                      "children": [
                        {
                          "type": "frame",
                          "id": "OB3SkipBtn",
                          "cornerRadius": 10,
                          "padding": [
                            12,
                            20
                          ],
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "text",
                              "id": "OB3SkipT",
                              "fill": "$text-tertiary",
                              "content": "Bỏ qua",
                              "fontFamily": "Roboto",
                              "fontSize": 14,
                              "fontWeight": "500"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "OB3NextBtn",
                          "fill": "$orange-primary",
                          "cornerRadius": 10,
                          "padding": [
                            12,
                            28
                          ],
                          "gap": 8,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "text",
                              "id": "OB3NextT",
                              "fill": "#FFFFFF",
                              "content": "Tiếp theo",
                              "fontFamily": "Roboto",
                              "fontSize": 14,
                              "fontWeight": "600"
                            },
                            {
                              "type": "icon_font",
                              "id": "OB3NextI",
                              "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"
    }
  }
}