{
  "version": "2.6",
  "children": [
    {
      "type": "frame",
      "id": "CustomerCRMScreen",
      "name": "Screen/Customer CRM",
      "reusable": true,
      "width": 1280,
      "height": 720,
      "fill": "$bg-page",
      "layout": "horizontal",
      "clip": true,
      "children": [
        {
          "type": "frame",
          "id": "Sidebar",
          "width": 240,
          "height": "fill_container",
          "fill": "$bg-card",
          "stroke": {"thickness": 3, "fill": "$yellow-primary", "align": "inside"},
          "layout": "vertical",
          "justifyContent": "space_between",
          "padding": [24, 16],
          "children": [
            {
              "type": "frame",
              "id": "SidebarTop",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 32,
              "children": [
                {"type": "frame", "id": "LogoSection", "width": "fill_container", "padding": [0, 0, 16, 0], "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "gap": 8, "alignItems": "center", "children": [
                  {"type": "frame", "id": "LogoMark", "width": 32, "height": 32, "fill": "$yellow-primary", "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "text", "id": "LogoLetter", "fill": "$bg-card", "content": "M", "fontFamily": "JetBrains Mono", "fontSize": 16, "fontWeight": "700"}
                  ]},
                  {"type": "text", "id": "LogoText", "fill": "$text-primary", "content": "tMARKETING", "fontFamily": "JetBrains Mono", "fontSize": 14, "fontWeight": "700"}
                ]},
                {"type": "frame", "id": "NavSection", "width": "fill_container", "layout": "vertical", "gap": 2, "children": [
                  {"type": "frame", "id": "NavHub", "width": "fill_container", "padding": [10, 12], "gap": 10, "alignItems": "center", "children": [
                    {"type": "text", "id": "NavHubNum", "fill": "$text-tertiary", "content": "01", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                    {"type": "text", "id": "NavHubLabel", "fill": "$text-secondary", "content": "HUB", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "500"}
                  ]},
                  {"type": "frame", "id": "NavChat", "width": "fill_container", "padding": [10, 12], "gap": 10, "alignItems": "center", "children": [
                    {"type": "text", "id": "NavChatNum", "fill": "$text-tertiary", "content": "02", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                    {"type": "text", "id": "NavChatLabel", "fill": "$text-secondary", "content": "CHAT", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "500"}
                  ]},
                  {"type": "frame", "id": "NavCRM", "width": "fill_container", "fill": "#FACC1515", "stroke": {"thickness": 1, "fill": "$yellow-primary", "align": "inside"}, "padding": [10, 12], "gap": 10, "alignItems": "center", "children": [
                    {"type": "text", "id": "NavCRMNum", "fill": "$yellow-primary", "content": "03", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                    {"type": "text", "id": "NavCRMLabel", "fill": "$text-primary", "content": "CRM", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"}
                  ]},
                  {"type": "frame", "id": "NavAI", "width": "fill_container", "padding": [10, 12], "gap": 10, "alignItems": "center", "children": [
                    {"type": "text", "id": "NavAINum", "fill": "$text-tertiary", "content": "04", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                    {"type": "text", "id": "NavAILabel", "fill": "$text-secondary", "content": "AI STUDIO", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "500"}
                  ]},
                  {"type": "frame", "id": "NavStats", "width": "fill_container", "padding": [10, 12], "gap": 10, "alignItems": "center", "children": [
                    {"type": "text", "id": "NavStatsNum", "fill": "$text-tertiary", "content": "05", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                    {"type": "text", "id": "NavStatsLabel", "fill": "$text-secondary", "content": "ANALYTICS", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "500"}
                  ]}
                ]}
              ]
            },
            {
              "type": "frame",
              "id": "SidebarBottom",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 20,
              "children": [
                {"type": "frame", "id": "StorageBox", "width": "fill_container", "fill": "#FACC1510", "stroke": {"thickness": 1, "fill": "#FACC1530"}, "padding": 16, "layout": "vertical", "gap": 12, "children": [
                  {"type": "frame", "id": "StorageHeader", "gap": 8, "alignItems": "center", "children": [
                    {"type": "icon_font", "id": "StorageIcon", "width": 14, "height": 14, "iconFontName": "database", "iconFontFamily": "lucide", "fill": "$yellow-primary"},
                    {"type": "text", "id": "StorageLabel", "fill": "$yellow-primary", "content": "STORAGE", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "700"}
                  ]},
                  {"type": "text", "id": "StorageValue", "fill": "$text-primary", "content": "2.4 GB / 10 GB", "fontFamily": "JetBrains Mono", "fontSize": 12},
                  {"type": "frame", "id": "StorageBar", "width": "fill_container", "height": 4, "fill": "$bg-page", "children": [
                    {"type": "frame", "id": "StorageFill", "width": "24%", "height": 4, "fill": "$yellow-primary"}
                  ]}
                ]},
                {"type": "frame", "id": "AccountRow", "width": "fill_container", "padding": [20, 0, 0, 0], "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "gap": 10, "alignItems": "center", "children": [
                  {"type": "frame", "id": "Avatar", "width": 32, "height": 32, "fill": "$border", "justifyContent": "center", "alignItems": "center", "children": [
                    {"type": "text", "id": "AvatarText", "fill": "$text-primary", "content": "AD", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"}
                  ]},
                  {"type": "text", "id": "UserName", "fill": "$text-primary", "content": "ADMIN", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                  {"type": "icon_font", "id": "ChevronIcon", "width": 14, "height": 14, "iconFontName": "chevron-right", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
                ]}
              ]
            }
          ]
        },
        {
          "type": "frame",
          "id": "MainContent",
          "width": "fill_container",
          "height": "fill_container",
          "fill": "$bg-page",
          "layout": "vertical",
          "padding": [32, 40],
          "gap": 24,
          "children": [
            {"type": "frame", "id": "PageHeader", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
              {"type": "frame", "id": "HeaderLeft", "layout": "vertical", "gap": 4, "children": [
                {"type": "text", "id": "PageTitle", "fill": "$text-primary", "content": "CUSTOMERS", "fontFamily": "Space Grotesk", "fontSize": 32, "fontWeight": "700"},
                {"type": "text", "id": "PageSubtitle", "fill": "$text-secondary", "content": "Manage customer profiles for re-marketing campaigns", "fontFamily": "JetBrains Mono", "fontSize": 14}
              ]},
              {"type": "frame", "id": "HeaderActions", "gap": 12, "children": [
                {"type": "frame", "id": "SearchBtn", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [10, 14], "gap": 8, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "SearchIcon", "width": 14, "height": 14, "iconFontName": "search", "iconFontFamily": "lucide", "fill": "$text-tertiary"},
                  {"type": "text", "id": "SearchText", "fill": "$text-secondary", "content": "SEARCH", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "500"}
                ]},
                {"type": "frame", "id": "ExportBtn", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [10, 14], "gap": 8, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "ExportIcon", "width": 14, "height": 14, "iconFontName": "download", "iconFontFamily": "lucide", "fill": "$text-tertiary"},
                  {"type": "text", "id": "ExportText", "fill": "$text-secondary", "content": "EXPORT", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "500"}
                ]},
                {"type": "frame", "id": "AddBtn", "fill": "$yellow-primary", "padding": [10, 18], "gap": 6, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "PlusIcon", "width": 14, "height": 14, "iconFontName": "user-plus", "iconFontFamily": "lucide", "fill": "$bg-card"},
                  {"type": "text", "id": "AddText", "fill": "$bg-card", "content": "ADD", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "700"}
                ]}
              ]}
            ]},
            {"type": "frame", "id": "KPICards", "width": "fill_container", "gap": 16, "children": [
              {"type": "frame", "id": "KPITotal", "width": "fill_container", "fill": "$bg-card", "stroke": {"thickness": 1, "fill": "$border"}, "padding": 20, "layout": "vertical", "gap": 8, "children": [
                {"type": "text", "id": "KPITotalLabel", "fill": "$text-secondary", "content": "TOTAL CUSTOMERS", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600"},
                {"type": "frame", "id": "KPITotalRow", "justifyContent": "space_between", "alignItems": "end", "children": [
                  {"type": "text", "id": "KPITotalValue", "fill": "$text-primary", "content": "12,456", "fontFamily": "Space Grotesk", "fontSize": 28, "fontWeight": "700"},
                  {"type": "frame", "id": "KPITotalChange", "gap": 4, "alignItems": "center", "children": [
                    {"type": "icon_font", "id": "KPITotalArrow", "width": 12, "height": 12, "iconFontName": "arrow-up-right", "iconFontFamily": "lucide", "fill": "$success"},
                    {"type": "text", "id": "KPITotalPercent", "fill": "$success", "content": "5%", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"}
                  ]}
                ]}
              ]},
              {"type": "frame", "id": "KPIActive", "width": "fill_container", "fill": "$bg-card", "stroke": {"thickness": 1, "fill": "$border"}, "padding": 20, "layout": "vertical", "gap": 8, "children": [
                {"type": "text", "id": "KPIActiveLabel", "fill": "$text-secondary", "content": "ACTIVE", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600"},
                {"type": "frame", "id": "KPIActiveRow", "justifyContent": "space_between", "alignItems": "end", "children": [
                  {"type": "text", "id": "KPIActiveValue", "fill": "$text-primary", "content": "4,892", "fontFamily": "Space Grotesk", "fontSize": 28, "fontWeight": "700"},
                  {"type": "frame", "id": "KPIActiveChange", "gap": 4, "alignItems": "center", "children": [
                    {"type": "icon_font", "id": "KPIActiveArrow", "width": 12, "height": 12, "iconFontName": "arrow-up-right", "iconFontFamily": "lucide", "fill": "$success"},
                    {"type": "text", "id": "KPIActivePercent", "fill": "$success", "content": "12%", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"}
                  ]}
                ]}
              ]},
              {"type": "frame", "id": "KPINew", "width": "fill_container", "fill": "$bg-card", "stroke": {"thickness": 1, "fill": "$border"}, "padding": 20, "layout": "vertical", "gap": 8, "children": [
                {"type": "text", "id": "KPINewLabel", "fill": "$text-secondary", "content": "NEW TODAY", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600"},
                {"type": "frame", "id": "KPINewRow", "justifyContent": "space_between", "alignItems": "end", "children": [
                  {"type": "text", "id": "KPINewValue", "fill": "$text-primary", "content": "+342", "fontFamily": "Space Grotesk", "fontSize": 28, "fontWeight": "700"},
                  {"type": "text", "id": "KPINewBadge", "fill": "$info", "content": "NEW", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"}
                ]}
              ]},
              {"type": "frame", "id": "KPISegments", "width": "fill_container", "fill": "$bg-card", "stroke": {"thickness": 1, "fill": "$border"}, "padding": 20, "layout": "vertical", "gap": 8, "children": [
                {"type": "text", "id": "KPISegmentsLabel", "fill": "$text-secondary", "content": "SEGMENTS", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600"},
                {"type": "frame", "id": "KPISegmentsRow", "justifyContent": "space_between", "alignItems": "end", "children": [
                  {"type": "text", "id": "KPISegmentsValue", "fill": "$text-primary", "content": "8", "fontFamily": "Space Grotesk", "fontSize": 28, "fontWeight": "700"},
                  {"type": "text", "id": "KPISegmentsDesc", "fill": "$text-tertiary", "content": "GROUPS", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600"}
                ]}
              ]}
            ]},
            {"type": "frame", "id": "CustomerTable", "width": "fill_container", "height": "fill_container", "fill": "$bg-card", "stroke": {"thickness": 1, "fill": "$border"}, "layout": "vertical", "children": [
              {"type": "frame", "id": "TableHeader", "width": "fill_container", "padding": [16, 20], "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "justifyContent": "space_between", "alignItems": "center", "children": [
                {"type": "frame", "id": "TableHeaderLeft", "gap": 10, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "TableIcon", "width": 16, "height": 16, "iconFontName": "users", "iconFontFamily": "lucide", "fill": "$yellow-primary"},
                  {"type": "text", "id": "TableTitle", "fill": "$text-primary", "content": "CUSTOMER LIST", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "700"}
                ]},
                {"type": "frame", "id": "TableActions", "gap": 8, "children": [
                  {"type": "frame", "id": "FilterBtn", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [6, 10], "gap": 6, "alignItems": "center", "children": [
                    {"type": "icon_font", "id": "FilterIcon", "width": 12, "height": 12, "iconFontName": "filter", "iconFontFamily": "lucide", "fill": "$text-tertiary"},
                    {"type": "text", "id": "FilterText", "fill": "$text-secondary", "content": "FILTERS", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600"},
                    {"type": "icon_font", "id": "FilterArrow", "width": 10, "height": 10, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
                  ]},
                  {"type": "frame", "id": "TagsBtn", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [6, 10], "gap": 6, "alignItems": "center", "children": [
                    {"type": "icon_font", "id": "TagsIcon", "width": 12, "height": 12, "iconFontName": "tag", "iconFontFamily": "lucide", "fill": "$text-tertiary"},
                    {"type": "text", "id": "TagsText", "fill": "$text-secondary", "content": "TAGS", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600"},
                    {"type": "icon_font", "id": "TagsArrow", "width": 10, "height": 10, "iconFontName": "chevron-down", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
                  ]}
                ]}
              ]},
              {"type": "frame", "id": "TableColumnHeaders", "width": "fill_container", "padding": [12, 20], "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "children": [
                {"type": "frame", "id": "ColCheck", "width": 32, "justifyContent": "center", "children": [
                  {"type": "frame", "id": "CheckAll", "width": 16, "height": 16, "stroke": {"thickness": 1, "fill": "$border"}}
                ]},
                {"type": "text", "id": "ColName", "width": "fill_container", "fill": "$text-secondary", "content": "NAME", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"},
                {"type": "text", "id": "ColPhone", "width": 140, "fill": "$text-secondary", "content": "PHONE", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"},
                {"type": "text", "id": "ColChannel", "width": 100, "fill": "$text-secondary", "content": "CHANNEL", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"},
                {"type": "text", "id": "ColScore", "width": 120, "fill": "$text-secondary", "content": "SCORE", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"},
                {"type": "text", "id": "ColActions", "width": 80, "fill": "$text-secondary", "content": "ACTIONS", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"}
              ]},
              {"type": "frame", "id": "TableBody", "width": "fill_container", "height": "fill_container", "layout": "vertical", "children": [
                {"type": "frame", "id": "Row1", "width": "fill_container", "padding": [14, 20], "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "alignItems": "center", "children": [
                  {"type": "frame", "id": "Row1Check", "width": 32, "justifyContent": "center", "children": [
                    {"type": "frame", "id": "Check1", "width": 16, "height": 16, "stroke": {"thickness": 1, "fill": "$border"}}
                  ]},
                  {"type": "text", "id": "Row1Name", "width": "fill_container", "fill": "$text-primary", "content": "Nguyễn Văn A", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                  {"type": "text", "id": "Row1Phone", "width": 140, "fill": "$text-secondary", "content": "0912 xxx xxx", "fontFamily": "JetBrains Mono", "fontSize": 12},
                  {"type": "text", "id": "Row1Channel", "width": 100, "fill": "#0068FF", "content": "ZALO", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"},
                  {"type": "text", "id": "Row1Score", "width": 120, "fill": "$yellow-primary", "content": "★★★★☆", "fontFamily": "JetBrains Mono", "fontSize": 12},
                  {"type": "frame", "id": "Row1Actions", "width": 80, "gap": 8, "children": [
                    {"type": "icon_font", "id": "Row1View", "width": 14, "height": 14, "iconFontName": "eye", "iconFontFamily": "lucide", "fill": "$text-tertiary"},
                    {"type": "icon_font", "id": "Row1Edit", "width": 14, "height": 14, "iconFontName": "edit-2", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
                  ]}
                ]},
                {"type": "frame", "id": "Row2", "width": "fill_container", "padding": [14, 20], "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "alignItems": "center", "children": [
                  {"type": "frame", "id": "Row2Check", "width": 32, "justifyContent": "center", "children": [
                    {"type": "frame", "id": "Check2", "width": 16, "height": 16, "stroke": {"thickness": 1, "fill": "$border"}}
                  ]},
                  {"type": "text", "id": "Row2Name", "width": "fill_container", "fill": "$text-primary", "content": "Trần Thị B", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                  {"type": "text", "id": "Row2Phone", "width": 140, "fill": "$text-secondary", "content": "0987 xxx xxx", "fontFamily": "JetBrains Mono", "fontSize": 12},
                  {"type": "text", "id": "Row2Channel", "width": 100, "fill": "#3B82F6", "content": "FB", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"},
                  {"type": "text", "id": "Row2Score", "width": 120, "fill": "$yellow-primary", "content": "★★★☆☆", "fontFamily": "JetBrains Mono", "fontSize": 12},
                  {"type": "frame", "id": "Row2Actions", "width": 80, "gap": 8, "children": [
                    {"type": "icon_font", "id": "Row2View", "width": 14, "height": 14, "iconFontName": "eye", "iconFontFamily": "lucide", "fill": "$text-tertiary"},
                    {"type": "icon_font", "id": "Row2Edit", "width": 14, "height": 14, "iconFontName": "edit-2", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
                  ]}
                ]},
                {"type": "frame", "id": "Row3", "width": "fill_container", "padding": [14, 20], "stroke": {"thickness": 1, "fill": "$border", "align": "inside"}, "alignItems": "center", "children": [
                  {"type": "frame", "id": "Row3Check", "width": 32, "justifyContent": "center", "children": [
                    {"type": "frame", "id": "Check3", "width": 16, "height": 16, "stroke": {"thickness": 1, "fill": "$border"}}
                  ]},
                  {"type": "text", "id": "Row3Name", "width": "fill_container", "fill": "$text-primary", "content": "Lê Văn C", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                  {"type": "text", "id": "Row3Phone", "width": 140, "fill": "$text-secondary", "content": "0909 xxx xxx", "fontFamily": "JetBrains Mono", "fontSize": 12},
                  {"type": "text", "id": "Row3Channel", "width": 100, "fill": "#E1306C", "content": "IG", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"},
                  {"type": "text", "id": "Row3Score", "width": 120, "fill": "$yellow-primary", "content": "★★★★★", "fontFamily": "JetBrains Mono", "fontSize": 12},
                  {"type": "frame", "id": "Row3Actions", "width": 80, "gap": 8, "children": [
                    {"type": "icon_font", "id": "Row3View", "width": 14, "height": 14, "iconFontName": "eye", "iconFontFamily": "lucide", "fill": "$text-tertiary"},
                    {"type": "icon_font", "id": "Row3Edit", "width": 14, "height": 14, "iconFontName": "edit-2", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
                  ]}
                ]},
                {"type": "frame", "id": "Row4", "width": "fill_container", "padding": [14, 20], "alignItems": "center", "children": [
                  {"type": "frame", "id": "Row4Check", "width": 32, "justifyContent": "center", "children": [
                    {"type": "frame", "id": "Check4", "width": 16, "height": 16, "stroke": {"thickness": 1, "fill": "$border"}}
                  ]},
                  {"type": "text", "id": "Row4Name", "width": "fill_container", "fill": "$text-primary", "content": "Phạm Thị D", "fontFamily": "JetBrains Mono", "fontSize": 12, "fontWeight": "600"},
                  {"type": "text", "id": "Row4Phone", "width": 140, "fill": "$text-secondary", "content": "0888 xxx xxx", "fontFamily": "JetBrains Mono", "fontSize": 12},
                  {"type": "text", "id": "Row4Channel", "width": 100, "fill": "#25D366", "content": "WA", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"},
                  {"type": "text", "id": "Row4Score", "width": 120, "fill": "$yellow-primary", "content": "★★☆☆☆", "fontFamily": "JetBrains Mono", "fontSize": 12},
                  {"type": "frame", "id": "Row4Actions", "width": 80, "gap": 8, "children": [
                    {"type": "icon_font", "id": "Row4View", "width": 14, "height": 14, "iconFontName": "eye", "iconFontFamily": "lucide", "fill": "$text-tertiary"},
                    {"type": "icon_font", "id": "Row4Edit", "width": 14, "height": 14, "iconFontName": "edit-2", "iconFontFamily": "lucide", "fill": "$text-tertiary"}
                  ]}
                ]}
              ]}
            ]},
            {"type": "frame", "id": "Footer", "width": "fill_container", "justifyContent": "space_between", "alignItems": "center", "children": [
              {"type": "frame", "id": "BulkActions", "gap": 8, "children": [
                {"type": "frame", "id": "BulkEmail", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [8, 12], "gap": 6, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "BulkEmailIcon", "width": 14, "height": 14, "iconFontName": "mail", "iconFontFamily": "lucide", "fill": "$text-secondary"},
                  {"type": "text", "id": "BulkEmailText", "fill": "$text-secondary", "content": "EMAIL", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600"}
                ]},
                {"type": "frame", "id": "BulkSMS", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [8, 12], "gap": 6, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "BulkSMSIcon", "width": 14, "height": 14, "iconFontName": "smartphone", "iconFontFamily": "lucide", "fill": "$text-secondary"},
                  {"type": "text", "id": "BulkSMSText", "fill": "$text-secondary", "content": "SMS", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600"}
                ]},
                {"type": "frame", "id": "BulkCampaign", "stroke": {"thickness": 1, "fill": "$border"}, "padding": [8, 12], "gap": 6, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "BulkCampaignIcon", "width": 14, "height": 14, "iconFontName": "target", "iconFontFamily": "lucide", "fill": "$text-secondary"},
                  {"type": "text", "id": "BulkCampaignText", "fill": "$text-secondary", "content": "CAMPAIGN", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "600"}
                ]},
                {"type": "frame", "id": "BulkExport", "fill": "$yellow-primary", "padding": [8, 12], "gap": 6, "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "BulkExportIcon", "width": 14, "height": 14, "iconFontName": "download", "iconFontFamily": "lucide", "fill": "$bg-card"},
                  {"type": "text", "id": "BulkExportText", "fill": "$bg-card", "content": "EXPORT ALL", "fontFamily": "JetBrains Mono", "fontSize": 10, "fontWeight": "700"}
                ]}
              ]},
              {"type": "frame", "id": "Pagination", "gap": 8, "children": [
                {"type": "frame", "id": "Page1", "width": 32, "height": 32, "fill": "$yellow-primary", "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "text", "id": "Page1Text", "fill": "$bg-card", "content": "01", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "700"}
                ]},
                {"type": "frame", "id": "Page2", "width": 32, "height": 32, "stroke": {"thickness": 1, "fill": "$border"}, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "text", "id": "Page2Text", "fill": "$text-secondary", "content": "02", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600"}
                ]},
                {"type": "frame", "id": "Page3", "width": 32, "height": 32, "stroke": {"thickness": 1, "fill": "$border"}, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "text", "id": "Page3Text", "fill": "$text-secondary", "content": "03", "fontFamily": "JetBrains Mono", "fontSize": 11, "fontWeight": "600"}
                ]},
                {"type": "frame", "id": "PageNext", "width": 32, "height": 32, "stroke": {"thickness": 1, "fill": "$border"}, "justifyContent": "center", "alignItems": "center", "children": [
                  {"type": "icon_font", "id": "PageNextIcon", "width": 14, "height": 14, "iconFontName": "chevron-right", "iconFontFamily": "lucide", "fill": "$text-secondary"}
                ]}
              ]}
            ]}
          ]
        }
      ]
    }
  ],
  "variables": {
    "bg-page": {"type": "color", "value": "#18181B"},
    "bg-card": {"type": "color", "value": "#0F0F10"},
    "yellow-primary": {"type": "color", "value": "#FACC15"},
    "text-primary": {"type": "color", "value": "#FAFAFA"},
    "text-secondary": {"type": "color", "value": "#71717A"},
    "text-tertiary": {"type": "color", "value": "#52525B"},
    "border": {"type": "color", "value": "#27272A"},
    "success": {"type": "color", "value": "#22C55E"},
    "warning": {"type": "color", "value": "#FACC15"},
    "error": {"type": "color", "value": "#EF4444"},
    "info": {"type": "color", "value": "#3B82F6"}
  }
}
