{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "CustomerDisplay",
      "name": "Customer Display",
      "width": 800,
      "height": 480,
      "fill": "#0A0A0B",
      "layout": "vertical",
      "children": [
        {
          "type": "frame",
          "id": "CDHeader",
          "width": "fill_container",
          "height": 60,
          "fill": "#111113",
          "stroke": {"thickness": 1, "fill": "#1F1F23"},
          "padding": [0, 24],
          "justifyContent": "space_between",
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "CDLogo", "gap": 10, "alignItems": "center", "children": [
              {"type": "icon_font", "id": "CDLogoI", "width": 28, "height": 28, "iconFontName": "coffee", "iconFontFamily": "lucide", "fill": "#FF5C00"},
              {"type": "text", "id": "CDLogoT", "fill": "#FFFFFF", "content": "GoodGo Café", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"}
            ]},
            {"type": "frame", "id": "CDTime", "gap": 8, "alignItems": "center", "children": [
              {"type": "icon_font", "id": "CDTimeI", "width": 16, "height": 16, "iconFontName": "clock", "iconFontFamily": "lucide", "fill": "#8B8B90"},
              {"type": "text", "id": "CDTimeT", "fill": "#8B8B90", "content": "19:05 • 06/02/2026", "fontFamily": "Roboto", "fontSize": 14}
            ]}
          ]
        },
        {
          "type": "frame",
          "id": "CDBody",
          "width": "fill_container",
          "height": "fill_container",
          "padding": 24,
          "gap": 24,
          "children": [
            {
              "type": "frame",
              "id": "CDOrderList",
              "width": "fill_container",
              "height": "fill_container",
              "fill": "#111113",
              "cornerRadius": 16,
              "stroke": {"thickness": 1, "fill": "#1F1F23"},
              "layout": "vertical",
              "children": [
                {"type": "frame", "id": "CDListHeader", "width": "fill_container", "fill": "#1A1A1D", "cornerRadius": [16, 16, 0, 0], "padding": 16, "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "text", "id": "CDListTitle", "fill": "#FFFFFF", "content": "Đơn hàng của bạn", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "600"},
                  {"type": "text", "id": "CDListCount", "fill": "#8B8B90", "content": "4 món", "fontFamily": "Roboto", "fontSize": 14}
                ]},
                {"type": "frame", "id": "CDItems", "width": "fill_container", "height": "fill_container", "padding": 16, "layout": "vertical", "gap": 12, "children": [
                  {"type": "frame", "id": "CDItem1", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                    {"type": "frame", "id": "CDI1L", "gap": 12, "alignItems": "center", "children": [
                      {"type": "frame", "id": "CDI1Qty", "width": 32, "height": 32, "fill": "#FF5C0020", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "CDI1QtyT", "fill": "#FF5C00", "content": "2", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]},
                      {"type": "frame", "id": "CDI1Info", "layout": "vertical", "gap": 2, "children": [
                        {"type": "text", "id": "CDI1N", "fill": "#FFFFFF", "content": "Cà phê sữa đá", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "500"},
                        {"type": "text", "id": "CDI1D", "fill": "#6B6B70", "content": "Size L, Ít đường", "fontFamily": "Roboto", "fontSize": 12}
                      ]}
                    ]},
                    {"type": "text", "id": "CDI1P", "fill": "#FFFFFF", "content": "58,000₫", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "500"}
                  ]},
                  {"type": "frame", "id": "CDItem2", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                    {"type": "frame", "id": "CDI2L", "gap": 12, "alignItems": "center", "children": [
                      {"type": "frame", "id": "CDI2Qty", "width": 32, "height": 32, "fill": "#FF5C0020", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "CDI2QtyT", "fill": "#FF5C00", "content": "1", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]},
                      {"type": "frame", "id": "CDI2Info", "layout": "vertical", "gap": 2, "children": [
                        {"type": "text", "id": "CDI2N", "fill": "#FFFFFF", "content": "Trà đào cam sả", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "500"},
                        {"type": "text", "id": "CDI2D", "fill": "#6B6B70", "content": "Size M", "fontFamily": "Roboto", "fontSize": 12}
                      ]}
                    ]},
                    {"type": "text", "id": "CDI2P", "fill": "#FFFFFF", "content": "45,000₫", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "500"}
                  ]},
                  {"type": "frame", "id": "CDItem3", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                    {"type": "frame", "id": "CDI3L", "gap": 12, "alignItems": "center", "children": [
                      {"type": "frame", "id": "CDI3Qty", "width": 32, "height": 32, "fill": "#FF5C0020", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "CDI3QtyT", "fill": "#FF5C00", "content": "1", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]},
                      {"type": "frame", "id": "CDI3Info", "layout": "vertical", "gap": 2, "children": [
                        {"type": "text", "id": "CDI3N", "fill": "#FFFFFF", "content": "Bánh mì thịt nguội", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "500"},
                        {"type": "text", "id": "CDI3D", "fill": "#6B6B70", "content": "Thêm pate", "fontFamily": "Roboto", "fontSize": 12}
                      ]}
                    ]},
                    {"type": "text", "id": "CDI3P", "fill": "#FFFFFF", "content": "35,000₫", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "500"}
                  ]}
                ]}
              ]
            },
            {
              "type": "frame",
              "id": "CDTotalPanel",
              "width": 280,
              "height": "fill_container",
              "fill": "#111113",
              "cornerRadius": 16,
              "stroke": {"thickness": 1, "fill": "#1F1F23"},
              "layout": "vertical",
              "justifyContent": "space_between",
              "children": [
                {"type": "frame", "id": "CDTotalTop", "width": "fill_container", "padding": 20, "layout": "vertical", "gap": 16, "children": [
                  {"type": "frame", "id": "CDSubtotal", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "CDSubtotalL", "fill": "#8B8B90", "content": "Tạm tính", "fontFamily": "Roboto", "fontSize": 14}, {"type": "text", "id": "CDSubtotalV", "fill": "#FFFFFF", "content": "138,000₫", "fontFamily": "Roboto", "fontSize": 14}]},
                  {"type": "frame", "id": "CDLoyalty", "width": "fill_container", "justifyContent": "space_between", "children": [
                    {"type": "frame", "id": "CDLoyaltyL", "gap": 6, "alignItems": "center", "children": [{"type": "icon_font", "id": "CDLoyaltyI", "width": 14, "height": 14, "iconFontName": "coins", "iconFontFamily": "lucide", "fill": "#22C55E"}, {"type": "text", "id": "CDLoyaltyT", "fill": "#22C55E", "content": "Gold -5%", "fontFamily": "Roboto", "fontSize": 14}]},
                    {"type": "text", "id": "CDLoyaltyV", "fill": "#22C55E", "content": "-6,900₫", "fontFamily": "Roboto", "fontSize": 14}
                  ]},
                  {"type": "frame", "id": "CDDiv", "width": "fill_container", "height": 1, "fill": "#2A2A2E"}
                ]},
                {"type": "frame", "id": "CDTotalBottom", "width": "fill_container", "fill": "#FF5C00", "cornerRadius": [0, 0, 16, 16], "padding": 20, "layout": "vertical", "gap": 4, "alignItems": "center", "children": [
                  {"type": "text", "id": "CDTotalL", "fill": "#FFFFFF99", "content": "TỔNG THANH TOÁN", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"},
                  {"type": "text", "id": "CDTotalV", "fill": "#FFFFFF", "content": "131,100₫", "fontFamily": "Roboto", "fontSize": 32, "fontWeight": "700"}
                ]}
              ]
            }
          ]
        }
      ]
    },
    {
      "type": "frame",
      "id": "CustomerDisplayWaiting",
      "name": "Customer Display/Waiting",
      "x": 900,
      "width": 800,
      "height": 480,
      "fill": "#0A0A0B",
      "layout": "vertical",
      "children": [
        {
          "type": "frame",
          "id": "CDW_Header",
          "width": "fill_container",
          "height": 60,
          "fill": "#111113",
          "stroke": {"thickness": 1, "fill": "#1F1F23"},
          "padding": [0, 24],
          "justifyContent": "space_between",
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "CDW_Logo", "gap": 10, "alignItems": "center", "children": [
              {"type": "icon_font", "id": "CDW_LogoI", "width": 28, "height": 28, "iconFontName": "coffee", "iconFontFamily": "lucide", "fill": "#FF5C00"},
              {"type": "text", "id": "CDW_LogoT", "fill": "#FFFFFF", "content": "GoodGo Café", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "600"}
            ]},
            {"type": "frame", "id": "CDW_Time", "gap": 8, "alignItems": "center", "children": [
              {"type": "icon_font", "id": "CDW_TimeI", "width": 16, "height": 16, "iconFontName": "clock", "iconFontFamily": "lucide", "fill": "#8B8B90"},
              {"type": "text", "id": "CDW_TimeT", "fill": "#8B8B90", "content": "19:05 • 06/02/2026", "fontFamily": "Roboto", "fontSize": 14}
            ]}
          ]
        },
        {
          "type": "frame",
          "id": "CDW_Body",
          "width": "fill_container",
          "height": "fill_container",
          "justifyContent": "center",
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "CDW_Content", "layout": "vertical", "gap": 24, "alignItems": "center", "children": [
              {"type": "frame", "id": "CDW_Promo", "fill": "#FF5C0010", "cornerRadius": 20, "padding": [16, 32], "layout": "vertical", "gap": 8, "alignItems": "center", "children": [
                {"type": "icon_font", "id": "CDW_PromoI", "width": 48, "height": 48, "iconFontName": "sparkles", "iconFontFamily": "lucide", "fill": "#FF5C00"},
                {"type": "text", "id": "CDW_PromoT", "fill": "#FF5C00", "content": "Giảm 20% cho thành viên mới", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"}
              ]},
              {"type": "text", "id": "CDW_Welcome", "fill": "#FFFFFF", "content": "Chào mừng quý khách!", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "600"},
              {"type": "text", "id": "CDW_Desc", "fill": "#8B8B90", "content": "Scan QR để tích điểm và nhận ưu đãi", "fontFamily": "Roboto", "fontSize": 16},
              {"type": "frame", "id": "CDW_QR", "width": 120, "height": 120, "fill": "#FFFFFF", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "icon_font", "id": "CDW_QRI", "width": 80, "height": 80, "iconFontName": "qr-code", "iconFontFamily": "lucide", "fill": "#0A0A0B"}
              ]}
            ]}
          ]
        }
      ]
    }
  ]
}
