{
  "type": "Page",
  "title": "CRM Dashboard",
  "content": {
    "type": "HBox",
    "style": {"height": "100vh"},
    "children": [
      {
        "type": "Drawer",
        "id": "navDrawer",
        "width": 220,
        "variant": "permanent",
        "style": {"backgroundColor": "#1a1a2e"},
        "content": {
          "type": "VBox",
          "gap": 4,
          "style": {"padding": "8px"},
          "children": [
            {"type": "Text", "content": "CRM System", "style": {"color": "#fff", "fontSize": "18px", "fontWeight": "bold", "padding": "12px 8px"}},
            {"type": "Divider", "style": {"backgroundColor": "#333", "margin": "8px 0"}},
            {"type": "ListTile", "id": "nav_customer", "leading": "people", "title": "Customer Mgmt", "style": {"color": "#ccc"}, "onclick": "navigate('main/customer_management/base.ui')"},
            {"type": "ListTile", "id": "nav_opportunity", "leading": "trending_up", "title": "Opportunity Mgmt", "style": {"color": "#ccc"}, "onclick": "navigate('main/opportunity_management/opportunity_management.ui')"},
            {"type": "ListTile", "id": "nav_contract", "leading": "description", "title": "Contract Mgmt", "style": {"color": "#ccc"}, "onclick": "navigate('main/contract_management/contract_list.ui')"},
            {"type": "ListTile", "id": "nav_financial", "leading": "account_balance", "title": "Financial Mgmt", "style": {"color": "#ccc"}, "onclick": "navigate('main/financial_management/receivables.ui')"},
            {"type": "Divider", "style": {"backgroundColor": "#333", "margin": "8px 0"}},
            {"type": "ListTile", "id": "nav_workflow", "leading": "approval", "title": "Workflow Approval", "style": {"color": "#ccc"}, "onclick": "navigate('main/workflow_approval/base.ui')"},
            {"type": "Divider", "style": {"backgroundColor": "#333", "margin": "8px 0"}},
            {"type": "ListTile", "id": "nav_admin", "leading": "admin_panel_settings", "title": "Admin", "style": {"color": "#ccc"}, "onclick": "navigate('main/rbac/admin_menu.ui')"},
            {"type": "ListTile", "id": "nav_logout", "leading": "logout", "title": "Logout", "style": {"color": "#f44336"}, "onclick": "navigate('/logout')"}
          ]
        }
      },
      {
        "type": "VBox",
        "style": {"flex": 1, "backgroundColor": "#f5f5f5"},
        "children": [
          {
            "type": "AppBar",
            "title": "CRM Dashboard",
            "style": {"backgroundColor": "#16213e", "color": "#fff"},
            "actions": [
              {"type": "Text", "id": "currentUser", "content": "User", "style": {"color": "#fff", "marginRight": "16px"}}
            ]
          },
          {
            "type": "IFrame",
            "id": "contentFrame",
            "src": "",
            "style": {"flex": 1, "border": "none"}
          }
        ]
      }
    ]
  }
}