{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "SalesDashboard",
      "name": "Screen/Sales Dashboard",
      "reusable": true,
      "width": 1280,
      "height": 720,
      "fill": "$bg-page",
      "layout": "vertical",
      "clip": true,
      "children": [
        {
          "type": "frame",
          "id": "DashboardHeader",
          "width": "fill_container",
          "padding": [20, 32],
          "fill": "$bg-elevated",
          "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]},
          "justifyContent": "space_between",
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "DashboardHeaderLeft", "gap": 12, "alignItems": "center", "children": [
              {"type": "frame", "id": "DashboardBackBtn", "width": 40, "height": 40, "fill": "$bg-interactive", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [
                {"type": "icon_font", "id": "DashboardBackIcon", "width": 20, "height": 20, "iconFontName": "arrow-left", "iconFontFamily": "lucide", "fill": "$text-secondary"}
              ]},
              {"type": "text", "id": "DashboardTitle", "fill": "$text-primary", "content": "Báo cáo doanh thu", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "700"}
            ]},
            {"type": "frame", "id": "DashboardHeaderRight", "gap": 12, "children": [
              {"type": "frame", "id": "DateFilter", "fill": "$bg-interactive", "cornerRadius": 10, "padding": [10, 16], "gap": 8, "alignItems": "center", "children": [
                {"type": "icon_font", "id": "DateFilterIcon", "width": 18, "height": 18, "iconFontName": "calendar", "iconFontFamily": "lucide", "fill": "$text-secondary"},
                {"type": "text", "id": "DateFilterText", "fill": "$text-primary", "content": "Hôm nay", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"},
                {"type": "icon_font", "id": "DateFilterArrow", "width": 16, "height": 16, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
              ]},
              {"type": "frame", "id": "ExportBtn", "fill": "$orange-primary", "cornerRadius": 10, "padding": [10, 16], "gap": 8, "alignItems": "center", "children": [
                {"type": "icon_font", "id": "ExportIcon", "width": 18, "height": 18, "iconFontName": "download", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
                {"type": "text", "id": "ExportText", "fill": "#FFFFFF", "content": "Export", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}
              ]}
            ]}
          ]
        },
        {
          "type": "frame",
          "id": "DashboardContent",
          "width": "fill_container",
          "height": "fill_container",
          "padding": 32,
          "layout": "vertical",
          "gap": 24,
          "children": [
            {
              "type": "frame",
              "id": "KPICards",
              "width": "fill_container",
              "gap": 20,
              "children": [
                {"type": "frame", "id": "KPIRevenue", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "padding": 20, "layout": "vertical", "gap": 12, "children": [
                  {"type": "frame", "id": "KPIRevenueHeader", "justifyContent": "space_between", "alignItems": "center", "children": [
                    {"type": "frame", "id": "KPIRevenueIcon", "width": 44, "height": 44, "fill": "#22C55E20", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "KPIRevenueIconI", "width": 22, "height": 22, "iconFontName": "trending-up", "iconFontFamily": "lucide", "fill": "#22C55E"}
                    ]},
                    {"type": "frame", "id": "KPIRevenueChange", "fill": "#22C55E20", "cornerRadius": 6, "padding": [4, 8], "gap": 4, "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "KPIRevenueChangeIcon", "width": 12, "height": 12, "iconFontName": "arrow-up", "iconFontFamily": "lucide", "fill": "#22C55E"},
                      {"type": "text", "id": "KPIRevenueChangeText", "fill": "#22C55E", "content": "12%", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}
                    ]}
                  ]},
                  {"type": "text", "id": "KPIRevenueValue", "fill": "$text-primary", "content": "45.2M", "fontFamily": "Roboto", "fontSize": 32, "fontWeight": "700"},
                  {"type": "text", "id": "KPIRevenueLabel", "fill": "$text-tertiary", "content": "Doanh thu", "fontFamily": "Roboto", "fontSize": 14}
                ]},
                {"type": "frame", "id": "KPIOrders", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "padding": 20, "layout": "vertical", "gap": 12, "children": [
                  {"type": "frame", "id": "KPIOrdersHeader", "justifyContent": "space_between", "alignItems": "center", "children": [
                    {"type": "frame", "id": "KPIOrdersIcon", "width": 44, "height": 44, "fill": "#3B82F620", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "KPIOrdersIconI", "width": 22, "height": 22, "iconFontName": "receipt", "iconFontFamily": "lucide", "fill": "#3B82F6"}
                    ]},
                    {"type": "frame", "id": "KPIOrdersChange", "fill": "#22C55E20", "cornerRadius": 6, "padding": [4, 8], "gap": 4, "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "KPIOrdersChangeIcon", "width": 12, "height": 12, "iconFontName": "arrow-up", "iconFontFamily": "lucide", "fill": "#22C55E"},
                      {"type": "text", "id": "KPIOrdersChangeText", "fill": "#22C55E", "content": "8%", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}
                    ]}
                  ]},
                  {"type": "text", "id": "KPIOrdersValue", "fill": "$text-primary", "content": "342", "fontFamily": "Roboto", "fontSize": 32, "fontWeight": "700"},
                  {"type": "text", "id": "KPIOrdersLabel", "fill": "$text-tertiary", "content": "Đơn hàng", "fontFamily": "Roboto", "fontSize": 14}
                ]},
                {"type": "frame", "id": "KPIAvg", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "padding": 20, "layout": "vertical", "gap": 12, "children": [
                  {"type": "frame", "id": "KPIAvgHeader", "justifyContent": "space_between", "alignItems": "center", "children": [
                    {"type": "frame", "id": "KPIAvgIcon", "width": 44, "height": 44, "fill": "#8B5CF620", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "KPIAvgIconI", "width": 22, "height": 22, "iconFontName": "calculator", "iconFontFamily": "lucide", "fill": "#8B5CF6"}
                    ]},
                    {"type": "frame", "id": "KPIAvgChange", "fill": "#22C55E20", "cornerRadius": 6, "padding": [4, 8], "gap": 4, "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "KPIAvgChangeIcon", "width": 12, "height": 12, "iconFontName": "arrow-up", "iconFontFamily": "lucide", "fill": "#22C55E"},
                      {"type": "text", "id": "KPIAvgChangeText", "fill": "#22C55E", "content": "5%", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}
                    ]}
                  ]},
                  {"type": "text", "id": "KPIAvgValue", "fill": "$text-primary", "content": "132K", "fontFamily": "Roboto", "fontSize": 32, "fontWeight": "700"},
                  {"type": "text", "id": "KPIAvgLabel", "fill": "$text-tertiary", "content": "Trung bình/đơn", "fontFamily": "Roboto", "fontSize": 14}
                ]},
                {"type": "frame", "id": "KPICustomers", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "padding": 20, "layout": "vertical", "gap": 12, "children": [
                  {"type": "frame", "id": "KPICustomersHeader", "justifyContent": "space_between", "alignItems": "center", "children": [
                    {"type": "frame", "id": "KPICustomersIcon", "width": 44, "height": 44, "fill": "#EC489920", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "KPICustomersIconI", "width": 22, "height": 22, "iconFontName": "users", "iconFontFamily": "lucide", "fill": "#EC4899"}
                    ]},
                    {"type": "frame", "id": "KPICustomersChange", "fill": "#22C55E20", "cornerRadius": 6, "padding": [4, 8], "gap": 4, "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "KPICustomersChangeIcon", "width": 12, "height": 12, "iconFontName": "arrow-up", "iconFontFamily": "lucide", "fill": "#22C55E"},
                      {"type": "text", "id": "KPICustomersChangeText", "fill": "#22C55E", "content": "15%", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}
                    ]}
                  ]},
                  {"type": "text", "id": "KPICustomersValue", "fill": "$text-primary", "content": "289", "fontFamily": "Roboto", "fontSize": 32, "fontWeight": "700"},
                  {"type": "text", "id": "KPICustomersLabel", "fill": "$text-tertiary", "content": "Khách hàng", "fontFamily": "Roboto", "fontSize": 14}
                ]}
              ]
            },
            {
              "type": "frame",
              "id": "ChartsRow",
              "width": "fill_container",
              "height": "fill_container",
              "gap": 24,
              "children": [
                {
                  "type": "frame",
                  "id": "RevenueChart",
                  "width": "fill_container",
                  "height": "fill_container",
                  "fill": "$bg-elevated",
                  "cornerRadius": 16,
                  "layout": "vertical",
                  "children": [
                    {"type": "frame", "id": "RevenueChartHeader", "width": "fill_container", "padding": [16, 20], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "gap": 10, "alignItems": "center", "children": [
                      {"type": "icon_font", "id": "RevenueChartIcon", "width": 20, "height": 20, "iconFontName": "line-chart", "iconFontFamily": "lucide", "fill": "$orange-primary"},
                      {"type": "text", "id": "RevenueChartTitle", "fill": "$text-primary", "content": "Doanh thu theo giờ", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}
                    ]},
                    {"type": "frame", "id": "RevenueChartBody", "width": "fill_container", "height": "fill_container", "padding": 20, "justifyContent": "center", "alignItems": "center", "children": [
                      {"type": "frame", "id": "ChartPlaceholder", "width": "fill_container", "height": 200, "stroke": {"thickness": 1, "fill": "$border-default", "dashArray": [4, 4]}, "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [
                        {"type": "frame", "id": "ChartPlaceholderContent", "layout": "vertical", "gap": 8, "alignItems": "center", "children": [
                          {"type": "icon_font", "id": "ChartPlaceholderIcon", "width": 32, "height": 32, "iconFontName": "bar-chart-2", "iconFontFamily": "lucide", "fill": "$text-tertiary"},
                          {"type": "text", "id": "ChartPlaceholderText", "fill": "$text-tertiary", "content": "Revenue Chart", "fontFamily": "Roboto", "fontSize": 14}
                        ]}
                      ]}
                    ]},
                    {"type": "frame", "id": "TimeLabels", "width": "fill_container", "padding": [0, 20, 16, 20], "justifyContent": "space_between", "children": [
                      {"type": "text", "id": "TimeLabel1", "fill": "$text-tertiary", "content": "8am", "fontFamily": "Roboto", "fontSize": 11},
                      {"type": "text", "id": "TimeLabel2", "fill": "$text-tertiary", "content": "10", "fontFamily": "Roboto", "fontSize": 11},
                      {"type": "text", "id": "TimeLabel3", "fill": "$text-tertiary", "content": "12", "fontFamily": "Roboto", "fontSize": 11},
                      {"type": "text", "id": "TimeLabel4", "fill": "$text-tertiary", "content": "14", "fontFamily": "Roboto", "fontSize": 11},
                      {"type": "text", "id": "TimeLabel5", "fill": "$text-tertiary", "content": "16", "fontFamily": "Roboto", "fontSize": 11},
                      {"type": "text", "id": "TimeLabel6", "fill": "$text-tertiary", "content": "18", "fontFamily": "Roboto", "fontSize": 11}
                    ]}
                  ]
                },
                {
                  "type": "frame",
                  "id": "RightPanel",
                  "width": 320,
                  "height": "fill_container",
                  "layout": "vertical",
                  "gap": 20,
                  "children": [
                    {
                      "type": "frame",
                      "id": "TopProducts",
                      "width": "fill_container",
                      "fill": "$bg-elevated",
                      "cornerRadius": 16,
                      "layout": "vertical",
                      "children": [
                        {"type": "frame", "id": "TopProductsHeader", "width": "fill_container", "padding": [16, 20], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "gap": 10, "alignItems": "center", "children": [
                          {"type": "icon_font", "id": "TopProductsIcon", "width": 20, "height": 20, "iconFontName": "trophy", "iconFontFamily": "lucide", "fill": "#F59E0B"},
                          {"type": "text", "id": "TopProductsTitle", "fill": "$text-primary", "content": "Top 5 sản phẩm", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}
                        ]},
                        {"type": "frame", "id": "TopProductsBody", "width": "fill_container", "padding": 16, "layout": "vertical", "gap": 12, "children": [
                          {"type": "frame", "id": "Product1", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                            {"type": "frame", "id": "Product1Left", "gap": 10, "alignItems": "center", "children": [
                              {"type": "frame", "id": "Product1Rank", "width": 24, "height": 24, "fill": "#F59E0B", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                                {"type": "text", "id": "Product1RankT", "fill": "#FFF", "content": "1", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "700"}
                              ]},
                              {"type": "text", "id": "Product1Name", "fill": "$text-primary", "content": "Cà phê sữa", "fontFamily": "Roboto", "fontSize": 14}
                            ]},
                            {"type": "text", "id": "Product1Count", "fill": "$text-secondary", "content": "320", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
                          ]},
                          {"type": "frame", "id": "Product2", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                            {"type": "frame", "id": "Product2Left", "gap": 10, "alignItems": "center", "children": [
                              {"type": "frame", "id": "Product2Rank", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                                {"type": "text", "id": "Product2RankT", "fill": "$text-secondary", "content": "2", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}
                              ]},
                              {"type": "text", "id": "Product2Name", "fill": "$text-primary", "content": "Trà đào", "fontFamily": "Roboto", "fontSize": 14}
                            ]},
                            {"type": "text", "id": "Product2Count", "fill": "$text-secondary", "content": "215", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
                          ]},
                          {"type": "frame", "id": "Product3", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                            {"type": "frame", "id": "Product3Left", "gap": 10, "alignItems": "center", "children": [
                              {"type": "frame", "id": "Product3Rank", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                                {"type": "text", "id": "Product3RankT", "fill": "$text-secondary", "content": "3", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}
                              ]},
                              {"type": "text", "id": "Product3Name", "fill": "$text-primary", "content": "Matcha latte", "fontFamily": "Roboto", "fontSize": 14}
                            ]},
                            {"type": "text", "id": "Product3Count", "fill": "$text-secondary", "content": "180", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
                          ]},
                          {"type": "frame", "id": "Product4", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                            {"type": "frame", "id": "Product4Left", "gap": 10, "alignItems": "center", "children": [
                              {"type": "frame", "id": "Product4Rank", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                                {"type": "text", "id": "Product4RankT", "fill": "$text-secondary", "content": "4", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}
                              ]},
                              {"type": "text", "id": "Product4Name", "fill": "$text-primary", "content": "Bánh mì", "fontFamily": "Roboto", "fontSize": 14}
                            ]},
                            {"type": "text", "id": "Product4Count", "fill": "$text-secondary", "content": "156", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
                          ]},
                          {"type": "frame", "id": "Product5", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                            {"type": "frame", "id": "Product5Left", "gap": 10, "alignItems": "center", "children": [
                              {"type": "frame", "id": "Product5Rank", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 6, "justifyContent": "center", "alignItems": "center", "children": [
                                {"type": "text", "id": "Product5RankT", "fill": "$text-secondary", "content": "5", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}
                              ]},
                              {"type": "text", "id": "Product5Name", "fill": "$text-primary", "content": "Croissant", "fontFamily": "Roboto", "fontSize": 14}
                            ]},
                            {"type": "text", "id": "Product5Count", "fill": "$text-secondary", "content": "98", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
                          ]}
                        ]}
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "PaymentBreakdown",
                      "width": "fill_container",
                      "height": "fill_container",
                      "fill": "$bg-elevated",
                      "cornerRadius": 16,
                      "layout": "vertical",
                      "children": [
                        {"type": "frame", "id": "PaymentHeader", "width": "fill_container", "padding": [16, 20], "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "gap": 10, "alignItems": "center", "children": [
                          {"type": "icon_font", "id": "PaymentIcon", "width": 20, "height": 20, "iconFontName": "credit-card", "iconFontFamily": "lucide", "fill": "#3B82F6"},
                          {"type": "text", "id": "PaymentTitle", "fill": "$text-primary", "content": "Thanh toán", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}
                        ]},
                        {"type": "frame", "id": "PaymentBody", "width": "fill_container", "height": "fill_container", "padding": 16, "layout": "vertical", "gap": 12, "children": [
                          {"type": "frame", "id": "PayCash", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [
                            {"type": "frame", "id": "PayCashRow", "width": "fill_container", "justifyContent": "space_between", "children": [
                              {"type": "text", "id": "PayCashLabel", "fill": "$text-secondary", "content": "Cash", "fontFamily": "Roboto", "fontSize": 13},
                              {"type": "text", "id": "PayCashPercent", "fill": "$text-primary", "content": "45%", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                            ]},
                            {"type": "frame", "id": "PayCashBar", "width": "fill_container", "height": 8, "fill": "$bg-interactive", "cornerRadius": 4, "children": [
                              {"type": "frame", "id": "PayCashFill", "width": "45%", "height": 8, "fill": "#22C55E", "cornerRadius": 4}
                            ]}
                          ]},
                          {"type": "frame", "id": "PayQR", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [
                            {"type": "frame", "id": "PayQRRow", "width": "fill_container", "justifyContent": "space_between", "children": [
                              {"type": "text", "id": "PayQRLabel", "fill": "$text-secondary", "content": "QR", "fontFamily": "Roboto", "fontSize": 13},
                              {"type": "text", "id": "PayQRPercent", "fill": "$text-primary", "content": "35%", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                            ]},
                            {"type": "frame", "id": "PayQRBar", "width": "fill_container", "height": 8, "fill": "$bg-interactive", "cornerRadius": 4, "children": [
                              {"type": "frame", "id": "PayQRFill", "width": "35%", "height": 8, "fill": "#3B82F6", "cornerRadius": 4}
                            ]}
                          ]},
                          {"type": "frame", "id": "PayCard", "width": "fill_container", "layout": "vertical", "gap": 8, "children": [
                            {"type": "frame", "id": "PayCardRow", "width": "fill_container", "justifyContent": "space_between", "children": [
                              {"type": "text", "id": "PayCardLabel", "fill": "$text-secondary", "content": "Card", "fontFamily": "Roboto", "fontSize": 13},
                              {"type": "text", "id": "PayCardPercent", "fill": "$text-primary", "content": "20%", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                            ]},
                            {"type": "frame", "id": "PayCardBar", "width": "fill_container", "height": 8, "fill": "$bg-interactive", "cornerRadius": 4, "children": [
                              {"type": "frame", "id": "PayCardFill", "width": "20%", "height": 8, "fill": "#8B5CF6", "cornerRadius": 4}
                            ]}
                          ]}
                        ]}
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          "type": "frame",
          "id": "DashboardFooter",
          "width": "fill_container",
          "fill": "$bg-elevated",
          "padding": [16, 32],
          "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["top"]},
          "justifyContent": "space_between",
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "PeriodTabs", "gap": 8, "children": [
              {"type": "frame", "id": "TabDaily", "fill": "$orange-primary", "cornerRadius": 8, "padding": [8, 16], "children": [
                {"type": "text", "id": "TabDailyText", "fill": "#FFFFFF", "content": "Daily", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
              ]},
              {"type": "frame", "id": "TabWeekly", "fill": "$bg-interactive", "cornerRadius": 8, "padding": [8, 16], "children": [
                {"type": "text", "id": "TabWeeklyText", "fill": "$text-secondary", "content": "Weekly", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
              ]},
              {"type": "frame", "id": "TabMonthly", "fill": "$bg-interactive", "cornerRadius": 8, "padding": [8, 16], "children": [
                {"type": "text", "id": "TabMonthlyText", "fill": "$text-secondary", "content": "Monthly", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
              ]}
            ]},
            {"type": "frame", "id": "FooterActions", "gap": 12, "children": [
              {"type": "frame", "id": "PrintBtn", "fill": "$bg-interactive", "cornerRadius": 8, "padding": [8, 16], "gap": 8, "alignItems": "center", "children": [
                {"type": "icon_font", "id": "PrintIcon", "width": 16, "height": 16, "iconFontName": "printer", "iconFontFamily": "lucide", "fill": "$text-secondary"},
                {"type": "text", "id": "PrintText", "fill": "$text-secondary", "content": "Print", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
              ]},
              {"type": "frame", "id": "EmailBtn", "fill": "$bg-interactive", "cornerRadius": 8, "padding": [8, 16], "gap": 8, "alignItems": "center", "children": [
                {"type": "icon_font", "id": "EmailIcon", "width": 16, "height": 16, "iconFontName": "mail", "iconFontFamily": "lucide", "fill": "$text-secondary"},
                {"type": "text", "id": "EmailText", "fill": "$text-secondary", "content": "Email", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}
              ]}
            ]}
          ]
        }
      ]
    }
  ],
  "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"}
  }
}
