{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "EODReportScreen",
      "name": "Restaurant/End of Day Report",
      "reusable": true,
      "width": 1280,
      "height": 900,
      "fill": "$bg-page",
      "layout": "vertical",
      "clip": true,
      "children": [
        {"type": "frame", "id": "EODHeader", "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": "EODHeaderLeft", "gap": 16, "alignItems": "center", "children": [
            {"type": "frame", "id": "EODBackBtn", "width": 40, "height": 40, "fill": "$bg-interactive", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "EODBackIcon", "width": 20, "height": 20, "iconFontName": "arrow-left", "iconFontFamily": "lucide", "fill": "$text-secondary"}]},
            {"type": "text", "id": "EODTitle", "fill": "$text-primary", "content": "Báo cáo cuối ngày", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "700"}
          ]},
          {"type": "frame", "id": "EODInfo", "gap": 20, "alignItems": "center", "children": [
            {"type": "frame", "id": "EODDate", "fill": "$bg-interactive", "cornerRadius": 8, "padding": [8, 14], "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "EODDateIcon", "width": 16, "height": 16, "iconFontName": "calendar", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "EODDateText", "fill": "$text-primary", "content": "05/02/2026", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
            {"type": "frame", "id": "EODShift", "fill": "$bg-interactive", "cornerRadius": 8, "padding": [8, 14], "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "EODShiftIcon", "width": 16, "height": 16, "iconFontName": "clock", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "EODShiftText", "fill": "$text-primary", "content": "Ca: Tối (14h-22h)", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"}]},
            {"type": "frame", "id": "EODCashier", "gap": 8, "alignItems": "center", "children": [{"type": "frame", "id": "EODCashierAvatar", "width": 32, "height": 32, "fill": "#22C55E30", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "EODCashierInit", "fill": "#22C55E", "content": "M", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]}, {"type": "text", "id": "EODCashierName", "fill": "$text-primary", "content": "Minh", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]}
          ]}
        ]},
        {"type": "frame", "id": "EODBody", "width": "fill_container", "height": "fill_container", "padding": 24, "gap": 24, "children": [
          {"type": "frame", "id": "EODLeft", "width": "fill_container", "height": "fill_container", "layout": "vertical", "gap": 24, "children": [
            {"type": "frame", "id": "EODSummary", "width": "fill_container", "gap": 16, "children": [
              {"type": "frame", "id": "EODCard1", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "stroke": {"thickness": 1, "fill": "$border-default"}, "padding": 20, "layout": "vertical", "gap": 8, "children": [{"type": "frame", "id": "EODC1Top", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "EODC1Icon", "width": 40, "height": 40, "fill": "#22C55E20", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "EODC1IconFont", "width": 20, "height": 20, "iconFontName": "wallet", "iconFontFamily": "lucide", "fill": "#22C55E"}]}, {"type": "text", "id": "EODC1Label", "fill": "$text-secondary", "content": "Doanh thu", "fontFamily": "Roboto", "fontSize": 13}]}, {"type": "text", "id": "EODC1Value", "fill": "$text-primary", "content": "15,750,000₫", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"}, {"type": "frame", "id": "EODC1Change", "gap": 6, "alignItems": "center", "children": [{"type": "icon_font", "id": "EODC1Arrow", "width": 14, "height": 14, "iconFontName": "trending-up", "iconFontFamily": "lucide", "fill": "#22C55E"}, {"type": "text", "id": "EODC1Percent", "fill": "#22C55E", "content": "+12% vs TB", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "500"}]}]},
              {"type": "frame", "id": "EODCard2", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "stroke": {"thickness": 1, "fill": "$border-default"}, "padding": 20, "layout": "vertical", "gap": 8, "children": [{"type": "frame", "id": "EODC2Top", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "EODC2Icon", "width": 40, "height": 40, "fill": "#3B82F620", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "EODC2IconFont", "width": 20, "height": 20, "iconFontName": "receipt", "iconFontFamily": "lucide", "fill": "#3B82F6"}]}, {"type": "text", "id": "EODC2Label", "fill": "$text-secondary", "content": "Số đơn hàng", "fontFamily": "Roboto", "fontSize": 13}]}, {"type": "text", "id": "EODC2Value", "fill": "$text-primary", "content": "48 đơn", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"}, {"type": "text", "id": "EODC2Sub", "fill": "$text-tertiary", "content": "TB: 328,000₫/đơn", "fontFamily": "Roboto", "fontSize": 12}]},
              {"type": "frame", "id": "EODCard3", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "stroke": {"thickness": 1, "fill": "$border-default"}, "padding": 20, "layout": "vertical", "gap": 8, "children": [{"type": "frame", "id": "EODC3Top", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "EODC3Icon", "width": 40, "height": 40, "fill": "#8B5CF620", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "EODC3IconFont", "width": 20, "height": 20, "iconFontName": "users", "iconFontFamily": "lucide", "fill": "#8B5CF6"}]}, {"type": "text", "id": "EODC3Label", "fill": "$text-secondary", "content": "Số khách", "fontFamily": "Roboto", "fontSize": 13}]}, {"type": "text", "id": "EODC3Value", "fill": "$text-primary", "content": "156 khách", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"}, {"type": "text", "id": "EODC3Sub", "fill": "$text-tertiary", "content": "TB: 3.2 khách/bàn", "fontFamily": "Roboto", "fontSize": 12}]},
              {"type": "frame", "id": "EODCard4", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "stroke": {"thickness": 1, "fill": "#EF444440"}, "padding": 20, "layout": "vertical", "gap": 8, "children": [{"type": "frame", "id": "EODC4Top", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "EODC4Icon", "width": 40, "height": 40, "fill": "#EF444420", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "EODC4IconFont", "width": 20, "height": 20, "iconFontName": "rotate-ccw", "iconFontFamily": "lucide", "fill": "#EF4444"}]}, {"type": "text", "id": "EODC4Label", "fill": "$text-secondary", "content": "Void/Refund", "fontFamily": "Roboto", "fontSize": 13}]}, {"type": "text", "id": "EODC4Value", "fill": "#EF4444", "content": "-185,000₫", "fontFamily": "Roboto", "fontSize": 28, "fontWeight": "700"}, {"type": "text", "id": "EODC4Sub", "fill": "$text-tertiary", "content": "3 items", "fontFamily": "Roboto", "fontSize": 12}]}
            ]},
            {"type": "frame", "id": "EODPayment", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "stroke": {"thickness": 1, "fill": "$border-default"}, "padding": 20, "layout": "vertical", "gap": 16, "children": [
              {"type": "text", "id": "EODPayTitle", "fill": "$text-primary", "content": "Theo phương thức thanh toán", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"},
              {"type": "frame", "id": "EODPayCash", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [
                {"type": "frame", "id": "EODPayCashRow", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "EODPayCashLabel", "fill": "$text-secondary", "content": "Tiền mặt", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "EODPayCashValue", "fill": "$text-primary", "content": "8,500,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]},
                {"type": "frame", "id": "EODPayCashBar", "width": "fill_container", "height": 8, "fill": "$bg-interactive", "cornerRadius": 4, "children": [{"type": "frame", "id": "EODPayCashFill", "width": 320, "height": 8, "fill": "#22C55E", "cornerRadius": 4}]}
              ]},
              {"type": "frame", "id": "EODPayQR", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [
                {"type": "frame", "id": "EODPayQRRow", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "EODPayQRLabel", "fill": "$text-secondary", "content": "QR/Chuyển khoản", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "EODPayQRValue", "fill": "$text-primary", "content": "4,250,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]},
                {"type": "frame", "id": "EODPayQRBar", "width": "fill_container", "height": 8, "fill": "$bg-interactive", "cornerRadius": 4, "children": [{"type": "frame", "id": "EODPayQRFill", "width": 160, "height": 8, "fill": "#3B82F6", "cornerRadius": 4}]}
              ]},
              {"type": "frame", "id": "EODPayCard", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [
                {"type": "frame", "id": "EODPayCardRow", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "EODPayCardLabel", "fill": "$text-secondary", "content": "Thẻ", "fontFamily": "Roboto", "fontSize": 13}, {"type": "text", "id": "EODPayCardValue", "fill": "$text-primary", "content": "3,000,000₫", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}]},
                {"type": "frame", "id": "EODPayCardBar", "width": "fill_container", "height": 8, "fill": "$bg-interactive", "cornerRadius": 4, "children": [{"type": "frame", "id": "EODPayCardFill", "width": 112, "height": 8, "fill": "#8B5CF6", "cornerRadius": 4}]}
              ]}
            ]},
            {"type": "frame", "id": "EODTopItems", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "stroke": {"thickness": 1, "fill": "$border-default"}, "padding": 20, "layout": "vertical", "gap": 12, "children": [
              {"type": "text", "id": "EODTopTitle", "fill": "$text-primary", "content": "Top bán chạy", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"},
              {"type": "frame", "id": "EODTop1", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "EODTop1Left", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "EODTop1Rank", "width": 24, "height": 24, "fill": "$orange-primary", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "EODTop1RankText", "fill": "$text-primary", "content": "1", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "700"}]}, {"type": "text", "id": "EODTop1Name", "fill": "$text-primary", "content": "Bò Lúc Lắc (32)", "fontFamily": "Roboto", "fontSize": 13}]}, {"type": "text", "id": "EODTop1Value", "fill": "$text-secondary", "content": "5,920,000₫", "fontFamily": "Roboto", "fontSize": 13}]},
              {"type": "frame", "id": "EODTop2", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "EODTop2Left", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "EODTop2Rank", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "EODTop2RankText", "fill": "$text-secondary", "content": "2", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}, {"type": "text", "id": "EODTop2Name", "fill": "$text-primary", "content": "Bia Tiger (85)", "fontFamily": "Roboto", "fontSize": 13}]}, {"type": "text", "id": "EODTop2Value", "fill": "$text-secondary", "content": "2,975,000₫", "fontFamily": "Roboto", "fontSize": 13}]},
              {"type": "frame", "id": "EODTop3", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "EODTop3Left", "gap": 10, "alignItems": "center", "children": [{"type": "frame", "id": "EODTop3Rank", "width": 24, "height": 24, "fill": "$bg-interactive", "cornerRadius": 100, "justifyContent": "center", "alignItems": "center", "children": [{"type": "text", "id": "EODTop3RankText", "fill": "$text-secondary", "content": "3", "fontFamily": "Roboto", "fontSize": 12, "fontWeight": "600"}]}, {"type": "text", "id": "EODTop3Name", "fill": "$text-primary", "content": "Gà Nướng MO (28)", "fontFamily": "Roboto", "fontSize": 13}]}, {"type": "text", "id": "EODTop3Value", "fill": "$text-secondary", "content": "4,620,000₫", "fontFamily": "Roboto", "fontSize": 13}]}
            ]}
          ]},
          {"type": "frame", "id": "EODRight", "width": 400, "height": "fill_container", "layout": "vertical", "gap": 16, "children": [
            {"type": "frame", "id": "EODCash", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 16, "stroke": {"thickness": 1, "fill": "$border-default"}, "layout": "vertical", "children": [
              {"type": "frame", "id": "EODCashHeader", "width": "fill_container", "fill": "$bg-surface", "cornerRadius": [16, 16, 0, 0], "padding": [14, 20], "children": [{"type": "text", "id": "EODCashTitle", "fill": "$text-primary", "content": "Đối chiếu tiền mặt", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}]},
              {"type": "frame", "id": "EODCashContent", "width": "fill_container", "layout": "vertical", "padding": 20, "gap": 12, "children": [
                {"type": "frame", "id": "EODCashRow1", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "EODCashL1", "fill": "$text-secondary", "content": "Tiền đầu ca:", "fontFamily": "Roboto", "fontSize": 14}, {"type": "text", "id": "EODCashV1", "fill": "$text-primary", "content": "2,000,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
                {"type": "frame", "id": "EODCashRow2", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "EODCashL2", "fill": "#22C55E", "content": "+ Tiền mặt nhận:", "fontFamily": "Roboto", "fontSize": 14}, {"type": "text", "id": "EODCashV2", "fill": "#22C55E", "content": "8,500,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
                {"type": "frame", "id": "EODCashRow3", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "EODCashL3", "fill": "#EF4444", "content": "- Chi tiêu:", "fontFamily": "Roboto", "fontSize": 14}, {"type": "text", "id": "EODCashV3", "fill": "#EF4444", "content": "500,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
                {"type": "frame", "id": "EODCashDiv", "width": "fill_container", "height": 1, "fill": "$border-subtle"},
                {"type": "frame", "id": "EODCashRow4", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "EODCashL4", "fill": "$text-primary", "content": "= Tiền cuối ca:", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}, {"type": "text", "id": "EODCashV4", "fill": "$orange-primary", "content": "10,000,000₫", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "700"}]},
                {"type": "frame", "id": "EODCashDiv2", "width": "fill_container", "height": 1, "fill": "$border-subtle"},
                {"type": "frame", "id": "EODCashRow5", "width": "fill_container", "justifyContent": "space_between", "children": [{"type": "text", "id": "EODCashL5", "fill": "$text-secondary", "content": "Tiền thực đếm:", "fontFamily": "Roboto", "fontSize": 14}, {"type": "text", "id": "EODCashV5", "fill": "$text-primary", "content": "9,950,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
                {"type": "frame", "id": "EODCashRow6", "width": "fill_container", "fill": "#F59E0B15", "cornerRadius": 10, "padding": [10, 14], "justifyContent": "space_between", "alignItems": "center", "children": [{"type": "frame", "id": "EODCashL6Row", "gap": 8, "alignItems": "center", "children": [{"type": "icon_font", "id": "EODCashWarning", "width": 16, "height": 16, "iconFontName": "alert-triangle", "iconFontFamily": "lucide", "fill": "#F59E0B"}, {"type": "text", "id": "EODCashL6", "fill": "#F59E0B", "content": "Chênh lệch:", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]}, {"type": "text", "id": "EODCashV6", "fill": "#F59E0B", "content": "-50,000₫", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "700"}]}
              ]}
            ]},
            {"type": "frame", "id": "EODActions", "width": "fill_container", "layout": "vertical", "gap": 12, "children": [
              {"type": "frame", "id": "EODInputCash", "width": "fill_container", "height": 48, "fill": "$bg-interactive", "cornerRadius": 12, "gap": 8, "justifyContent": "center", "alignItems": "center", "stroke": {"thickness": 1, "fill": "$border-default"}, "children": [{"type": "icon_font", "id": "EODInputIcon", "width": 18, "height": 18, "iconFontName": "calculator", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "EODInputText", "fill": "$text-secondary", "content": "Nhập tiền thực đếm", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
              {"type": "frame", "id": "EODNote", "width": "fill_container", "height": 48, "fill": "$bg-interactive", "cornerRadius": 12, "gap": 8, "justifyContent": "center", "alignItems": "center", "stroke": {"thickness": 1, "fill": "$border-default"}, "children": [{"type": "icon_font", "id": "EODNoteIcon", "width": 18, "height": 18, "iconFontName": "message-square", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "EODNoteText", "fill": "$text-secondary", "content": "Ghi chú ca", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]},
              {"type": "frame", "id": "EODPrint", "width": "fill_container", "height": 48, "fill": "$bg-interactive", "cornerRadius": 12, "gap": 8, "justifyContent": "center", "alignItems": "center", "stroke": {"thickness": 1, "fill": "$border-default"}, "children": [{"type": "icon_font", "id": "EODPrintIcon", "width": 18, "height": 18, "iconFontName": "printer", "iconFontFamily": "lucide", "fill": "$text-secondary"}, {"type": "text", "id": "EODPrintText", "fill": "$text-secondary", "content": "In báo cáo", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}]}
            ]},
            {"type": "frame", "id": "EODCloseBtn", "width": "fill_container", "height": 56, "fill": {"type": "gradient", "gradientType": "linear", "enabled": true, "rotation": 135, "size": {"height": 1}, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "cornerRadius": 12, "gap": 10, "justifyContent": "center", "alignItems": "center", "children": [{"type": "icon_font", "id": "EODCloseIcon", "width": 20, "height": 20, "iconFontName": "check-circle", "iconFontFamily": "lucide", "fill": "$text-primary"}, {"type": "text", "id": "EODCloseText", "fill": "$text-primary", "content": "Xác nhận đóng ca", "fontFamily": "Roboto", "fontSize": 16, "fontWeight": "600"}]}
          ]}
        ]}
      ]
    }
  ],
  "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"}
  }
}
