{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "OrderHistoryScreen",
      "name": "Restaurant/Order History",
      "reusable": true,
      "width": 1280,
      "height": 800,
      "fill": "$bg-page",
      "layout": "vertical",
      "clip": true,
      "children": [
        {"type": "frame", "id": "OHHeader", "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": "OHHeaderLeft", "gap": 16, "alignItems": "center", "children": [
            {"type": "frame", "id": "OHBackBtn", "width": 40, "height": 40, "fill": "$bg-interactive", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OHBackIcon", "width": 20, "height": 20, "iconFontName": "arrow-left", "iconFontFamily": "lucide", "fill": "$text-secondary"}]},
            {"type": "text", "id": "OHTitle", "fill": "$text-primary", "content": "Lịch sử đơn hàng", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "700"}
          ]},
          {"type": "frame", "id": "OHFilters", "gap": 12, "alignItems": "center", "children": [
            {"type": "frame", "id": "OHSearch", "width": 280, "height": 44, "fill": "$bg-interactive", "cornerRadius": 10, "padding": [0, 16], "gap": 10, "alignItems": "center", "children": [{"type": "icon_font", "id": "OHSearchIcon", "width": 18, "height": 18, "iconFontName": "search", "iconFontFamily": "lucide", "fill": "$text-tertiary"}, {"type": "text", "id": "OHSearchText", "fill": "$text-tertiary", "content": "Tìm theo #đơn, khách...", "fontFamily": "Roboto", "fontSize": 14}]},
            {"type": "frame", "id": "OHDateRange", "height": 44, "fill": "$bg-interactive", "cornerRadius": 10, "padding": [0, 14], "gap": 10, "alignItems": "center", "children": [{"type": "icon_font", "id": "OHDateIcon", "width": 18, "height": 18, "iconFontName": "calendar", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "OHDateText", "fill": "$text-primary", "content": "05/02 - 05/02", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}, {"type": "icon_font", "id": "OHDateChev", "width": 14, "height": 14, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "$text-tertiary"}]},
            {"type": "frame", "id": "OHStatusFilter", "height": 44, "fill": "$bg-interactive", "cornerRadius": 10, "padding": [0, 14], "gap": 8, "alignItems": "center", "children": [{"type": "text", "id": "OHStatusText", "fill": "$text-primary", "content": "Tất cả trạng thái", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}, {"type": "icon_font", "id": "OHStatusChev", "width": 14, "height": 14, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "$text-tertiary"}]},
            {"type": "frame", "id": "OHExport", "height": 44, "fill": "$bg-interactive", "cornerRadius": 10, "padding": [0, 14], "gap": 8, "alignItems": "center", "stroke": {"thickness": 1, "fill": "$border-default"}, "children": [{"type": "icon_font", "id": "OHExportIcon", "width": 18, "height": 18, "iconFontName": "download", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "OHExportText", "fill": "$text-secondary", "content": "Export", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]}
          ]}
        ]},
        {"type": "frame", "id": "OHStats", "width": "fill_container", "fill": "$bg-elevated", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "padding": [12, 24], "gap": 24, "children": [
          {"type": "frame", "id": "OHStat1", "gap": 8, "alignItems": "center", "children": [{"type": "text", "id": "OHStat1Label", "fill": "$text-secondary", "content": "Tổng đơn:", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "OHStat1Value", "fill": "$text-primary", "content": "156", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]},
          {"type": "frame", "id": "OHStat2", "gap": 8, "alignItems": "center", "children": [{"type": "text", "id": "OHStat2Label", "fill": "$text-secondary", "content": "Hoàn tất:", "fontFamily": "Roboto", "fontSize": 13}, {"type": "frame", "id": "OHStat2Badge", "fill": "#22C55E20", "cornerRadius": 6, "padding": [4, 8], "children": [{"type": "text", "id": "OHStat2Value", "fill": "#22C55E", "content": "148", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]}]},
          {"type": "frame", "id": "OHStat3", "gap": 8, "alignItems": "center", "children": [{"type": "text", "id": "OHStat3Label", "fill": "$text-secondary", "content": "Hủy:", "fontFamily": "Roboto", "fontSize": 13}, {"type": "frame", "id": "OHStat3Badge", "fill": "#EF444420", "cornerRadius": 6, "padding": [4, 8], "children": [{"type": "text", "id": "OHStat3Value", "fill": "#EF4444", "content": "5", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]}]},
          {"type": "frame", "id": "OHStat4", "gap": 8, "alignItems": "center", "children": [{"type": "text", "id": "OHStat4Label", "fill": "$text-secondary", "content": "Refund:", "fontFamily": "Roboto", "fontSize": 13}, {"type": "frame", "id": "OHStat4Badge", "fill": "#F59E0B20", "cornerRadius": 6, "padding": [4, 8], "children": [{"type": "text", "id": "OHStat4Value", "fill": "#F59E0B", "content": "3", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]}]}
        ]},
        {"type": "frame", "id": "OHTable", "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [
          {"type": "frame", "id": "OHTableHeader", "width": "fill_container", "fill": "$bg-surface", "padding": [14, 24], "children": [
            {"type": "frame", "id": "OHTHOrder", "width": 120, "children": [{"type": "text", "id": "OHTHOrderText", "fill": "$text-tertiary", "content": "Mã đơn", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHTHTable", "width": 80, "children": [{"type": "text", "id": "OHTHTableText", "fill": "$text-tertiary", "content": "Bàn", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHTHCustomer", "width": "fill_container", "children": [{"type": "text", "id": "OHTHCustomerText", "fill": "$text-tertiary", "content": "Khách hàng", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHTHItems", "width": 80, "children": [{"type": "text", "id": "OHTHItemsText", "fill": "$text-tertiary", "content": "Items", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHTHTotal", "width": 140, "children": [{"type": "text", "id": "OHTHTotalText", "fill": "$text-tertiary", "content": "Tổng tiền", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHTHPayment", "width": 100, "children": [{"type": "text", "id": "OHTHPaymentText", "fill": "$text-tertiary", "content": "Thanh toán", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHTHTime", "width": 100, "children": [{"type": "text", "id": "OHTHTimeText", "fill": "$text-tertiary", "content": "Thời gian", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHTHStatus", "width": 100, "children": [{"type": "text", "id": "OHTHStatusText", "fill": "$text-tertiary", "content": "Trạng thái", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}
          ]},
          {"type": "frame", "id": "OHRow1", "width": "fill_container", "fill": "$bg-elevated", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "padding": [14, 24], "alignItems": "center", "children": [
            {"type": "frame", "id": "OHR1Order", "width": 120, "children": [{"type": "text", "id": "OHR1OrderText", "fill": "$orange-primary", "content": "#0092", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHR1Table", "width": 80, "children": [{"type": "frame", "id": "OHR1TableBadge", "fill": "$bg-interactive", "cornerRadius": 6, "padding": [4, 10], "children": [{"type": "text", "id": "OHR1TableText", "fill": "$text-primary", "content": "Bàn 05", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}]},
            {"type": "frame", "id": "OHR1Customer", "width": "fill_container", "children": [{"type": "text", "id": "OHR1CustomerText", "fill": "$text-primary", "content": "Nguyễn Minh Quang", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
            {"type": "frame", "id": "OHR1Items", "width": 80, "children": [{"type": "text", "id": "OHR1ItemsText", "fill": "$text-secondary", "content": "6 món", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHR1Total", "width": 140, "children": [{"type": "text", "id": "OHR1TotalText", "fill": "$text-primary", "content": "785,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHR1Payment", "width": 100, "children": [{"type": "frame", "id": "OHR1PayBadge", "fill": "#3B82F620", "cornerRadius": 6, "padding": [4, 8], "gap": 4, "alignItems": "center", "children": [{"type": "icon_font", "id": "OHR1PayIcon", "width": 12, "height": 12, "iconFontName": "qr-code", "iconFontFamily": "lucide", "fill": "#3B82F6"}, {"type": "text", "id": "OHR1PayText", "fill": "#3B82F6", "content": "QR", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}]},
            {"type": "frame", "id": "OHR1Time", "width": 100, "children": [{"type": "text", "id": "OHR1TimeText", "fill": "$text-secondary", "content": "20:15", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHR1Status", "width": 100, "children": [{"type": "frame", "id": "OHR1StatusBadge", "fill": "#22C55E20", "cornerRadius": 6, "padding": [4, 10], "children": [{"type": "text", "id": "OHR1StatusText", "fill": "#22C55E", "content": "Hoàn tất", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}]}
          ]},
          {"type": "frame", "id": "OHRow2", "width": "fill_container", "fill": "$bg-elevated", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "padding": [14, 24], "alignItems": "center", "children": [
            {"type": "frame", "id": "OHR2Order", "width": 120, "children": [{"type": "text", "id": "OHR2OrderText", "fill": "$orange-primary", "content": "#0091", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHR2Table", "width": 80, "children": [{"type": "frame", "id": "OHR2TableBadge", "fill": "$bg-interactive", "cornerRadius": 6, "padding": [4, 10], "children": [{"type": "text", "id": "OHR2TableText", "fill": "$text-primary", "content": "Bàn 08", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}]},
            {"type": "frame", "id": "OHR2Customer", "width": "fill_container", "children": [{"type": "text", "id": "OHR2CustomerText", "fill": "$text-primary", "content": "Trần Văn Hùng", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
            {"type": "frame", "id": "OHR2Items", "width": 80, "children": [{"type": "text", "id": "OHR2ItemsText", "fill": "$text-secondary", "content": "4 món", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHR2Total", "width": 140, "children": [{"type": "text", "id": "OHR2TotalText", "fill": "$text-primary", "content": "520,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHR2Payment", "width": 100, "children": [{"type": "frame", "id": "OHR2PayBadge", "fill": "#22C55E20", "cornerRadius": 6, "padding": [4, 8], "gap": 4, "alignItems": "center", "children": [{"type": "icon_font", "id": "OHR2PayIcon", "width": 12, "height": 12, "iconFontName": "banknote", "iconFontFamily": "lucide", "fill": "#22C55E"}, {"type": "text", "id": "OHR2PayText", "fill": "#22C55E", "content": "Cash", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}]},
            {"type": "frame", "id": "OHR2Time", "width": 100, "children": [{"type": "text", "id": "OHR2TimeText", "fill": "$text-secondary", "content": "20:02", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHR2Status", "width": 100, "children": [{"type": "frame", "id": "OHR2StatusBadge", "fill": "#22C55E20", "cornerRadius": 6, "padding": [4, 10], "children": [{"type": "text", "id": "OHR2StatusText", "fill": "#22C55E", "content": "Hoàn tất", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}]}
          ]},
          {"type": "frame", "id": "OHRow3", "width": "fill_container", "fill": "#EF444410", "stroke": {"thickness": 1, "fill": "#EF444430", "sides": ["bottom"]}, "padding": [14, 24], "alignItems": "center", "children": [
            {"type": "frame", "id": "OHR3Order", "width": 120, "children": [{"type": "text", "id": "OHR3OrderText", "fill": "$text-tertiary", "content": "#0090", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHR3Table", "width": 80, "children": [{"type": "frame", "id": "OHR3TableBadge", "fill": "$bg-interactive", "cornerRadius": 6, "padding": [4, 10], "children": [{"type": "text", "id": "OHR3TableText", "fill": "$text-secondary", "content": "Bàn 02", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}]},
            {"type": "frame", "id": "OHR3Customer", "width": "fill_container", "children": [{"type": "text", "id": "OHR3CustomerText", "fill": "$text-secondary", "content": "Lê Thị Hoa", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
            {"type": "frame", "id": "OHR3Items", "width": 80, "children": [{"type": "text", "id": "OHR3ItemsText", "fill": "$text-tertiary", "content": "2 món", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHR3Total", "width": 140, "children": [{"type": "text", "id": "OHR3TotalText", "fill": "$text-tertiary", "content": "185,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600", "textDecoration": "line-through"}]},
            {"type": "frame", "id": "OHR3Payment", "width": 100, "children": [{"type": "text", "id": "OHR3PayText", "fill": "$text-tertiary", "content": "-", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHR3Time", "width": 100, "children": [{"type": "text", "id": "OHR3TimeText", "fill": "$text-tertiary", "content": "19:48", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHR3Status", "width": 100, "children": [{"type": "frame", "id": "OHR3StatusBadge", "fill": "#EF444420", "cornerRadius": 6, "padding": [4, 10], "children": [{"type": "text", "id": "OHR3StatusText", "fill": "#EF4444", "content": "Đã hủy", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}]}
          ]},
          {"type": "frame", "id": "OHRow4", "width": "fill_container", "fill": "$bg-elevated", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["bottom"]}, "padding": [14, 24], "alignItems": "center", "children": [
            {"type": "frame", "id": "OHR4Order", "width": 120, "children": [{"type": "text", "id": "OHR4OrderText", "fill": "$orange-primary", "content": "#0089", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHR4Table", "width": 80, "children": [{"type": "frame", "id": "OHR4TableBadge", "fill": "$bg-interactive", "cornerRadius": 6, "padding": [4, 10], "children": [{"type": "text", "id": "OHR4TableText", "fill": "$text-primary", "content": "Bàn 03", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}]},
            {"type": "frame", "id": "OHR4Customer", "width": "fill_container", "children": [{"type": "text", "id": "OHR4CustomerText", "fill": "$text-primary", "content": "Nguyễn Văn A", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
            {"type": "frame", "id": "OHR4Items", "width": 80, "children": [{"type": "text", "id": "OHR4ItemsText", "fill": "$text-secondary", "content": "8 món", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHR4Total", "width": 140, "children": [{"type": "text", "id": "OHR4TotalText", "fill": "$text-primary", "content": "1,253,500₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHR4Payment", "width": 100, "children": [{"type": "frame", "id": "OHR4PayBadge", "fill": "#8B5CF620", "cornerRadius": 6, "padding": [4, 8], "gap": 4, "alignItems": "center", "children": [{"type": "icon_font", "id": "OHR4PayIcon", "width": 12, "height": 12, "iconFontName": "credit-card", "iconFontFamily": "lucide", "fill": "#8B5CF6"}, {"type": "text", "id": "OHR4PayText", "fill": "#8B5CF6", "content": "Card", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}]},
            {"type": "frame", "id": "OHR4Time", "width": 100, "children": [{"type": "text", "id": "OHR4TimeText", "fill": "$text-secondary", "content": "19:30", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHR4Status", "width": 100, "children": [{"type": "frame", "id": "OHR4StatusBadge", "fill": "#22C55E20", "cornerRadius": 6, "padding": [4, 10], "children": [{"type": "text", "id": "OHR4StatusText", "fill": "#22C55E", "content": "Hoàn tất", "fontFamily": "Roboto", "fontSize": 11, "fontWeight": "600"}]}]}
          ]}
        ]},
        {"type": "frame", "id": "OHFooter", "width": "fill_container", "height": 56, "fill": "$bg-elevated", "stroke": {"thickness": 1, "fill": "$border-subtle", "sides": ["top"]}, "padding": [0, 24], "justifyContent": "space_between", "alignItems": "center", "children": [
          {"type": "text", "id": "OHFooterInfo", "fill": "$text-secondary", "content": "Hiển thị 1-10 của 156 đơn", "fontFamily": "Roboto", "fontSize": 13},
          {"type": "frame", "id": "OHPagination", "gap": 8, "children": [
            {"type": "frame", "id": "OHPrev", "width": 36, "height": 36, "fill": "$bg-interactive", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OHPrevIcon", "width": 16, "height": 16, "iconFontName": "chevron-left", "iconFontFamily": "lucide", "fill": "$text-tertiary"}]},
            {"type": "frame", "id": "OHPage1", "width": 36, "height": 36, "fill": "$orange-primary", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OHPage1Text", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]},
            {"type": "frame", "id": "OHPage2", "width": 36, "height": 36, "fill": "$bg-interactive", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OHPage2Text", "fill": "$text-secondary", "content": "2", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHPage3", "width": 36, "height": 36, "fill": "$bg-interactive", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OHPage3Text", "fill": "$text-secondary", "content": "3", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHDots", "width": 36, "height": 36, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OHDotsText", "fill": "$text-tertiary", "content": "...", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHPage16", "width": 36, "height": 36, "fill": "$bg-interactive", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "OHPage16Text", "fill": "$text-secondary", "content": "16", "fontFamily": "Roboto", "fontSize": 13}]},
            {"type": "frame", "id": "OHNext", "width": 36, "height": 36, "fill": "$bg-interactive", "cornerRadius": 8, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "OHNextIcon", "width": 16, "height": 16, "iconFontName": "chevron-right", "iconFontFamily": "lucide", "fill": "$text-secondary"}]}
          ]}
        ]}
      ]
    }
  ],
  "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"}
  }
}
