{
  "type": "Page",
  "title": "CRM Login",
  "style": {"background": "linear-gradient(135deg, #667eea 0%, #764ba2 100%)"},
  "content": {
    "type": "VBox",
    "align": "center",
    "justify": "center",
    "style": {"minHeight": "100vh", "padding": "20px"},
    "children": [
      {
        "type": "Card",
        "style": {"width": "400px", "maxWidth": "95vw", "borderRadius": "16px", "boxShadow": "0 8px 32px rgba(0,0,0,0.15)", "padding": "32px"},
        "content": {
          "type": "VBox",
          "gap": 16,
          "children": [
            {"type": "Text", "content": "CRM System", "style": {"fontSize": "24px", "fontWeight": "bold", "textAlign": "center", "color": "#333"}},
            {"type": "Text", "content": "Please login to continue", "style": {"fontSize": "14px", "textAlign": "center", "color": "#666"}},
            {"type": "TextField", "id": "username", "placeholder": "Username", "prefixIcon": "person", "style": {"width": "100%"}},
            {"type": "TextField", "id": "password", "placeholder": "Password", "prefixIcon": "lock", "password": true, "style": {"width": "100%"}},
            {"type": "Button", "id": "loginBtn", "text": "Login", "variant": "primary", "fullWidth": true, "size": "large"},
            {"type": "Text", "id": "errorMsg", "content": "", "style": {"color": "#d32f2f", "fontSize": "12px", "textAlign": "center"}}
          ]
        }
      }
    ]
  }
}