{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "CashReconciliationScreen",
      "name": "Report/CashReconciliation",
      "reusable": true,
      "width": 480,
      "height": 720,
      "fill": "$bg-page",
      "cornerRadius": 20,
      "layout": "vertical",
      "children": [
        {
          "type": "frame",
          "id": "ReconcileHeader",
          "width": "fill_container",
          "fill": "$bg-elevated",
          "padding": [16, 20],
          "gap": 12,
          "alignItems": "center",
          "children": [
            {"type": "frame", "id": "ReconcileIconBg", "width": 44, "height": 44, "fill": "#22C55E15", "cornerRadius": 12, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "ReconcileIcon", "width": 22, "height": 22, "iconFontName": "banknote", "iconFontFamily": "lucide", "fill": "#22C55E"}
            ]},
            {"type": "frame", "id": "ReconcileTitleBox", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [
              {"type": "text", "id": "ReconcileTitle", "fill": "$text-primary", "content": "Đối Chiếu Tiền Mặt", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"},
              {"type": "text", "id": "ReconcileShift", "fill": "$text-tertiary", "content": "Ca sáng - Nguyễn Văn An", "fontFamily": "Roboto", "fontSize": 13}
            ]},
            {"type": "frame", "id": "ReconcileClose", "width": 36, "height": 36, "fill": "$bg-interactive", "cornerRadius": 10, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "ReconcileCloseIcon", "width": 18, "height": 18, "iconFontName": "x", "iconFontFamily": "lucide", "fill": "$text-secondary"}
            ]}
          ]
        },
        {
          "type": "frame",
          "id": "SystemAmount",
          "width": "fill_container",
          "fill": "$bg-elevated",
          "padding": [16, 20],
          "gap": 12,
          "alignItems": "center",
          "justifyContent": "space_between",
          "children": [
            {"type": "frame", "id": "SystemLabel", "layout": "vertical", "gap": 2, "children": [
              {"type": "text", "id": "SystemLabelText", "fill": "$text-secondary", "content": "Tiền mặt theo hệ thống", "fontFamily": "Roboto", "fontSize": 13},
              {"type": "text", "id": "SystemNote", "fill": "$text-tertiary", "content": "Đầu ca + Thu tiền mặt - Chi", "fontFamily": "Roboto", "fontSize": 11}
            ]},
            {"type": "text", "id": "SystemAmount", "fill": "$text-primary", "content": "2,450,000đ", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "700"}
          ]
        },
        {
          "type": "frame",
          "id": "ReconcileContent",
          "width": "fill_container",
          "height": "fill_container",
          "layout": "vertical",
          "padding": [16, 20],
          "gap": 16,
          "children": [
            {"type": "frame", "id": "DenominationSection", "width": "fill_container", "layout": "vertical", "gap": 10, "children": [
              {"type": "text", "id": "DenomTitle", "fill": "$text-secondary", "content": "Kiểm đếm mệnh giá", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"},
              {"type": "frame", "id": "Denom500k", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 10, "padding": [12, 14], "gap": 12, "alignItems": "center", "children": [
                {"type": "frame", "id": "Denom500kLabel", "width": 80, "children": [
                  {"type": "text", "id": "Denom500kText", "fill": "#EC4899", "content": "500,000đ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                ]},
                {"type": "frame", "id": "Denom500kInput", "width": 60, "height": 36, "fill": "$bg-page", "cornerRadius": 8, "stroke": {"thickness": 1, "fill": "$border-default"}, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "text", "id": "Denom500kVal", "fill": "$text-primary", "content": "2", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}
                ]},
                {"type": "text", "id": "Denom500kX", "fill": "$text-tertiary", "content": "×", "fontFamily": "Roboto", "fontSize": 14},
                {"type": "text", "id": "Denom500kTotal", "fill": "$text-primary", "content": "1,000,000đ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500", "width": "fill_container", "textAlign": "right"}
              ]},
              {"type": "frame", "id": "Denom200k", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 10, "padding": [12, 14], "gap": 12, "alignItems": "center", "children": [
                {"type": "frame", "id": "Denom200kLabel", "width": 80, "children": [
                  {"type": "text", "id": "Denom200kText", "fill": "#F97316", "content": "200,000đ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                ]},
                {"type": "frame", "id": "Denom200kInput", "width": 60, "height": 36, "fill": "$bg-page", "cornerRadius": 8, "stroke": {"thickness": 1, "fill": "$border-default"}, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "text", "id": "Denom200kVal", "fill": "$text-primary", "content": "5", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}
                ]},
                {"type": "text", "id": "Denom200kX", "fill": "$text-tertiary", "content": "×", "fontFamily": "Roboto", "fontSize": 14},
                {"type": "text", "id": "Denom200kTotal", "fill": "$text-primary", "content": "1,000,000đ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500", "width": "fill_container", "textAlign": "right"}
              ]},
              {"type": "frame", "id": "Denom100k", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 10, "padding": [12, 14], "gap": 12, "alignItems": "center", "children": [
                {"type": "frame", "id": "Denom100kLabel", "width": 80, "children": [
                  {"type": "text", "id": "Denom100kText", "fill": "#22C55E", "content": "100,000đ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                ]},
                {"type": "frame", "id": "Denom100kInput", "width": 60, "height": 36, "fill": "$bg-page", "cornerRadius": 8, "stroke": {"thickness": 1, "fill": "$border-default"}, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "text", "id": "Denom100kVal", "fill": "$text-primary", "content": "4", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}
                ]},
                {"type": "text", "id": "Denom100kX", "fill": "$text-tertiary", "content": "×", "fontFamily": "Roboto", "fontSize": 14},
                {"type": "text", "id": "Denom100kTotal", "fill": "$text-primary", "content": "400,000đ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500", "width": "fill_container", "textAlign": "right"}
              ]},
              {"type": "frame", "id": "DenomSmall", "width": "fill_container", "fill": "$bg-elevated", "cornerRadius": 10, "padding": [12, 14], "gap": 12, "alignItems": "center", "children": [
                {"type": "frame", "id": "DenomSmallLabel", "width": 80, "children": [
                  {"type": "text", "id": "DenomSmallText", "fill": "#3B82F6", "content": "Tiền lẻ", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "600"}
                ]},
                {"type": "frame", "id": "DenomSmallInput", "width": "fill_container", "height": 36, "fill": "$bg-page", "cornerRadius": 8, "stroke": {"thickness": 1, "fill": "$border-default"}, "padding": [0, 12], "alignItems": "center", "children": [
                  {"type": "text", "id": "DenomSmallVal", "fill": "$text-primary", "content": "35,000", "fontFamily": "Roboto", "fontSize": 15, "fontWeight": "600"}
                ]}
              ]}
            ]},
            {"type": "frame", "id": "ActualTotal", "width": "fill_container", "fill": "#22C55E15", "cornerRadius": 12, "padding": 16, "justifyContent": "space_between", "alignItems": "center", "children": [
              {"type": "text", "id": "ActualLabel", "fill": "$text-secondary", "content": "Tiền thực tế đếm được", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"},
              {"type": "text", "id": "ActualAmount", "fill": "#22C55E", "content": "2,435,000đ", "fontFamily": "Roboto", "fontSize": 20, "fontWeight": "700"}
            ]},
            {"type": "frame", "id": "DifferenceSection", "width": "fill_container", "fill": "#EF444415", "cornerRadius": 12, "padding": 16, "layout": "vertical", "gap": 8, "children": [
              {"type": "frame", "id": "DiffHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "text", "id": "DiffLabel", "fill": "$text-secondary", "content": "Chênh lệch", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"},
                {"type": "text", "id": "DiffAmount", "fill": "#EF4444", "content": "-15,000đ", "fontFamily": "Roboto", "fontSize": 18, "fontWeight": "700"}
              ]},
              {"type": "frame", "id": "DiffNote", "gap": 6, "alignItems": "center", "children": [
                {"type": "icon_font", "id": "DiffNoteIcon", "width": 14, "height": 14, "iconFontName": "alert-circle", "iconFontFamily": "lucide", "fill": "#EF4444"},
                {"type": "text", "id": "DiffNoteText", "fill": "#EF4444", "content": "Thiếu so với hệ thống", "fontFamily": "Roboto", "fontSize": 12}
              ]}
            ]},
            {"type": "frame", "id": "NoteField", "width": "fill_container", "layout": "vertical", "gap": 6, "children": [
              {"type": "text", "id": "NoteLabel", "fill": "$text-secondary", "content": "Ghi chú giải trình", "fontFamily": "Roboto", "fontSize": 13, "fontWeight": "500"},
              {"type": "frame", "id": "NoteInput", "width": "fill_container", "height": 64, "fill": "$bg-elevated", "cornerRadius": 10, "stroke": {"thickness": 1, "fill": "$border-default"}, "padding": [10, 14], "children": [
                {"type": "text", "id": "NoteVal", "fill": "$text-tertiary", "content": "Trả lại tiền thừa cho khách khi hệ thống gặp lỗi...", "fontFamily": "Roboto", "fontSize": 14}
              ]}
            ]}
          ]
        },
        {
          "type": "frame",
          "id": "ReconcileFooter",
          "width": "fill_container",
          "fill": "$bg-elevated",
          "stroke": {"thickness": 1, "fill": "$border-subtle"},
          "gap": 12,
          "padding": [16, 20],
          "children": [
            {"type": "frame", "id": "SaveDraftBtn", "width": "fill_container", "height": 48, "fill": "$bg-interactive", "cornerRadius": 12, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "SaveDraftIcon", "width": 18, "height": 18, "iconFontName": "save", "iconFontFamily": "lucide", "fill": "$text-secondary"},
              {"type": "text", "id": "SaveDraftText", "fill": "$text-secondary", "content": "Lưu nháp", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "500"}
            ]},
            {"type": "frame", "id": "SubmitBtn", "width": "fill_container", "height": 48, "fill": {"type": "gradient", "gradientType": "linear", "rotation": 135, "colors": [{"color": "#FF5C00", "position": 0}, {"color": "#FF8A4C", "position": 1}]}, "cornerRadius": 12, "gap": 8, "justifyContent": "center", "alignItems": "center", "children": [
              {"type": "icon_font", "id": "SubmitIcon", "width": 18, "height": 18, "iconFontName": "check-circle", "iconFontFamily": "lucide", "fill": "#FFFFFF"},
              {"type": "text", "id": "SubmitText", "fill": "#FFFFFF", "content": "Xác nhận kết ca", "fontFamily": "Roboto", "fontSize": 14, "fontWeight": "600"}
            ]}
          ]
        }
      ]
    }
  ],
  "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"}
  }
}
