{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "ServiceDisplayScreen",
      "name": "Service Display Screen",
      "width": 1440,
      "height": 900,
      "fill": "$bg-page",
      "layout": "vertical",
      "clip": true,
      "children": [
        {
          "type": "frame",
          "id": "SvcHeader",
          "width": "fill_container",
          "height": 64,
          "fill": "$bg-elevated",
          "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]},
          "padding": [0, 24],
          "justifyContent": "space_between",
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "SvcHeaderLeft", "gap": 14, "alignItems": "center", "children": [
              {"type": "frame", "id": "SvcLogo", "width": 44, "height": 44, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": {"height": 1}, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "text", "id": "SvcLogoText", "fill": "$text-primary", "content": "G", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "700"}
              ]},
              {"type": "frame", "id": "SvcTitleArea", "layout": "vertical", "gap": 2, "children": [
                {"type": "text", "id": "SvcTitle", "fill": "$text-primary", "content": "Service Display", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"},
                {"type": "text", "id": "SvcSubtitle", "fill": "$text-secondary", "content": "Màn hình phục vụ", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "normal"}
              ]}
            ]},
            {"type": "frame", "id": "SvcHeaderCenter", "gap": 10, "alignItems": "center", "children": [
              {"type": "frame", "id": "SvcNotifBadge", "fill": "#EF4444", "cornerRadius": 100, "padding": [6, 12], "gap": 6, "alignItems": "center", "children": [
                {"type": "icon_font", "id": "SvcNotifIcon", "width": 16, "height": 16, "iconFontName": "bell-ring", "iconFontFamily": "lucide", "fill": "$text-primary"},
                {"type": "text", "id": "SvcNotifText", "fill": "$text-primary", "content": "5 new", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}
              ]}
            ]},
            {"type": "frame", "id": "SvcHeaderRight", "gap": 16, "alignItems": "center", "children": [
              {"type": "frame", "id": "SvcDateTime", "layout": "vertical", "gap": 2, "alignItems": "flex_end", "children": [
                {"type": "text", "id": "SvcTime", "fill": "$text-primary", "content": "22:15", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "600"},
                {"type": "text", "id": "SvcDate", "fill": "$text-secondary", "content": "05/02/2026", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "normal"}
              ]},
              {"type": "frame", "id": "SvcUserAvatar", "width": 40, "height": 40, "fill": "#14B8A630", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "text", "id": "SvcUserInit", "fill": "#14B8A6", "content": "NV", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
              ]}
            ]}
          ]
        },
        {
          "type": "frame",
          "id": "SvcTabs",
          "width": "fill_container",
          "fill": "$bg-elevated",
          "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]},
          "padding": [12, 24],
          "gap": 12,
          "children": [
            {"type": "frame", "id": "SvcTabPending", "fill": "#F59E0B", "cornerRadius": 100, "padding": [10, 20], "gap": 8, "alignItems": "center", "children": [
              {"type": "frame", "id": "SvcTabPendingDot", "width": 8, "height": 8, "fill": "$text-primary", "cornerRadius": 100},
              {"type": "text", "id": "SvcTabPendingText", "fill": "$text-primary", "content": "Đang chờ (5)", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
            ]},
            {"type": "frame", "id": "SvcTabProcessing", "fill": "$bg-interactive", "cornerRadius": 100, "padding": [10, 20], "gap": 8, "alignItems": "center", "children": [
              {"type": "frame", "id": "SvcTabProcessingDot", "width": 8, "height": 8, "fill": "#3B82F6", "cornerRadius": 100},
              {"type": "text", "id": "SvcTabProcessingText", "fill": "$text-secondary", "content": "Đang làm (3)", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
            ]},
            {"type": "frame", "id": "SvcTabReady", "fill": "$bg-interactive", "cornerRadius": 100, "padding": [10, 20], "gap": 8, "alignItems": "center", "children": [
              {"type": "frame", "id": "SvcTabReadyDot", "width": 8, "height": 8, "fill": "#22C55E", "cornerRadius": 100},
              {"type": "text", "id": "SvcTabReadyText", "fill": "$text-secondary", "content": "Sẵn sàng (2)", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
            ]},
            {"type": "frame", "id": "SvcTabDone", "fill": "$bg-interactive", "cornerRadius": 100, "padding": [10, 20], "gap": 8, "alignItems": "center", "children": [
              {"type": "icon_font", "id": "SvcTabDoneIcon", "width": 14, "height": 14, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "$text-tertiary"},
              {"type": "text", "id": "SvcTabDoneText", "fill": "$text-tertiary", "content": "Đã phục vụ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
            ]}
          ]
        },
        {
          "type": "frame",
          "id": "SvcBody",
          "width": "fill_container",
          "height": "fill_container",
          "padding": 24,
          "gap": 20,
          "wrap": true,
          "alignContent": "flex_start",
          "children": [
            {
              "type": "frame",
              "id": "SvcCard1",
              "width": 320,
              "fill": "$bg-elevated",
              "cornerRadius": 16,
              "stroke": {"thickness": 2, "fill": "#F59E0B"},
              "layout": "vertical",
              "clip": true,
              "children": [
                {"type": "frame", "id": "SvcCard1Header", "width": "fill_container", "fill": "#F59E0B20", "padding": [14, 18], "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "SvcCard1Room", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard1RoomIcon", "width": 36, "height": 36, "fill": "#8B5CF630", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "SvcCard1IconFont", "width": 18, "height": 18, "iconFontName": "mic", "iconFontFamily": "lucide", "fill": "#8B5CF6"}
                    ]},
                    {"type": "text", "id": "SvcCard1RoomName", "fill": "$text-primary", "content": "VIP 01", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"}
                  ]},
                  {"type": "frame", "id": "SvcCard1Timer", "gap": 6, "alignItems": "center", "children": [
                    {"type": "icon_font", "id": "SvcCard1TimerIcon", "width": 14, "height": 14, "iconFontName": "clock", "iconFontFamily": "lucide", "fill": "#F59E0B"},
                    {"type": "text", "id": "SvcCard1TimerText", "fill": "#F59E0B", "content": "3 phút", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                  ]}
                ]},
                {"type": "frame", "id": "SvcCard1Items", "width": "fill_container", "layout": "vertical", "padding": [14, 18], "gap": 8, "children": [
                  {"type": "frame", "id": "SvcCard1Item1", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard1Item1Qty", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "text", "id": "SvcCard1Item1QtyText", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
                    ]},
                    {"type": "text", "id": "SvcCard1Item1Name", "fill": "$text-primary", "content": "Bia Tiger (Thùng)", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
                  ]},
                  {"type": "frame", "id": "SvcCard1Item2", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard1Item2Qty", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "text", "id": "SvcCard1Item2QtyText", "fill": "$text-primary", "content": "2", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
                    ]},
                    {"type": "text", "id": "SvcCard1Item2Name", "fill": "$text-primary", "content": "Dĩa Trái Cây", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
                  ]}
                ]},
                {"type": "frame", "id": "SvcCard1Actions", "width": "fill_container", "padding": [14, 18], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["top"]}, "gap": 10, "children": [
                  {"type": "frame", "id": "SvcCard1Accept", "height": 40, "fill": "$orange-primary", "cornerRadius": 10, "padding": [0, 16], "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "text", "id": "SvcCard1AcceptText", "fill": "$text-primary", "content": "Nhận", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                  ]},
                  {"type": "frame", "id": "SvcCard1Detail", "height": 40, "fill": "$bg-interactive", "cornerRadius": 10, "padding": [0, 16], "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "text", "id": "SvcCard1DetailText", "fill": "$text-secondary", "content": "Chi tiết", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
                  ]}
                ]}
              ]
            },
            {
              "type": "frame",
              "id": "SvcCard2",
              "width": 320,
              "fill": "$bg-elevated",
              "cornerRadius": 16,
              "stroke": {"thickness": 2, "fill": "#F59E0B"},
              "layout": "vertical",
              "clip": true,
              "children": [
                {"type": "frame", "id": "SvcCard2Header", "width": "fill_container", "fill": "#F59E0B20", "padding": [14, 18], "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "SvcCard2Room", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard2RoomIcon", "width": 36, "height": 36, "fill": "#EF444430", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "SvcCard2IconFont", "width": 18, "height": 18, "iconFontName": "mic", "iconFontFamily": "lucide", "fill": "#EF4444"}
                    ]},
                    {"type": "text", "id": "SvcCard2RoomName", "fill": "$text-primary", "content": "Phòng 05", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"}
                  ]},
                  {"type": "frame", "id": "SvcCard2Timer", "gap": 6, "alignItems": "center", "children": [
                    {"type": "icon_font", "id": "SvcCard2TimerIcon", "width": 14, "height": 14, "iconFontName": "clock", "iconFontFamily": "lucide", "fill": "#F59E0B"},
                    {"type": "text", "id": "SvcCard2TimerText", "fill": "#F59E0B", "content": "5 phút", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                  ]}
                ]},
                {"type": "frame", "id": "SvcCard2Items", "width": "fill_container", "layout": "vertical", "padding": [14, 18], "gap": 8, "children": [
                  {"type": "frame", "id": "SvcCard2Item1", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard2Item1Qty", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "text", "id": "SvcCard2Item1QtyText", "fill": "$text-primary", "content": "2", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
                    ]},
                    {"type": "text", "id": "SvcCard2Item1Name", "fill": "$text-primary", "content": "Heineken (Lon)", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
                  ]},
                  {"type": "frame", "id": "SvcCard2Item2", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard2Item2Qty", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "text", "id": "SvcCard2Item2QtyText", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
                    ]},
                    {"type": "text", "id": "SvcCard2Item2Name", "fill": "$text-primary", "content": "Snack Mix", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
                  ]}
                ]},
                {"type": "frame", "id": "SvcCard2Actions", "width": "fill_container", "padding": [14, 18], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["top"]}, "gap": 10, "children": [
                  {"type": "frame", "id": "SvcCard2Accept", "height": 40, "fill": "$orange-primary", "cornerRadius": 10, "padding": [0, 16], "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "text", "id": "SvcCard2AcceptText", "fill": "$text-primary", "content": "Nhận", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                  ]},
                  {"type": "frame", "id": "SvcCard2Detail", "height": 40, "fill": "$bg-interactive", "cornerRadius": 10, "padding": [0, 16], "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "text", "id": "SvcCard2DetailText", "fill": "$text-secondary", "content": "Chi tiết", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
                  ]}
                ]}
              ]
            },
            {
              "type": "frame",
              "id": "SvcCard3",
              "width": 320,
              "fill": "$bg-elevated",
              "cornerRadius": 16,
              "stroke": {"thickness": 2, "fill": "#3B82F6"},
              "layout": "vertical",
              "clip": true,
              "children": [
                {"type": "frame", "id": "SvcCard3Header", "width": "fill_container", "fill": "#3B82F620", "padding": [14, 18], "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "SvcCard3Room", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard3RoomIcon", "width": 36, "height": 36, "fill": "#8B5CF630", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "SvcCard3IconFont", "width": 18, "height": 18, "iconFontName": "mic", "iconFontFamily": "lucide", "fill": "#8B5CF6"}
                    ]},
                    {"type": "text", "id": "SvcCard3RoomName", "fill": "$text-primary", "content": "VIP 02", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"}
                  ]},
                  {"type": "frame", "id": "SvcCard3Status", "fill": "#3B82F6", "cornerRadius": 100, "padding": [4, 10], "children": [
                    {"type": "text", "id": "SvcCard3StatusText", "fill": "$text-primary", "content": "Đang làm", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
                  ]}
                ]},
                {"type": "frame", "id": "SvcCard3Items", "width": "fill_container", "layout": "vertical", "padding": [14, 18], "gap": 8, "children": [
                  {"type": "frame", "id": "SvcCard3Item1", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard3Item1Qty", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "text", "id": "SvcCard3Item1QtyText", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
                    ]},
                    {"type": "text", "id": "SvcCard3Item1Name", "fill": "$text-primary", "content": "Combo Party", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
                  ]}
                ]},
                {"type": "frame", "id": "SvcCard3Actions", "width": "fill_container", "padding": [14, 18], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["top"]}, "gap": 10, "children": [
                  {"type": "frame", "id": "SvcCard3Complete", "width": "fill_container", "height": 40, "fill": "#22C55E", "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "icon_font", "id": "SvcCard3CompleteIcon", "width": 16, "height": 16, "iconFontName": "check", "iconFontFamily": "lucide", "fill": "$text-primary"},
                    {"type": "text", "id": "SvcCard3CompleteText", "fill": "$text-primary", "content": "Hoàn thành", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                  ]}
                ]}
              ]
            },
            {
              "type": "frame",
              "id": "SvcCard4",
              "width": 320,
              "fill": "$bg-elevated",
              "cornerRadius": 16,
              "stroke": {"thickness": 2, "fill": "#22C55E"},
              "layout": "vertical",
              "clip": true,
              "children": [
                {"type": "frame", "id": "SvcCard4Header", "width": "fill_container", "fill": "#22C55E20", "padding": [14, 18], "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "SvcCard4Room", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard4RoomIcon", "width": 36, "height": 36, "fill": "#F59E0B30", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "SvcCard4IconFont", "width": 18, "height": 18, "iconFontName": "mic", "iconFontFamily": "lucide", "fill": "#F59E0B"}
                    ]},
                    {"type": "text", "id": "SvcCard4RoomName", "fill": "$text-primary", "content": "Phòng 04", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"}
                  ]},
                  {"type": "frame", "id": "SvcCard4Status", "fill": "#22C55E", "cornerRadius": 100, "padding": [4, 10], "children": [
                    {"type": "text", "id": "SvcCard4StatusText", "fill": "$text-primary", "content": "Sẵn sàng", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
                  ]}
                ]},
                {"type": "frame", "id": "SvcCard4Items", "width": "fill_container", "layout": "vertical", "padding": [14, 18], "gap": 8, "children": [
                  {"type": "frame", "id": "SvcCard4Item1", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard4Item1Qty", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "text", "id": "SvcCard4Item1QtyText", "fill": "$text-primary", "content": "6", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
                    ]},
                    {"type": "text", "id": "SvcCard4Item1Name", "fill": "$text-primary", "content": "Nước suối", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
                  ]}
                ]},
                {"type": "frame", "id": "SvcCard4Actions", "width": "fill_container", "padding": [14, 18], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["top"]}, "gap": 10, "children": [
                  {"type": "frame", "id": "SvcCard4Serve", "width": "fill_container", "height": 40, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": {"height": 1}, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "text", "id": "SvcCard4ServeText", "fill": "$text-primary", "content": "Phục vụ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"},
                    {"type": "icon_font", "id": "SvcCard4ServeIcon", "width": 16, "height": 16, "iconFontName": "arrow-right", "iconFontFamily": "lucide", "fill": "$text-primary"}
                  ]}
                ]}
              ]
            },
            {
              "type": "frame",
              "id": "SvcCard5",
              "width": 320,
              "fill": "$bg-elevated",
              "cornerRadius": 16,
              "stroke": {"thickness": 2, "fill": "#22C55E"},
              "layout": "vertical",
              "clip": true,
              "children": [
                {"type": "frame", "id": "SvcCard5Header", "width": "fill_container", "fill": "#22C55E20", "padding": [14, 18], "justifyContent": "space_between", "alignItems": "center", "children": [
                  {"type": "frame", "id": "SvcCard5Room", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard5RoomIcon", "width": 36, "height": 36, "fill": "#8B5CF630", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "SvcCard5IconFont", "width": 18, "height": 18, "iconFontName": "mic", "iconFontFamily": "lucide", "fill": "#8B5CF6"}
                    ]},
                    {"type": "text", "id": "SvcCard5RoomName", "fill": "$text-primary", "content": "VIP 03", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "700"}
                  ]},
                  {"type": "frame", "id": "SvcCard5Status", "fill": "#22C55E", "cornerRadius": 100, "padding": [4, 10], "children": [
                    {"type": "text", "id": "SvcCard5StatusText", "fill": "$text-primary", "content": "Sẵn sàng", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
                  ]}
                ]},
                {"type": "frame", "id": "SvcCard5Items", "width": "fill_container", "layout": "vertical", "padding": [14, 18], "gap": 8, "children": [
                  {"type": "frame", "id": "SvcCard5Item1", "gap": 10, "alignItems": "center", "children": [
                    {"type": "frame", "id": "SvcCard5Item1Qty", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "text", "id": "SvcCard5Item1QtyText", "fill": "$text-primary", "content": "2", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}
                    ]},
                    {"type": "text", "id": "SvcCard5Item1Name", "fill": "$text-primary", "content": "Khăn lạnh", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
                  ]}
                ]},
                {"type": "frame", "id": "SvcCard5Actions", "width": "fill_container", "padding": [14, 18], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["top"]}, "gap": 10, "children": [
                  {"type": "frame", "id": "SvcCard5Serve", "width": "fill_container", "height": 40, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": {"height": 1}, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "cornerRadius": 10, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "text", "id": "SvcCard5ServeText", "fill": "$text-primary", "content": "Phục vụ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"},
                    {"type": "icon_font", "id": "SvcCard5ServeIcon", "width": 16, "height": 16, "iconFontName": "arrow-right", "iconFontFamily": "lucide", "fill": "$text-primary"}
                  ]}
                ]}
              ]
            }
          ]
        }
      ]
    }
  ],
  "variables": {
    "bg-elevated": {"type": "color", "value": "#1A1A1D"},
    "bg-interactive": {"type": "color", "value": "#2A2A2E"},
    "bg-page": {"type": "color", "value": "#0A0A0B"},
    "bg-surface": {"type": "color", "value": "#111113"},
    "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"}
  }
}
