{
  "version": "2.7",
  "children": [
    {
      "type": "frame",
      "id": "AnalyticsDashboardScreen",
      "x": 0,
      "y": 0,
      "name": "Screen/Analytics Dashboard",
      "reusable": true,
      "clip": true,
      "width": 1280,
      "height": 802,
      "fill": "$bg-page",
      "children": [
        {
          "type": "frame",
          "id": "Sidebar",
          "width": 240,
          "height": "fill_container",
          "fill": "$bg-card",
          "stroke": {
            "align": "inside",
            "thickness": 3,
            "fill": "$yellow-primary"
          },
          "layout": "vertical",
          "padding": [
            24,
            16
          ],
          "justifyContent": "space_between",
          "children": [
            {
              "type": "frame",
              "id": "SidebarTop",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 32,
              "children": [
                {
                  "type": "frame",
                  "id": "LogoSection",
                  "width": "fill_container",
                  "stroke": {
                    "align": "inside",
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "gap": 8,
                  "padding": [
                    0,
                    0,
                    16,
                    0
                  ],
                  "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",
                      "gap": 10,
                      "padding": [
                        10,
                        12
                      ],
                      "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",
                      "gap": 10,
                      "padding": [
                        10,
                        12
                      ],
                      "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",
                      "gap": 10,
                      "padding": [
                        10,
                        12
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "NavCRMNum",
                          "fill": "$text-tertiary",
                          "content": "03",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        },
                        {
                          "type": "text",
                          "id": "NavCRMLabel",
                          "fill": "$text-secondary",
                          "content": "CRM",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "500"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "NavAI",
                      "width": "fill_container",
                      "gap": 10,
                      "padding": [
                        10,
                        12
                      ],
                      "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",
                      "fill": "#FACC1515",
                      "stroke": {
                        "align": "inside",
                        "thickness": 1,
                        "fill": "$yellow-primary"
                      },
                      "gap": 10,
                      "padding": [
                        10,
                        12
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "NavStatsNum",
                          "fill": "$yellow-primary",
                          "content": "05",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        },
                        {
                          "type": "text",
                          "id": "NavStatsLabel",
                          "fill": "$text-primary",
                          "content": "ANALYTICS",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "type": "frame",
              "id": "SidebarBottom",
              "width": "fill_container",
              "layout": "vertical",
              "gap": 20,
              "children": [
                {
                  "type": "frame",
                  "id": "InsightBox",
                  "width": "fill_container",
                  "fill": "#22C55E15",
                  "stroke": {
                    "thickness": 1,
                    "fill": "#22C55E30"
                  },
                  "layout": "vertical",
                  "gap": 8,
                  "padding": 16,
                  "children": [
                    {
                      "type": "frame",
                      "id": "InsightHeader",
                      "gap": 8,
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "InsightIcon",
                          "width": 14,
                          "height": 14,
                          "iconFontName": "trending-up",
                          "iconFontFamily": "lucide",
                          "fill": "$success"
                        },
                        {
                          "type": "text",
                          "id": "InsightLabel",
                          "fill": "$success",
                          "content": "GROWING",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "700"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "InsightValue",
                      "fill": "$text-primary",
                      "content": "+24% vs last week",
                      "fontFamily": "JetBrains Mono",
                      "fontSize": 12,
                      "fontWeight": "normal"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "AccountRow",
                  "width": "fill_container",
                  "stroke": {
                    "align": "inside",
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "gap": 10,
                  "padding": [
                    20,
                    0,
                    0,
                    0
                  ],
                  "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",
          "gap": 24,
          "padding": [
            32,
            40
          ],
          "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": "ANALYTICS",
                      "fontFamily": "Space Grotesk",
                      "fontSize": 32,
                      "fontWeight": "700"
                    },
                    {
                      "type": "text",
                      "id": "PageSubtitle",
                      "fill": "$text-secondary",
                      "content": "AI-powered insights and performance metrics",
                      "fontFamily": "JetBrains Mono",
                      "fontSize": 14,
                      "fontWeight": "normal"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "HeaderActions",
                  "gap": 12,
                  "children": [
                    {
                      "type": "frame",
                      "id": "DateRange",
                      "stroke": {
                        "thickness": 1,
                        "fill": "$border"
                      },
                      "gap": 8,
                      "padding": [
                        10,
                        14
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "CalendarIcon",
                          "width": 14,
                          "height": 14,
                          "iconFontName": "calendar",
                          "iconFontFamily": "lucide",
                          "fill": "$text-tertiary"
                        },
                        {
                          "type": "text",
                          "id": "DateText",
                          "fill": "$text-secondary",
                          "content": "LAST 7 DAYS",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "500"
                        },
                        {
                          "type": "icon_font",
                          "id": "DateArrow",
                          "width": 12,
                          "height": 12,
                          "iconFontName": "chevron-down",
                          "iconFontFamily": "lucide",
                          "fill": "$text-tertiary"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "ExportBtn",
                      "fill": "$yellow-primary",
                      "gap": 6,
                      "padding": [
                        10,
                        18
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "ExportIcon",
                          "width": 14,
                          "height": 14,
                          "iconFontName": "download",
                          "iconFontFamily": "lucide",
                          "fill": "$bg-card"
                        },
                        {
                          "type": "text",
                          "id": "ExportText",
                          "fill": "$bg-card",
                          "content": "EXPORT",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "700"
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "type": "frame",
              "id": "KPICards",
              "width": "fill_container",
              "gap": 16,
              "children": [
                {
                  "type": "frame",
                  "id": "KPIReach",
                  "width": "fill_container",
                  "fill": "$bg-card",
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "layout": "vertical",
                  "gap": 12,
                  "padding": 20,
                  "children": [
                    {
                      "type": "frame",
                      "id": "KPIReachHeader",
                      "width": "fill_container",
                      "justifyContent": "space_between",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "KPIReachLabel",
                          "fill": "$text-secondary",
                          "content": "TOTAL REACH",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "600"
                        },
                        {
                          "type": "icon_font",
                          "id": "KPIReachIcon",
                          "width": 14,
                          "height": 14,
                          "iconFontName": "eye",
                          "iconFontFamily": "lucide",
                          "fill": "$text-tertiary"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "KPIReachValue",
                      "fill": "$text-primary",
                      "content": "245.8K",
                      "fontFamily": "Space Grotesk",
                      "fontSize": 28,
                      "fontWeight": "700"
                    },
                    {
                      "type": "frame",
                      "id": "KPIReachChange",
                      "gap": 6,
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "KPIReachArrow",
                          "width": 12,
                          "height": 12,
                          "iconFontName": "arrow-up-right",
                          "iconFontFamily": "lucide",
                          "fill": "$success"
                        },
                        {
                          "type": "text",
                          "id": "KPIReachPercent",
                          "fill": "$success",
                          "content": "+18.2%",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "KPIEngage",
                  "width": "fill_container",
                  "fill": "$bg-card",
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "layout": "vertical",
                  "gap": 12,
                  "padding": 20,
                  "children": [
                    {
                      "type": "frame",
                      "id": "KPIEngageHeader",
                      "width": "fill_container",
                      "justifyContent": "space_between",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "KPIEngageLabel",
                          "fill": "$text-secondary",
                          "content": "ENGAGEMENT",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "600"
                        },
                        {
                          "type": "icon_font",
                          "id": "KPIEngageIcon",
                          "width": 14,
                          "height": 14,
                          "iconFontName": "heart",
                          "iconFontFamily": "lucide",
                          "fill": "$text-tertiary"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "KPIEngageValue",
                      "fill": "$text-primary",
                      "content": "14.2%",
                      "fontFamily": "Space Grotesk",
                      "fontSize": 28,
                      "fontWeight": "700"
                    },
                    {
                      "type": "frame",
                      "id": "KPIEngageChange",
                      "gap": 6,
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "KPIEngageArrow",
                          "width": 12,
                          "height": 12,
                          "iconFontName": "arrow-up-right",
                          "iconFontFamily": "lucide",
                          "fill": "$success"
                        },
                        {
                          "type": "text",
                          "id": "KPIEngagePercent",
                          "fill": "$success",
                          "content": "+5.4%",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "KPIConversions",
                  "width": "fill_container",
                  "fill": "$bg-card",
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "layout": "vertical",
                  "gap": 12,
                  "padding": 20,
                  "children": [
                    {
                      "type": "frame",
                      "id": "KPIConversionsHeader",
                      "width": "fill_container",
                      "justifyContent": "space_between",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "KPIConversionsLabel",
                          "fill": "$text-secondary",
                          "content": "CONVERSIONS",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "600"
                        },
                        {
                          "type": "icon_font",
                          "id": "KPIConversionsIcon",
                          "width": 14,
                          "height": 14,
                          "iconFontName": "target",
                          "iconFontFamily": "lucide",
                          "fill": "$text-tertiary"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "KPIConversionsValue",
                      "fill": "$text-primary",
                      "content": "1,842",
                      "fontFamily": "Space Grotesk",
                      "fontSize": 28,
                      "fontWeight": "700"
                    },
                    {
                      "type": "frame",
                      "id": "KPIConversionsChange",
                      "gap": 6,
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "KPIConversionsArrow",
                          "width": 12,
                          "height": 12,
                          "iconFontName": "arrow-up-right",
                          "iconFontFamily": "lucide",
                          "fill": "$success"
                        },
                        {
                          "type": "text",
                          "id": "KPIConversionsPercent",
                          "fill": "$success",
                          "content": "+32.1%",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "KPIROI",
                  "width": "fill_container",
                  "fill": "$bg-card",
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "layout": "vertical",
                  "gap": 12,
                  "padding": 20,
                  "children": [
                    {
                      "type": "frame",
                      "id": "KPIROIHeader",
                      "width": "fill_container",
                      "justifyContent": "space_between",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "text",
                          "id": "KPIROILabel",
                          "fill": "$text-secondary",
                          "content": "ROI",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 11,
                          "fontWeight": "600"
                        },
                        {
                          "type": "icon_font",
                          "id": "KPIROIIcon",
                          "width": 14,
                          "height": 14,
                          "iconFontName": "dollar-sign",
                          "iconFontFamily": "lucide",
                          "fill": "$text-tertiary"
                        }
                      ]
                    },
                    {
                      "type": "text",
                      "id": "KPIROIValue",
                      "fill": "$yellow-primary",
                      "content": "324%",
                      "fontFamily": "Space Grotesk",
                      "fontSize": 28,
                      "fontWeight": "700"
                    },
                    {
                      "type": "frame",
                      "id": "KPIROIChange",
                      "gap": 6,
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "KPIROIArrow",
                          "width": 12,
                          "height": 12,
                          "iconFontName": "arrow-up-right",
                          "iconFontFamily": "lucide",
                          "fill": "$success"
                        },
                        {
                          "type": "text",
                          "id": "KPIROIPercent",
                          "fill": "$success",
                          "content": "+48%",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "600"
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "type": "frame",
              "id": "ChartsRow",
              "width": "fill_container",
              "height": "fill_container",
              "gap": 20,
              "children": [
                {
                  "type": "frame",
                  "id": "TrendChart",
                  "width": "fill_container",
                  "height": "fill_container",
                  "fill": "$bg-card",
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "layout": "vertical",
                  "children": [
                    {
                      "type": "frame",
                      "id": "TrendHeader",
                      "width": "fill_container",
                      "stroke": {
                        "align": "inside",
                        "thickness": 1,
                        "fill": "$border"
                      },
                      "padding": [
                        16,
                        20
                      ],
                      "justifyContent": "space_between",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "frame",
                          "id": "TrendHeaderLeft",
                          "gap": 10,
                          "alignItems": "center",
                          "children": [
                            {
                              "type": "icon_font",
                              "id": "TrendIcon",
                              "width": 16,
                              "height": 16,
                              "iconFontName": "trending-up",
                              "iconFontFamily": "lucide",
                              "fill": "$yellow-primary"
                            },
                            {
                              "type": "text",
                              "id": "TrendTitle",
                              "fill": "$text-primary",
                              "content": "PERFORMANCE TREND",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 12,
                              "fontWeight": "700"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "TrendLegend",
                          "gap": 16,
                          "children": [
                            {
                              "type": "frame",
                              "id": "LegendReach",
                              "gap": 6,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "LegendReachDot",
                                  "width": 8,
                                  "height": 8,
                                  "fill": "$yellow-primary"
                                },
                                {
                                  "type": "text",
                                  "id": "LegendReachText",
                                  "fill": "$text-secondary",
                                  "content": "REACH",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 10,
                                  "fontWeight": "normal"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "LegendEngage",
                              "gap": 6,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "LegendEngageDot",
                                  "width": 8,
                                  "height": 8,
                                  "fill": "#3B82F6"
                                },
                                {
                                  "type": "text",
                                  "id": "LegendEngageText",
                                  "fill": "$text-secondary",
                                  "content": "ENGAGE",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 10,
                                  "fontWeight": "normal"
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "ChartArea",
                      "width": "fill_container",
                      "height": "fill_container",
                      "layout": "vertical",
                      "gap": 16,
                      "padding": 20,
                      "justifyContent": "center",
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "frame",
                          "id": "ChartBars",
                          "width": "fill_container",
                          "height": "fill_container",
                          "gap": 12,
                          "alignItems": "end",
                          "children": [
                            {
                              "type": "frame",
                              "id": "Bar1",
                              "width": "fill_container",
                              "layout": "vertical",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "Bar1Fill",
                                  "width": 24,
                                  "height": 80,
                                  "fill": "$yellow-primary"
                                },
                                {
                                  "type": "text",
                                  "id": "Bar1Label",
                                  "fill": "$text-tertiary",
                                  "content": "MON",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 9,
                                  "fontWeight": "normal"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "Bar2",
                              "width": "fill_container",
                              "layout": "vertical",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "Bar2Fill",
                                  "width": 24,
                                  "height": 100,
                                  "fill": "$yellow-primary"
                                },
                                {
                                  "type": "text",
                                  "id": "Bar2Label",
                                  "fill": "$text-tertiary",
                                  "content": "TUE",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 9,
                                  "fontWeight": "normal"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "Bar3",
                              "width": "fill_container",
                              "layout": "vertical",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "Bar3Fill",
                                  "width": 24,
                                  "height": 65,
                                  "fill": "$yellow-primary"
                                },
                                {
                                  "type": "text",
                                  "id": "Bar3Label",
                                  "fill": "$text-tertiary",
                                  "content": "WED",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 9,
                                  "fontWeight": "normal"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "Bar4",
                              "width": "fill_container",
                              "layout": "vertical",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "Bar4Fill",
                                  "width": 24,
                                  "height": 120,
                                  "fill": "$yellow-primary"
                                },
                                {
                                  "type": "text",
                                  "id": "Bar4Label",
                                  "fill": "$text-tertiary",
                                  "content": "THU",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 9,
                                  "fontWeight": "normal"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "Bar5",
                              "width": "fill_container",
                              "layout": "vertical",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "Bar5Fill",
                                  "width": 24,
                                  "height": 140,
                                  "fill": "$yellow-primary"
                                },
                                {
                                  "type": "text",
                                  "id": "Bar5Label",
                                  "fill": "$text-tertiary",
                                  "content": "FRI",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 9,
                                  "fontWeight": "normal"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "Bar6",
                              "width": "fill_container",
                              "layout": "vertical",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "Bar6Fill",
                                  "width": 24,
                                  "height": 110,
                                  "fill": "$yellow-primary"
                                },
                                {
                                  "type": "text",
                                  "id": "Bar6Label",
                                  "fill": "$text-tertiary",
                                  "content": "SAT",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 9,
                                  "fontWeight": "normal"
                                }
                              ]
                            },
                            {
                              "type": "frame",
                              "id": "Bar7",
                              "width": "fill_container",
                              "layout": "vertical",
                              "gap": 8,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "frame",
                                  "id": "Bar7Fill",
                                  "width": 24,
                                  "height": 90,
                                  "fill": "$yellow-primary"
                                },
                                {
                                  "type": "text",
                                  "id": "Bar7Label",
                                  "fill": "$text-tertiary",
                                  "content": "SUN",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 9,
                                  "fontWeight": "normal"
                                }
                              ]
                            }
                          ]
                        }
                      ]
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "AIInsights",
                  "width": 320,
                  "height": "fill_container",
                  "fill": "$bg-card",
                  "stroke": {
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "layout": "vertical",
                  "children": [
                    {
                      "type": "frame",
                      "id": "AIHeader",
                      "width": "fill_container",
                      "stroke": {
                        "align": "inside",
                        "thickness": 1,
                        "fill": "$border"
                      },
                      "gap": 10,
                      "padding": [
                        16,
                        20
                      ],
                      "alignItems": "center",
                      "children": [
                        {
                          "type": "icon_font",
                          "id": "AIIcon",
                          "width": 16,
                          "height": 16,
                          "iconFontName": "sparkles",
                          "iconFontFamily": "lucide",
                          "fill": "#A855F7"
                        },
                        {
                          "type": "text",
                          "id": "AITitle",
                          "fill": "$text-primary",
                          "content": "AI INSIGHTS",
                          "fontFamily": "JetBrains Mono",
                          "fontSize": 12,
                          "fontWeight": "700"
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "AIList",
                      "width": "fill_container",
                      "height": "fill_container",
                      "layout": "vertical",
                      "gap": 12,
                      "padding": 16,
                      "children": [
                        {
                          "type": "frame",
                          "id": "Insight1",
                          "width": "fill_container",
                          "fill": "#22C55E10",
                          "stroke": {
                            "thickness": 1,
                            "fill": "#22C55E30"
                          },
                          "layout": "vertical",
                          "gap": 8,
                          "padding": 12,
                          "children": [
                            {
                              "type": "frame",
                              "id": "Insight1Header",
                              "gap": 6,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "icon_font",
                                  "id": "Insight1Icon",
                                  "width": 12,
                                  "height": 12,
                                  "iconFontName": "lightbulb",
                                  "iconFontFamily": "lucide",
                                  "fill": "$success"
                                },
                                {
                                  "type": "text",
                                  "id": "Insight1Label",
                                  "fill": "$success",
                                  "content": "OPPORTUNITY",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 10,
                                  "fontWeight": "700"
                                }
                              ]
                            },
                            {
                              "type": "text",
                              "id": "Insight1Text",
                              "fill": "$text-primary",
                              "content": "Instagram engagement peaks at 6-8 PM. \nSchedule posts earlier.",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 11,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "Insight2",
                          "width": "fill_container",
                          "fill": "#FACC1510",
                          "stroke": {
                            "thickness": 1,
                            "fill": "#FACC1530"
                          },
                          "layout": "vertical",
                          "gap": 8,
                          "padding": 12,
                          "children": [
                            {
                              "type": "frame",
                              "id": "Insight2Header",
                              "gap": 6,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "icon_font",
                                  "id": "Insight2Icon",
                                  "width": 12,
                                  "height": 12,
                                  "iconFontName": "zap",
                                  "iconFontFamily": "lucide",
                                  "fill": "$yellow-primary"
                                },
                                {
                                  "type": "text",
                                  "id": "Insight2Label",
                                  "fill": "$yellow-primary",
                                  "content": "ACTION",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 10,
                                  "fontWeight": "700"
                                }
                              ]
                            },
                            {
                              "type": "text",
                              "id": "Insight2Text",
                              "fill": "$text-primary",
                              "content": "Video content gets 3x more engagement. \nConsider Reels.",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 11,
                              "fontWeight": "normal"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "Insight3",
                          "width": "fill_container",
                          "fill": "#3B82F610",
                          "stroke": {
                            "thickness": 1,
                            "fill": "#3B82F630"
                          },
                          "layout": "vertical",
                          "gap": 8,
                          "padding": 12,
                          "children": [
                            {
                              "type": "frame",
                              "id": "Insight3Header",
                              "gap": 6,
                              "alignItems": "center",
                              "children": [
                                {
                                  "type": "icon_font",
                                  "id": "Insight3Icon",
                                  "width": 12,
                                  "height": 12,
                                  "iconFontName": "info",
                                  "iconFontFamily": "lucide",
                                  "fill": "#3B82F6"
                                },
                                {
                                  "type": "text",
                                  "id": "Insight3Label",
                                  "fill": "#3B82F6",
                                  "content": "TREND",
                                  "fontFamily": "JetBrains Mono",
                                  "fontSize": 10,
                                  "fontWeight": "700"
                                }
                              ]
                            },
                            {
                              "type": "text",
                              "id": "Insight3Text",
                              "fill": "$text-primary",
                              "content": "Zalo shows fastest growth in VN market. \nIncrease focus.",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 11,
                              "fontWeight": "normal"
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            },
            {
              "type": "frame",
              "id": "ChannelPerformance",
              "width": "fill_container",
              "fill": "$bg-card",
              "stroke": {
                "thickness": 1,
                "fill": "$border"
              },
              "layout": "vertical",
              "children": [
                {
                  "type": "frame",
                  "id": "ChannelHeader",
                  "width": "fill_container",
                  "stroke": {
                    "align": "inside",
                    "thickness": 1,
                    "fill": "$border"
                  },
                  "gap": 10,
                  "padding": [
                    14,
                    20
                  ],
                  "alignItems": "center",
                  "children": [
                    {
                      "type": "icon_font",
                      "id": "ChannelIcon",
                      "width": 14,
                      "height": 14,
                      "iconFontName": "bar-chart-2",
                      "iconFontFamily": "lucide",
                      "fill": "$yellow-primary"
                    },
                    {
                      "type": "text",
                      "id": "ChannelTitle",
                      "fill": "$text-primary",
                      "content": "CHANNEL PERFORMANCE",
                      "fontFamily": "JetBrains Mono",
                      "fontSize": 11,
                      "fontWeight": "700"
                    }
                  ]
                },
                {
                  "type": "frame",
                  "id": "ChannelList",
                  "width": "fill_container",
                  "gap": 16,
                  "padding": 16,
                  "children": [
                    {
                      "type": "frame",
                      "id": "ChFB",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 8,
                      "children": [
                        {
                          "type": "frame",
                          "id": "ChFBTop",
                          "width": "fill_container",
                          "justifyContent": "space_between",
                          "children": [
                            {
                              "type": "text",
                              "id": "ChFBName",
                              "fill": "#3B82F6",
                              "content": "FACEBOOK",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 10,
                              "fontWeight": "700"
                            },
                            {
                              "type": "text",
                              "id": "ChFBValue",
                              "fill": "$text-primary",
                              "content": "45.2K",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 11,
                              "fontWeight": "600"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "ChFBBar",
                          "width": "fill_container",
                          "height": 4,
                          "fill": "$bg-page",
                          "children": [
                            {
                              "type": "frame",
                              "id": "ChFBFill",
                              "width": "fit_content(0)",
                              "height": 4,
                              "fill": "#3B82F6"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "ChIG",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 8,
                      "children": [
                        {
                          "type": "frame",
                          "id": "ChIGTop",
                          "width": "fill_container",
                          "justifyContent": "space_between",
                          "children": [
                            {
                              "type": "text",
                              "id": "ChIGName",
                              "fill": "#E1306C",
                              "content": "INSTAGRAM",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 10,
                              "fontWeight": "700"
                            },
                            {
                              "type": "text",
                              "id": "ChIGValue",
                              "fill": "$text-primary",
                              "content": "38.7K",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 11,
                              "fontWeight": "600"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "ChIGBar",
                          "width": "fill_container",
                          "height": 4,
                          "fill": "$bg-page",
                          "children": [
                            {
                              "type": "frame",
                              "id": "ChIGFill",
                              "width": "fit_content(0)",
                              "height": 4,
                              "fill": "#E1306C"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "ChZalo",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 8,
                      "children": [
                        {
                          "type": "frame",
                          "id": "ChZaloTop",
                          "width": "fill_container",
                          "justifyContent": "space_between",
                          "children": [
                            {
                              "type": "text",
                              "id": "ChZaloName",
                              "fill": "#0068FF",
                              "content": "ZALO",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 10,
                              "fontWeight": "700"
                            },
                            {
                              "type": "text",
                              "id": "ChZaloValue",
                              "fill": "$text-primary",
                              "content": "28.1K",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 11,
                              "fontWeight": "600"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "ChZaloBar",
                          "width": "fill_container",
                          "height": 4,
                          "fill": "$bg-page",
                          "children": [
                            {
                              "type": "frame",
                              "id": "ChZaloFill",
                              "width": "fit_content(0)",
                              "height": 4,
                              "fill": "#0068FF"
                            }
                          ]
                        }
                      ]
                    },
                    {
                      "type": "frame",
                      "id": "ChWA",
                      "width": "fill_container",
                      "layout": "vertical",
                      "gap": 8,
                      "children": [
                        {
                          "type": "frame",
                          "id": "ChWATop",
                          "width": "fill_container",
                          "justifyContent": "space_between",
                          "children": [
                            {
                              "type": "text",
                              "id": "ChWAName",
                              "fill": "#25D366",
                              "content": "WHATSAPP",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 10,
                              "fontWeight": "700"
                            },
                            {
                              "type": "text",
                              "id": "ChWAValue",
                              "fill": "$text-primary",
                              "content": "12.4K",
                              "fontFamily": "JetBrains Mono",
                              "fontSize": 11,
                              "fontWeight": "600"
                            }
                          ]
                        },
                        {
                          "type": "frame",
                          "id": "ChWABar",
                          "width": "fill_container",
                          "height": 4,
                          "fill": "$bg-page",
                          "children": [
                            {
                              "type": "frame",
                              "id": "ChWAFill",
                              "width": "fit_content(0)",
                              "height": 4,
                              "fill": "#25D366"
                            }
                          ]
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    }
  ],
  "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"
    }
  }
}