{"id":9,"date":"2026-02-26T16:36:37","date_gmt":"2026-02-26T16:36:37","guid":{"rendered":"https:\/\/aiox.ameriga.com\/app\/?page_id=9"},"modified":"2026-02-26T16:36:37","modified_gmt":"2026-02-26T16:36:37","slug":"account","status":"publish","type":"page","link":"https:\/\/aiox.ameriga.com\/app\/","title":{"rendered":"Account Dashboard"},"content":{"rendered":"        \n        <style id=\"aiox-fullscreen-styles\">\n            \/* Fullscreen App Mode - Hide all WP elements *\/\n            html.aiox-app-active,\n            html.aiox-app-active body {\n                overflow: hidden !important;\n                margin: 0 !important;\n                padding: 0 !important;\n            }\n            \n            .aiox-fullscreen-app {\n                position: fixed !important;\n                top: 0 !important;\n                left: 0 !important;\n                right: 0 !important;\n                bottom: 0 !important;\n                width: 100vw !important;\n                height: 100vh !important;\n                z-index: 999999 !important;\n                overflow: auto !important;\n                background: var(--aiox-bg-primary, #0f111a) !important;\n            }\n        <\/style>\n        <script>document.documentElement.classList.add(\"aiox-app-active\");<\/script>\n                <style id=\"aiox-theme-customizer-css\">\n        \/* AIOX Theme Customizer Generated CSS *\/\n        :root {\n            \/* Override AIOX CSS variables *\/\n            --aiox-bg-primary: #f8fafc !important;\n            --aiox-bg-secondary: #ffffff !important;\n            --aiox-bg-card: #ffffff !important;\n            --aiox-bg-card-hover: #f1f5f9 !important;\n            --aiox-bg-input: #f8fafc !important;\n            --aiox-border-color: #e2e8f0 !important;\n            --aiox-text-primary: #1e293b !important;\n            --aiox-text-secondary: #64748b !important;\n            --aiox-text-muted: #94a3b8 !important;\n            --aiox-text-heading: #1e293b !important;\n            --aiox-text-light: #475569 !important;\n            --aiox-text-placeholder: #9ca3af !important;\n            --aiox-border-primary: #e2e8f0 !important;\n            --aiox-border-secondary: #e2e8f0 !important;\n            --aiox-border-light: #e2e8f0 !important;\n            --aiox-accent-primary: #6366f1 !important;\n            --aiox-accent-secondary: #8b5cf6 !important;\n            --aiox-accent-success: #10b981 !important;\n            --aiox-accent-warning: #f59e0b !important;\n            --aiox-accent-danger: #ef4444 !important;\n            --aiox-accent-info: #22d3ee !important;\n            --aiox-accent-cyan: #22d3ee !important;\n            --aiox-accent-purple: #8b5cf6 !important;\n            --aiox-accent-green: #10b981 !important;\n            --aiox-accent-red: #ef4444 !important;\n            --aiox-accent-yellow: #f59e0b !important;\n            --aiox-accent-blue: #6366f1 !important;\n            \/* RGB versions for rgba() usage *\/\n            --aiox-accent-primary-rgb: 99, 102, 241 !important;\n            --aiox-accent-secondary-rgb: 139, 92, 246 !important;\n            --aiox-accent-success-rgb: 16, 185, 129 !important;\n            --aiox-accent-danger-rgb: 239, 68, 68 !important;\n            --aiox-accent-info-rgb: 34, 211, 238 !important;\n            --aiox-accent-warning-rgb: 245, 158, 11 !important;\n            --aiox-accent-primary-light: #e0e7ff !important;\n            \/* Also set non-prefixed for compatibility *\/\n            --bg-primary: #f8fafc;\n            --bg-secondary: #ffffff;\n            --bg-card: #ffffff;\n            --bg-card-hover: #f1f5f9;\n            --bg-input: #f8fafc;\n            --text-primary: #1e293b;\n            --text-secondary: #64748b;\n            --text-muted: #94a3b8;\n            --text-heading: #1e293b;\n            --accent-primary: #6366f1;\n            --accent-secondary: #8b5cf6;\n            --accent-success: #10b981;\n            --accent-warning: #f59e0b;\n            --accent-danger: #ef4444;\n            --accent-info: #22d3ee;\n            --border-color: #e2e8f0;\n            --card-radius: 12px;\n            --btn-radius: 8px;\n            --input-radius: 8px;\n            --animation-speed: 0.3s;\n        }\n        \n        \/* Main Dashboard Container *\/\n        .aiox-dashboard-wide {\n            background: #f8fafc !important;\n            font-family: system-ui, -apple-system, sans-serif;\n            color: #1e293b !important;\n        }\n        \n        .aiox-dashboard-wide .aiox-main-content {\n            background: #f8fafc !important;\n            color: #1e293b !important;\n        }\n        \n        \/* Sidebar *\/\n        .aiox-sidebar {\n            background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;\n            border-right: 1px solid #e2e8f0 !important;\n        }\n        \n        .aiox-sidebar::before {\n            background: radial-gradient(circle at 50% 0%, #6366f1 0%, transparent 70%) !important;\n            opacity: 0.05 !important;\n        }\n        \n        .aiox-logo {\n            border-bottom: 1px solid #e2e8f0 !important;\n        }\n        \n        .aiox-logo .logo-text {\n            color: #1e293b !important;\n            -webkit-text-fill-color: unset !important;\n            background: none !important;\n        }\n        \n        .aiox-nav-link,\n        .aiox-dashboard-wide .aiox-nav-link {\n            color: #64748b !important;\n            background: transparent !important;\n        }\n        \n        .aiox-nav-link:hover,\n        .aiox-dashboard-wide .aiox-nav-link:hover {\n            color: #1e293b !important;\n            background: rgba(99, 102, 241, 0.1) !important;\n        }\n        \n        .aiox-nav-link.active,\n        .aiox-dashboard-wide .aiox-nav-link.active {\n            color: #6366f1 !important;\n            background: rgba(99, 102, 241, 0.15) !important;\n            border-color: #6366f1 !important;\n        }\n        \n        \/* Nav link text\/span *\/\n        .aiox-nav-link span:not(.aiox-nav-icon),\n        .aiox-dashboard-wide .aiox-nav-link span:not(.aiox-nav-icon) {\n            color: inherit !important;\n            -webkit-text-fill-color: unset !important;\n            background: none !important;\n        }\n        \n        .aiox-nav-link.active span:not(.aiox-nav-icon),\n        .aiox-dashboard-wide .aiox-nav-link.active span:not(.aiox-nav-icon) {\n            color: #6366f1 !important;\n            -webkit-text-fill-color: unset !important;\n            background: none !important;\n        }\n        \n        .aiox-nav-icon svg,\n        .aiox-dashboard-wide .aiox-nav-icon svg {\n            stroke: #64748b !important;\n        }\n        \n        .aiox-nav-link:hover .aiox-nav-icon svg,\n        .aiox-nav-link.active .aiox-nav-icon svg,\n        .aiox-dashboard-wide .aiox-nav-link:hover .aiox-nav-icon svg,\n        .aiox-dashboard-wide .aiox-nav-link.active .aiox-nav-icon svg {\n            stroke: #6366f1 !important;\n        }\n        \n        \/* User Section at Bottom of Sidebar *\/\n        .aiox-user-section {\n            border-top: 1px solid #e2e8f0 !important;\n            background: transparent !important;\n        }\n        \n        .aiox-user-details h4 {\n            color: #1e293b !important;\n        }\n        \n        .aiox-user-details p {\n            color: #64748b !important;\n        }\n        \n        \/* All Cards - General *\/\n        .aiox-card,\n        .aiox-stat-card,\n        .aiox-usage-card,\n        .aiox-header,\n        .aiox-plan-card,\n        .aiox-apps-card,\n        .aiox-app-card,\n        .aiox-form-card,\n        .aiox-login-card,\n        .aiox-billing-card,\n        .pricing-card {\n            background: #ffffff !important;\n            border: 1px solid #e2e8f0 !important;\n            border-radius: 12px !important;\n            box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;\n        }\n        \n        \/* Nested form containers - no background\/border *\/\n        .aiox-card .aiox-settings-form-container,\n        .aiox-card .aiox-form-section {\n            background: transparent !important;\n            border: none !important;\n            box-shadow: none !important;\n            border-radius: 0 !important;\n        }\n        \n        .aiox-settings-form-container,\n        .aiox-form-section {\n            background: transparent !important;\n            border: none !important;\n            box-shadow: none !important;\n        }\n        \n        .aiox-card::before,\n        .aiox-stat-card::before,\n        .aiox-plan-card::before,\n        .aiox-header::before {\n            background: transparent !important;\n        }\n        \n        .aiox-card:hover,\n        .aiox-stat-card:hover,\n        .aiox-usage-card:hover,\n        .pricing-card:hover {\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;\n            transform: translateY(-2px) !important;\n        }\n        \n        \/* Card Headers & Titles *\/\n        .aiox-card-header {\n            border-bottom: 1px solid #e2e8f0 !important;\n        }\n        \n        .aiox-card-title,\n        .aiox-header h1,\n        .section-title,\n        .pricing-card h3 {\n            color: #1e293b !important;\n            -webkit-text-fill-color: unset !important;\n            background: none !important;\n        }\n        \n        .aiox-header-subtitle {\n            color: #64748b !important;\n            -webkit-text-fill-color: unset !important;\n            background: none !important;\n        }\n        \n        \/* Stat Cards *\/\n        .aiox-stat-value,\n        .aiox-usage-value {\n            color: #1e293b !important;\n            -webkit-text-fill-color: unset !important;\n            background: none !important;\n        }\n        \n        .aiox-stat-label,\n        .aiox-usage-label,\n        .aiox-usage-sublabel {\n            color: #64748b !important;\n        }\n        \n        .aiox-stat-icon {\n            background: rgba(99, 102, 241, 0.1) !important;\n        }\n        \n        \/* Plan\/Pricing Cards *\/\n        .pricing-card .plan-name,\n        .aiox-plan-card .plan-name {\n            color: #1e293b !important;\n        }\n        \n        .pricing-card .plan-description,\n        .aiox-plan-card .plan-description {\n            color: #64748b !important;\n        }\n        \n        .pricing-card .plan-price,\n        .aiox-plan-card .plan-price {\n            color: #6366f1 !important;\n        }\n        \n        .pricing-card .plan-features li,\n        .aiox-plan-card .plan-features li {\n            color: #64748b !important;\n        }\n        \n        \/* Info Rows *\/\n        .aiox-info-row {\n            border-color: #e2e8f0 !important;\n            background: transparent !important;\n        }\n        \n        .aiox-info-row:hover {\n            background: rgba(99, 102, 241, 0.03) !important;\n        }\n        \n        .aiox-info-label {\n            color: #64748b !important;\n            -webkit-text-fill-color: unset !important;\n            background: none !important;\n        }\n        \n        .aiox-info-value {\n            color: #1e293b !important;\n            -webkit-text-fill-color: unset !important;\n            background: none !important;\n        }\n        \n        \/* Code Display (API credentials, etc) *\/\n        .aiox-code-display {\n            background: #f8fafc !important;\n            border: 1px solid #e2e8f0 !important;\n            border-radius: 8px !important;\n            padding: 1rem 1.25rem !important;\n            margin: 0.75rem 1rem 1rem 1rem !important;\n            font-family: 'Monaco', 'Menlo', 'Courier New', monospace !important;\n            font-size: 0.8125rem !important;\n            color: #6366f1 !important;\n            word-break: break-all !important;\n        }\n        \n        .aiox-code-display::before {\n            display: none !important;\n        }\n        \n        \/* ================================================\n           REFERRALS TAB THEMING\n           ================================================ *\/\n        \n        \/* Referral stat cards *\/\n        .referral-stat-card { \n            background: #ffffff !important; \n            border: 1px solid #e2e8f0 !important;\n        }\n        .referral-stat-value { color: #1e293b !important; }\n        .referral-stat-label { color: #64748b !important; }\n        \n        \/* Referral cards *\/\n        .referral-card { \n            background: #ffffff !important; \n            border: 1px solid #e2e8f0 !important;\n        }\n        .referral-card-header { border-color: #e2e8f0 !important; }\n        .referral-card-title { color: #1e293b !important; }\n        \n        \/* Referral link input *\/\n        .referral-link-input input { \n            background: #f8fafc !important; \n            border-color: #e2e8f0 !important; \n            color: #1e293b !important; \n        }\n        .referral-code-item { \n            background: #f1f5f9 !important; \n        }\n        .referral-code-item span { color: #64748b !important; }\n        .referral-code-item code { color: #6366f1 !important; }\n        \n        \/* Tier info *\/\n        .tier-rate { color: #64748b !important; }\n        .tier-progress-header { color: #64748b !important; }\n        .tier-progress-bar { background: #e2e8f0 !important; }\n        .tier-unlock-info { color: #64748b !important; }\n        \n        \/* Tier list *\/\n        .tier-list-item { \n            background: #f8fafc !important; \n            border: 1px solid #e2e8f0 !important;\n        }\n        .tier-list-item.current { \n            background: rgba(99, 102, 241, 0.1) !important; \n            border-color: #6366f1 !important;\n        }\n        .tier-list-info h5 { color: #1e293b !important; }\n        .tier-list-info span { color: #64748b !important; }\n        \n        \/* Balance cards *\/\n        .balance-card { \n            background: #f8fafc !important; \n            border: 1px solid #e2e8f0 !important;\n        }\n        .balance-label { color: #64748b !important; }\n        \n        \/* Payout info *\/\n        .payout-info-row { \n            border-color: #e2e8f0 !important; \n        }\n        .payout-info-row span { color: #64748b !important; }\n        .payout-info-row strong { color: #1e293b !important; }\n        \n        \/* PayPal input *\/\n        .paypal-input-group label { color: #1e293b !important; }\n        .paypal-input-group input { \n            background: #f8fafc !important; \n            border-color: #e2e8f0 !important; \n            color: #1e293b !important; \n        }\n        \n        \/* Activity feed *\/\n        .activity-feed { \n            background: #f8fafc !important; \n        }\n        .activity-item { border-color: #e2e8f0 !important; }\n        .activity-title { color: #1e293b !important; }\n        .activity-details { color: #64748b !important; }\n        .activity-empty { color: #64748b !important; }\n        \n        \/* Marketing materials *\/\n        .material-card { \n            background: #f8fafc !important; \n            border: 1px solid #e2e8f0 !important;\n        }\n        .material-card-header h5 { color: #1e293b !important; }\n        .material-card-content p { color: #64748b !important; }\n        \n        \/* Support Tab Theming *\/\n        .support-header h1 { color: #1e293b !important; }\n        .support-stat { background: #ffffff !important; border: 1px solid #e2e8f0 !important; }\n        .support-stat-value { color: #1e293b !important; }\n        .support-stat-label { color: #64748b !important; }\n        .support-email-card { background: #ffffff !important; border: 1px solid #e2e8f0 !important; }\n        .support-email-card h2 { color: #1e293b !important; }\n        .support-email-card p { color: #64748b !important; }\n        .support-upgrade-note { background: #f1f5f9 !important; color: #64748b !important; }\n        .tickets-section { background: #ffffff !important; border: 1px solid #e2e8f0 !important; }\n        .tickets-section-header { border-color: #e2e8f0 !important; }\n        .tickets-section-title { color: #1e293b !important; }\n        .ticket-item { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; }\n        .ticket-item:hover { border-color: #6366f1 !important; }\n        .ticket-subject { color: #1e293b !important; }\n        .ticket-meta { color: #64748b !important; }\n        .new-ticket-form { background: #ffffff !important; border: 1px solid #e2e8f0 !important; }\n        .new-ticket-form h3 { color: #1e293b !important; }\n        .form-group label { color: #1e293b !important; }\n        .form-group input, .form-group select, .form-group textarea { \n            background: #f8fafc !important; \n            border-color: #e2e8f0 !important; \n            color: #1e293b !important; \n        }\n        .ticket-detail-header { background: #ffffff !important; border: 1px solid #e2e8f0 !important; }\n        .ticket-detail-title h2 { color: #1e293b !important; }\n        .ticket-detail-meta { color: #64748b !important; }\n        .ticket-messages { background: #ffffff !important; border: 1px solid #e2e8f0 !important; }\n        .ticket-message { border-color: #e2e8f0 !important; }\n        .ticket-message-author { color: #1e293b !important; }\n        .ticket-message-time { color: #64748b !important; }\n        .ticket-message-content { color: #1e293b !important; }\n        .ticket-reply-form { background: #ffffff !important; border: 1px solid #e2e8f0 !important; }\n        .ticket-reply-form h4 { color: #1e293b !important; }\n        .empty-tickets { color: #64748b !important; }\n        .empty-tickets h3 { color: #1e293b !important; }\n        \n        \/* Form Elements *\/\n        .aiox-form-row {\n            border-bottom: 1px solid #e2e8f0 !important;\n        }\n        \n        .aiox-form-row label,\n        .aiox-dashboard-wide label {\n            color: #1e293b !important;\n        }\n        \n        .aiox-dashboard-wide input[type='text'],\n        .aiox-dashboard-wide input[type='email'],\n        .aiox-dashboard-wide input[type='password'],\n        .aiox-dashboard-wide input[type='url'],\n        .aiox-dashboard-wide input[type='number'],\n        .aiox-dashboard-wide input[type='tel'],\n        .aiox-dashboard-wide textarea,\n        .aiox-dashboard-wide select,\n        .aiox-dashboard-wide .aiox-form-field input,\n        .aiox-dashboard-wide .form-input,\n        .aiox-dashboard-wide .form-select,\n        .aiox-dashboard-wide .form-textarea {\n            background: #f8fafc !important;\n            border: 1px solid #e2e8f0 !important;\n            color: #1e293b !important;\n            border-radius: 8px !important;\n        }\n        \n        .aiox-dashboard-wide input:focus,\n        .aiox-dashboard-wide textarea:focus,\n        .aiox-dashboard-wide select:focus,\n        .aiox-dashboard-wide .aiox-form-field input:focus,\n        .aiox-dashboard-wide .form-input:focus {\n            border-color: #6366f1 !important;\n            outline: none !important;\n            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;\n        }\n        \n        .aiox-dashboard-wide input::placeholder,\n        .aiox-dashboard-wide textarea::placeholder,\n        .aiox-dashboard-wide .form-input::placeholder {\n            color: #94a3b8 !important;\n        }\n        \n        \/* Progress Bars *\/\n        .aiox-progress-bar {\n            background: #e2e8f0 !important;\n            height: 6px !important;\n            border-radius: 3px !important;\n        }\n        \n        .aiox-progress-bar > div,\n        .pd-progress-fill {\n            background: linear-gradient(90deg, #6366f1, #8b5cf6) !important;\n        }\n        \n        \/* Buttons - Primary *\/\n        .aiox-dashboard-wide .aiox-btn-primary,\n        .aiox-dashboard-wide .aiox-btn.aiox-btn-primary,\n        .aiox-dashboard-wide .upgrade-plan-btn,\n        .aiox-dashboard-wide .btn-primary,\n        .aiox-dashboard-wide .subscribe-btn,\n        .aiox-dashboard-wide button[type='submit'],\n        .aiox-dashboard-wide .save-changes-btn,\n        .aiox-dashboard-wide .view-plans-btn,\n        .aiox-dashboard-wide .plan-button,\n        .aiox-dashboard-wide button.aiox-btn-primary {\n            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;\n            color: #ffffff !important;\n            border-radius: 8px !important;\n            border: none !important;\n        }\n        \n        .aiox-dashboard-wide .aiox-btn-primary:hover,\n        .aiox-dashboard-wide .aiox-btn.aiox-btn-primary:hover,\n        .aiox-dashboard-wide .upgrade-plan-btn:hover,\n        .aiox-dashboard-wide .subscribe-btn:hover,\n        .aiox-dashboard-wide .view-plans-btn:hover,\n        .aiox-dashboard-wide .plan-button:hover,\n        .aiox-dashboard-wide button[type='submit']:hover {\n            background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%) !important;\n            color: #ffffff !important;\n        }\n        \n        \/* Buttons - Secondary (including Logout and Refresh) *\/\n        .aiox-dashboard-wide .aiox-btn-secondary,\n        .aiox-dashboard-wide .aiox-btn.aiox-btn-secondary,\n        .aiox-dashboard-wide .btn-secondary,\n        .aiox-dashboard-wide .refresh-btn,\n        .aiox-dashboard-wide button.refresh,\n        .aiox-dashboard-wide #refresh-btn,\n        .aiox-dashboard-wide a.aiox-btn-secondary {\n            background: #e2e8f0 !important;\n            color: #1e293b !important;\n            border-radius: 8px !important;\n            border: 1px solid #e2e8f0 !important;\n        }\n        \n        .aiox-dashboard-wide .aiox-btn-secondary:hover,\n        .aiox-dashboard-wide .aiox-btn.aiox-btn-secondary:hover,\n        .aiox-dashboard-wide .btn-secondary:hover,\n        .aiox-dashboard-wide .refresh-btn:hover,\n        .aiox-dashboard-wide #refresh-btn:hover,\n        .aiox-dashboard-wide a.aiox-btn-secondary:hover {\n            background: #e2e8f0 !important;\n            color: #1e293b !important;\n        }\n        \n        \/* Logout Button (uses aiox-btn-secondary) *\/\n        .aiox-dashboard-wide .aiox-user-section .aiox-btn-secondary,\n        .aiox-dashboard-wide .aiox-user-section a.aiox-btn {\n            background: #e2e8f0 !important;\n            color: #1e293b !important;\n            border: 1px solid #e2e8f0 !important;\n        }\n        \n        .aiox-dashboard-wide .aiox-user-section .aiox-btn-secondary:hover,\n        .aiox-dashboard-wide .aiox-user-section a.aiox-btn:hover {\n            background: #e2e8f0 !important;\n            color: #1e293b !important;\n        }\n        \n        \/* Headings & Text *\/\n        .aiox-dashboard-wide h1, \n        .aiox-dashboard-wide h2, \n        .aiox-dashboard-wide h3, \n        .aiox-dashboard-wide h4, \n        .aiox-dashboard-wide h5 {\n            color: #1e293b !important;\n            font-weight: 700 !important;\n            -webkit-text-fill-color: #1e293b !important;\n            background: none !important;\n        }\n        \n        .aiox-dashboard-wide p,\n        .aiox-dashboard-wide span:not(.aiox-nav-icon):not([class*='status']):not([class*='badge']),\n        .aiox-dashboard-wide label,\n        .aiox-dashboard-wide a:not(.aiox-btn):not(.aiox-nav-link) {\n            color: #1e293b;\n            -webkit-text-fill-color: unset;\n        }\n        \n        \/* Override gradient text effects for light mode *\/\n        .aiox-dashboard-wide .aiox-stat-value,\n        .aiox-dashboard-wide .aiox-usage-value,\n        .aiox-dashboard-wide .stat-value,\n        .aiox-dashboard-wide .usage-value {\n            color: #1e293b !important;\n            -webkit-text-fill-color: #1e293b !important;\n            background: none !important;\n            background-clip: unset !important;\n            -webkit-background-clip: unset !important;\n        }\n        \n        .aiox-dashboard-wide .aiox-stat-label,\n        .aiox-dashboard-wide .aiox-usage-label,\n        .aiox-dashboard-wide .stat-label,\n        .aiox-dashboard-wide .usage-label {\n            color: #64748b !important;\n            -webkit-text-fill-color: #64748b !important;\n            background: none !important;\n        }\n        \n        \/* Button text override - ensure readable *\/\n        .aiox-dashboard-wide .aiox-btn span,\n        .aiox-dashboard-wide button span {\n            color: inherit !important;\n            -webkit-text-fill-color: inherit !important;\n            background: none !important;\n        }\n        \n        .aiox-dashboard-wide .text-muted,\n        .aiox-dashboard-wide .description {\n            color: #64748b !important;\n        }\n        \n        \/* Card titles and content *\/\n        .aiox-dashboard-wide .card-title,\n        .aiox-dashboard-wide .aiox-card-title,\n        .aiox-dashboard-wide .section-title {\n            color: #1e293b !important;\n            -webkit-text-fill-color: #1e293b !important;\n            background: none !important;\n        }\n        \n        \/* Form labels *\/\n        .aiox-dashboard-wide .aiox-form-field label,\n        .aiox-dashboard-wide .form-group label,\n        .aiox-dashboard-wide .form-label {\n            color: #1e293b !important;\n            -webkit-text-fill-color: #1e293b !important;\n        }\n        \n        \/* Charts Area *\/\n        .aiox-chart-container,\n        .chart-wrapper {\n            background: #ffffff !important;\n        }\n        \n        \/* Tables *\/\n        .aiox-dashboard-wide table {\n            background: #ffffff !important;\n        }\n        \n        .aiox-dashboard-wide table th {\n            background: #f1f5f9 !important;\n            color: #1e293b !important;\n            border-color: #e2e8f0 !important;\n        }\n        \n        .aiox-dashboard-wide table td {\n            color: #1e293b !important;\n            border-color: #e2e8f0 !important;\n        }\n        \n        .aiox-dashboard-wide table tr:hover td {\n            background: #f1f5f9 !important;\n        }\n        \n        \/* Status Badges *\/\n        .status-active, .badge-success {\n            background: rgba(16, 185, 129, 0.15) !important;\n            color: #10b981 !important;\n        }\n        \n        .status-warning, .badge-warning {\n            background: rgba(245, 158, 11, 0.15) !important;\n            color: #f59e0b !important;\n        }\n        \n        .status-danger, .badge-danger, .status-inactive {\n            background: rgba(239, 68, 68, 0.15) !important;\n            color: #ef4444 !important;\n        }\n        \n        .status-info, .badge-info {\n            background: rgba(34, 211, 238, 0.15) !important;\n            color: #22d3ee !important;\n        }\n        \n        \/* Icons *\/\n        .aiox-dashboard-wide svg:not(.recharts-surface) {\n            color: #64748b;\n        }\n        \n        \/* Scrollbar for light mode *\/\n        .aiox-dashboard-wide::-webkit-scrollbar-track,\n        .aiox-main-content::-webkit-scrollbar-track {\n            background: #ffffff !important;\n        }\n        \n        .aiox-dashboard-wide::-webkit-scrollbar-thumb,\n        .aiox-main-content::-webkit-scrollbar-thumb {\n            background: #e2e8f0 !important;\n        }\n        \n        \/* Empty states and placeholders *\/\n        .empty-state,\n        .no-data {\n            color: #64748b !important;\n        }\n        \n        .empty-state svg {\n            color: #94a3b8 !important;\n        }\n        \n        \/* SVG icons in dashboard *\/\n        .aiox-dashboard-wide svg path[stroke],\n        .aiox-dashboard-wide svg circle[stroke],\n        .aiox-dashboard-wide svg line[stroke] {\n            stroke: currentColor;\n        }\n        \n        \/* Accent colored elements *\/\n        .aiox-dashboard-wide [style*='var(--aiox-accent-primary)'] {\n            --aiox-accent-primary: #6366f1;\n        }\n        \n        .aiox-dashboard-wide [style*='var(--aiox-accent-secondary)'] {\n            --aiox-accent-secondary: #8b5cf6;\n        }\n        \n        .aiox-dashboard-wide [style*='var(--aiox-accent-green)'] {\n            --aiox-accent-green: #10b981;\n        }\n        \n        .aiox-dashboard-wide [style*='var(--aiox-accent-red)'] {\n            --aiox-accent-red: #ef4444;\n        }\n        \n        .aiox-dashboard-wide [style*='var(--aiox-accent-cyan)'] {\n            --aiox-accent-cyan: #22d3ee;\n        }\n        \n        .aiox-dashboard-wide [style*='var(--aiox-accent-yellow)'] {\n            --aiox-accent-yellow: #f59e0b;\n        }\n        \n        \/* Charts and graphs *\/\n        .aiox-dashboard-wide .recharts-cartesian-axis-tick-value {\n            fill: #64748b !important;\n        }\n        \n        .aiox-dashboard-wide .recharts-cartesian-grid line {\n            stroke: #e2e8f0 !important;\n        }\n        \n        \/* Card action links *\/\n        .aiox-card-action {\n            color: #22d3ee !important;\n        }\n        \n        \/* Subscription info boxes *\/\n        .aiox-dashboard-wide .subscription-info,\n        .aiox-dashboard-wide .token-info {\n            background: #f1f5f9 !important;\n            border-color: #e2e8f0 !important;\n        }\n        \n        \/* Progress indicators *\/\n        .usage-bar {\n            background: linear-gradient(90deg, #10b981, #10b981) !important;\n        }\n        \n        \/* Dividers *\/\n        .aiox-dashboard-wide hr,\n        .aiox-dashboard-wide .divider {\n            border-color: #e2e8f0 !important;\n            background-color: #e2e8f0 !important;\n        }\n        \n        \/* Dropdown menus *\/\n        .aiox-dashboard-wide .dropdown-menu {\n            background: #ffffff !important;\n            border-color: #e2e8f0 !important;\n        }\n        \n        .aiox-dashboard-wide .dropdown-item {\n            color: #1e293b !important;\n        }\n        \n        .aiox-dashboard-wide .dropdown-item:hover {\n            background: #f1f5f9 !important;\n        }\n        \n        \/* Tooltips *\/\n        .aiox-dashboard-wide .tooltip {\n            background: #f1f5f9 !important;\n            color: #1e293b !important;\n            border-color: #e2e8f0 !important;\n        }\n        \n        \/* Modal overlays *\/\n        .aiox-dashboard-wide .modal-content {\n            background: #ffffff !important;\n            border-color: #e2e8f0 !important;\n        }\n        \n        .aiox-dashboard-wide .modal-header {\n            border-color: #e2e8f0 !important;\n        }\n        \n        \/* Tabs *\/\n        .aiox-dashboard-wide .nav-tabs .nav-link {\n            color: #64748b !important;\n            border-color: #e2e8f0 !important;\n        }\n        \n        .aiox-dashboard-wide .nav-tabs .nav-link.active {\n            color: #6366f1 !important;\n            background: #ffffff !important;\n        }\n        \n        \/* ================================================\n           AUTH\/LOGIN\/SIGNUP PAGES STYLING\n           ================================================ *\/\n        \n        \/* Auth Wrapper - Main Background *\/\n        .aiox-auth-wrapper {\n            background: #ffffff !important;\n        }\n        \n        \/* Auth Content Area *\/\n        .aiox-auth-content-area {\n            background: #ffffff !important;\n        }\n        \n        \/* Auth Tabs *\/\n        .aiox-auth-tabs {\n            border-color: #e2e8f0 !important;\n        }\n        \n        .aiox-auth-tab {\n            color: #64748b !important;\n        }\n        \n        .aiox-auth-tab:hover,\n        .aiox-auth-tab.active {\n            color: #22d3ee !important;\n            border-bottom-color: #22d3ee !important;\n        }\n        \n        \/* Login Card *\/\n        .aiox-login-card {\n            background: #ffffff !important;\n            border-color: #e2e8f0 !important;\n        }\n        \n        .aiox-login-card h3 {\n            color: #1e293b !important;\n        }\n        \n        \/* Register Section *\/\n        .aiox-register-section h2 {\n            color: #1e293b !important;\n        }\n        \n        .aiox-register-subtitle {\n            color: #64748b !important;\n        }\n        \n        \/* Plan Cards in Auth *\/\n        .aiox-register-section .aiox-plan-card {\n            background: #ffffff !important;\n            border-color: #e2e8f0 !important;\n        }\n        \n        .aiox-register-section .aiox-plan-card:hover {\n            border-color: #22d3ee !important;\n        }\n        \n        .aiox-register-section .aiox-plan-card:has(input[type='radio']:checked) {\n            border-color: #22d3ee !important;\n            background: #f1f5f9 !important;\n        }\n        \n        .aiox-register-section .plan-name {\n            color: #1e293b !important;\n        }\n        \n        .aiox-register-section .plan-description {\n            color: #64748b !important;\n        }\n        \n        .aiox-register-section .plan-price {\n            color: #22d3ee !important;\n        }\n        \n        .aiox-register-section .plan-price-unit {\n            color: #64748b !important;\n        }\n        \n        .aiox-register-section .plan-features {\n            border-color: #e2e8f0 !important;\n        }\n        \n        .aiox-register-section .plan-features li {\n            color: #64748b !important;\n        }\n        \n        .aiox-register-section .plan-badge {\n            background: #f1f5f9 !important;\n            color: #64748b !important;\n        }\n        \n        \/* Auth Form Inputs *\/\n        .aiox-auth-wrapper input[type='text'],\n        .aiox-auth-wrapper input[type='email'],\n        .aiox-auth-wrapper input[type='password'],\n        .aiox-auth-wrapper input[type='url'],\n        .aiox-auth-wrapper select,\n        .aiox-auth-wrapper textarea,\n        .aiox-login-card input,\n        .aiox-register-section input {\n            background: #f8fafc !important;\n            border-color: #e2e8f0 !important;\n            color: #1e293b !important;\n        }\n        \n        .aiox-auth-wrapper input:focus,\n        .aiox-login-card input:focus,\n        .aiox-register-section input:focus {\n            border-color: #6366f1 !important;\n        }\n        \n        .aiox-auth-wrapper input::placeholder,\n        .aiox-login-card input::placeholder,\n        .aiox-register-section input::placeholder {\n            color: #94a3b8 !important;\n        }\n        \n        \/* Auth Form Labels *\/\n        .aiox-auth-wrapper label,\n        .aiox-login-card label,\n        .aiox-register-section label {\n            color: #1e293b !important;\n        }\n        \n        \/* Auth Buttons *\/\n        .aiox-auth-wrapper button[type='submit'],\n        .aiox-login-card button,\n        .aiox-register-section button[type='submit'] {\n            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;\n            color: #ffffff !important;\n        }\n        \n        \/* Forgot Password Link *\/\n        .forgot-password-link,\n        .back-to-login-link {\n            color: #22d3ee !important;\n        }\n        \n        \/* Auth Secondary Text *\/\n        .aiox-auth-wrapper p,\n        .aiox-login-card p {\n            color: #64748b !important;\n        }\n        \n        \/* ================================================\n           BUTTON ICONS VISIBILITY FIX\n           ================================================ *\/\n        \n        \/* Ensure SVG icons in buttons inherit the button text color *\/\n        .aiox-btn svg,\n        .aiox-btn-primary svg,\n        .aiox-btn-secondary svg,\n        button[type='submit'] svg,\n        .aiox-dashboard-wide .aiox-btn svg,\n        .aiox-dashboard-wide button svg,\n        .aiox-auth-wrapper button svg {\n            color: inherit !important;\n        }\n        \n        \/* All SVG elements in buttons *\/\n        .aiox-btn svg path,\n        .aiox-btn svg rect,\n        .aiox-btn svg circle,\n        .aiox-btn svg line,\n        .aiox-btn svg polyline,\n        .aiox-btn svg polygon,\n        .aiox-dashboard-wide .aiox-btn svg path,\n        .aiox-dashboard-wide .aiox-btn svg rect,\n        .aiox-dashboard-wide .aiox-btn svg circle,\n        .aiox-dashboard-wide .aiox-btn svg line,\n        .aiox-dashboard-wide .aiox-btn svg polyline,\n        .aiox-dashboard-wide .aiox-btn svg polygon,\n        .aiox-dashboard-wide button svg path,\n        .aiox-dashboard-wide button svg rect,\n        .aiox-dashboard-wide button svg circle,\n        .aiox-dashboard-wide button svg line,\n        .aiox-dashboard-wide button svg polyline,\n        .aiox-dashboard-wide button svg polygon {\n            stroke: currentColor !important;\n        }\n        \n        \/* Primary button icons - ensure white\/light *\/\n        .aiox-btn-primary svg,\n        .aiox-btn.aiox-btn-primary svg,\n        button[type='submit'] svg,\n        .aiox-dashboard-wide .aiox-btn-primary svg,\n        .aiox-dashboard-wide button[type='submit'] svg {\n            color: #ffffff !important;\n        }\n        \n        .aiox-btn-primary svg path,\n        .aiox-btn-primary svg rect,\n        .aiox-btn-primary svg circle,\n        .aiox-btn-primary svg line,\n        .aiox-btn-primary svg polyline,\n        .aiox-btn-primary svg polygon,\n        button[type='submit'] svg path,\n        button[type='submit'] svg rect,\n        button[type='submit'] svg circle,\n        button[type='submit'] svg line,\n        button[type='submit'] svg polyline,\n        button[type='submit'] svg polygon,\n        .aiox-dashboard-wide .aiox-btn-primary svg path,\n        .aiox-dashboard-wide .aiox-btn-primary svg rect,\n        .aiox-dashboard-wide .aiox-btn-primary svg circle,\n        .aiox-dashboard-wide .aiox-btn-primary svg line,\n        .aiox-dashboard-wide .aiox-btn-primary svg polyline,\n        .aiox-dashboard-wide .aiox-btn-primary svg polygon,\n        .aiox-dashboard-wide button[type='submit'] svg path,\n        .aiox-dashboard-wide button[type='submit'] svg rect,\n        .aiox-dashboard-wide button[type='submit'] svg circle,\n        .aiox-dashboard-wide button[type='submit'] svg line,\n        .aiox-dashboard-wide button[type='submit'] svg polyline,\n        .aiox-dashboard-wide button[type='submit'] svg polygon {\n            stroke: #ffffff !important;\n        }\n        \n        \/* Secondary button icons *\/\n        .aiox-btn-secondary svg,\n        .aiox-dashboard-wide .aiox-btn-secondary svg {\n            color: #1e293b !important;\n        }\n        \n        .aiox-btn-secondary svg path,\n        .aiox-btn-secondary svg rect,\n        .aiox-btn-secondary svg circle,\n        .aiox-btn-secondary svg line,\n        .aiox-btn-secondary svg polyline,\n        .aiox-btn-secondary svg polygon,\n        .aiox-dashboard-wide .aiox-btn-secondary svg path,\n        .aiox-dashboard-wide .aiox-btn-secondary svg rect,\n        .aiox-dashboard-wide .aiox-btn-secondary svg circle,\n        .aiox-dashboard-wide .aiox-btn-secondary svg line,\n        .aiox-dashboard-wide .aiox-btn-secondary svg polyline,\n        .aiox-dashboard-wide .aiox-btn-secondary svg polygon {\n            stroke: #1e293b !important;\n        }\n        \n        \/* ================================================\n           ICON CONTAINERS WITH GRADIENT BACKGROUNDS\n           ================================================ *\/\n        \n        \/* Referral card icons, stat icons, and similar containers with gradient backgrounds *\/\n        .referral-card-icon svg,\n        .tier-badge svg,\n        .support-email-icon svg,\n        [class*='-icon'][style*='gradient'] svg,\n        [class*='-icon'][style*='linear-gradient'] svg {\n            color: white !important;\n        }\n        \n        .referral-card-icon svg path,\n        .referral-card-icon svg rect,\n        .referral-card-icon svg circle,\n        .referral-card-icon svg line,\n        .referral-card-icon svg polyline,\n        .referral-card-icon svg polygon,\n        .tier-badge svg path,\n        .tier-badge svg rect,\n        .tier-badge svg circle,\n        .tier-badge svg line,\n        .tier-badge svg polyline,\n        .tier-badge svg polygon,\n        .support-email-icon svg path,\n        .support-email-icon svg rect,\n        .support-email-icon svg circle,\n        .support-email-icon svg line,\n        .support-email-icon svg polyline,\n        .support-email-icon svg polygon {\n            stroke: white !important;\n        }\n        \n        \/* Referral stat icons use var(--stat-color) *\/\n        .referral-stat-icon svg path,\n        .referral-stat-icon svg rect,\n        .referral-stat-icon svg circle,\n        .referral-stat-icon svg line,\n        .referral-stat-icon svg polyline,\n        .referral-stat-icon svg polygon {\n            stroke: var(--stat-color, #6366f1) !important;\n        }\n        \n        \/* Tier list icons *\/\n        .tier-list-icon svg path,\n        .tier-list-icon svg rect,\n        .tier-list-icon svg circle,\n        .tier-list-icon svg line,\n        .tier-list-icon svg polyline,\n        .tier-list-icon svg polygon {\n            stroke: currentColor !important;\n        }\n        \n        \/* Custom CSS *\/\n        \n        <\/style>        <div class=\"aiox-fullscreen-app\">\n        <div class=\"aiox-auth-wrapper\">\n            <style>\n                @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n                \n                * {\n                    box-sizing: border-box;\n                    margin: 0;\n                    padding: 0;\n                }\n                \n                .aiox-auth-wrapper {\n                    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n                    background: var(--aiox-bg-secondary, #12141f);\n                    min-height: 100vh;\n                    padding: 0;\n                    width: 100vw;\n                    margin-left: calc(-50vw + 50%);\n                }\n                \n                \/* Header Section *\/\n                .aiox-auth-header {\n                    background: linear-gradient(135deg, var(--aiox-accent-primary, #667eea) 0%, var(--aiox-accent-secondary, #764ba2) 100%);\n                    padding: 80px 40px;\n                    text-align: center;\n                    width: 100%;\n                    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n                }\n                \n                .aiox-auth-header h1 {\n                    font-size: 3rem;\n                    font-weight: 700;\n                    color: var(--aiox-text-primary, #ffffff);\n                    margin: 0 0 16px 0;\n                    letter-spacing: -0.5px;\n                    line-height: 1.2;\n                }\n                \n                .aiox-auth-header p {\n                    font-size: 1.25rem;\n                    color: rgba(255, 255, 255, 0.9);\n                    margin: 0;\n                    font-weight: 400;\n                }\n                \n                \/* Auth Content Area *\/\n                .aiox-auth-content-area {\n                    max-width: 1400px;\n                    margin: 0 auto;\n                    padding: 60px 40px;\n                }\n                \n                .aiox-auth-tabs {\n                    display: flex;\n                    gap: 10px;\n                    justify-content: center;\n                    margin-bottom: 40px;\n                    border-bottom: 2px solid var(--aiox-border-color, #1e2235);\n                }\n                \n                .aiox-auth-tab {\n                    padding: 12px 32px;\n                    background: none;\n                    border: none;\n                    font-size: 1.1rem;\n                    font-weight: 600;\n                    color: var(--aiox-text-secondary, #94a3b8);\n                    cursor: pointer;\n                    border-bottom: 3px solid transparent;\n                    margin-bottom: -2px;\n                    transition: all 0.3s;\n                }\n                \n                .aiox-auth-tab:hover {\n                    color: var(--aiox-accent-info, #22d3ee);\n                }\n                \n                .aiox-auth-tab.active {\n                    color: var(--aiox-accent-info, #22d3ee);\n                    border-bottom-color: var(--aiox-accent-info, #22d3ee);\n                }\n                \n                .aiox-auth-section {\n                    display: none;\n                }\n                \n                .aiox-auth-section.active {\n                    display: block;\n                }\n                \n                \/* Messages *\/\n                .aiox-auth-message {\n                    max-width: 800px;\n                    margin: 0 auto 30px;\n                    padding: 16px;\n                    border-radius: 8px;\n                    text-align: center;\n                    font-weight: 500;\n                }\n                \n                .aiox-auth-message.success {\n                    background: rgba(var(--aiox-accent-success-rgb, 16, 185, 129), 0.15);\n                    border: 2px solid var(--aiox-accent-success, #10b981);\n                    color: var(--aiox-accent-success, #10b981);\n                }\n                \n                .aiox-auth-message.error {\n                    background: rgba(var(--aiox-accent-danger-rgb, 239, 68, 68), 0.15);\n                    border: 2px solid var(--aiox-accent-danger, #ef4444);\n                    color: var(--aiox-accent-danger, #ef4444);\n                }\n                \n                \/* Login Form - Centered Card *\/\n                .aiox-login-container {\n                    max-width: 500px;\n                    margin: 0 auto;\n                }\n                \n                .aiox-login-card {\n                    background: var(--aiox-bg-secondary, #12141f);\n                    border: 1px solid var(--aiox-border-color, #1e2235);\n                    border-radius: 12px;\n                    padding: 48px;\n                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n                }\n                \n                .aiox-login-card h3 {\n                    font-size: 1.75rem;\n                    font-weight: 700;\n                    color: var(--aiox-text-primary, #ffffff);\n                    margin: 0 0 30px 0;\n                    text-align: center;\n                }\n                \n                \/* Register Section - Full Width with Plans *\/\n                .aiox-register-section {\n                    width: 100%;\n                }\n                \n                .aiox-register-section h2 {\n                    font-size: 2rem;\n                    font-weight: 700;\n                    color: var(--aiox-text-primary, #ffffff);\n                    margin: 0 0 12px 0;\n                    text-align: center;\n                }\n                \n                .aiox-register-subtitle {\n                    text-align: center;\n                    color: var(--aiox-text-secondary, #94a3b8);\n                    font-size: 1.1rem;\n                    margin-bottom: 48px;\n                }\n                \n                \/* Plan Cards Grid - Auth Section Specific *\/\n                .aiox-register-section .aiox-plans-grid {\n                    display: flex !important;\n                    flex-wrap: wrap !important;\n                    justify-content: center !important;\n                    gap: 1.25rem;\n                    margin-bottom: 2rem;\n                    width: 100%;\n                }\n                \n                .aiox-register-section .aiox-plan-card {\n                    background: var(--aiox-bg-secondary, #12141f);\n                    border: 2px solid var(--aiox-border-color, #1e2235);\n                    border-radius: 12px;\n                    padding: 0;\n                    cursor: pointer;\n                    \/* GPU-SAFE: Removed transition, display:flex, transform *\/\n                    position: relative;\n                    overflow: hidden;\n                    width: 280px;\n                    flex: 0 0 280px;\n                }\n                \n                .aiox-register-section .aiox-plan-card:hover {\n                    border-color: var(--aiox-accent-info, #22d3ee);\n                    box-shadow: 0 12px 24px rgba(0, 102, 255, 0.15);\n                    \/* GPU-SAFE: Removed transform: translateY(-4px) *\/\n                }\n                \n                .aiox-register-section .aiox-plan-card input[type=\"radio\"] {\n                    position: absolute;\n                    opacity: 0;\n                }\n                \n                \/* Selected state - apply to the CARD, not the label *\/\n                .aiox-register-section .aiox-plan-card:has(input[type=\"radio\"]:checked) {\n                    border-color: var(--aiox-accent-info, #22d3ee);\n                    background: var(--aiox-bg-card, #181b28);\n                }\n                \n                \/* Explicitly disable the ::before gradient bar *\/\n                .aiox-register-section .aiox-plan-card input[type=\"radio\"]:checked + label::before {\n                    content: none !important;\n                    display: none !important;\n                }\n                \n                .aiox-register-section .aiox-plan-card input[type=\"radio\"]:checked + label::after {\n                    content: '\u2713';\n                    position: absolute;\n                    top: 16px;\n                    right: 16px;\n                    width: 24px;\n                    height: 24px;\n                    background: var(--aiox-accent-info, #22d3ee);\n                    border-radius: 50%;\n                    line-height: 24px;\n                    text-align: center;\n                    color: var(--aiox-bg-primary, #0a0b10);\n                    font-weight: 700;\n                    font-size: 12px;\n                }\n                \n                .aiox-register-section .aiox-plan-label {\n                    \/* GPU-SAFE: Removed display:flex and transition *\/\n                    display: block;\n                    padding: 1.25rem;\n                    cursor: pointer;\n                    position: relative;\n                    \/* Removed border - using card border instead *\/\n                }\n                \n                .aiox-register-section .plan-badge {\n                    display: inline-block;\n                    padding: 0.25rem 0.75rem;\n                    background: var(--aiox-border-color, #1e2235);\n                    border-radius: 6px;\n                    font-size: 0.75rem;\n                    font-weight: 600;\n                    color: var(--aiox-text-secondary, #94a3b8);\n                    text-transform: uppercase;\n                    letter-spacing: 0.5px;\n                    margin-bottom: 0.75rem;\n                }\n                \n                .aiox-register-section .plan-badge.popular {\n                    background: rgba(var(--aiox-accent-warning-rgb, 234, 179, 8), 0.15);\n                    color: var(--aiox-accent-warning, #eab308);\n                }\n                \n                .aiox-register-section .plan-badge.trial {\n                    background: rgba(var(--aiox-accent-success-rgb, 16, 185, 129), 0.15);\n                    color: var(--aiox-accent-success, #10b981);\n                }\n                \n                .aiox-register-section .plan-name {\n                    font-size: 1.25rem;\n                    font-weight: 700;\n                    color: var(--aiox-text-primary, #ffffff);\n                    margin: 0 0 0.5rem 0;\n                }\n                \n                .aiox-register-section .plan-price {\n                    font-size: 1.75rem;\n                    font-weight: 700;\n                    color: var(--aiox-accent-info, #22d3ee);\n                    margin: 0 0 0.5rem 0;\n                    line-height: 1;\n                    display: flex;\n                    align-items: baseline;\n                }\n                \n                .aiox-register-section .plan-price-unit {\n                    font-size: 0.875rem;\n                    font-weight: 500;\n                    color: var(--aiox-text-secondary, #94a3b8);\n                    margin-left: 4px;\n                }\n                \n                .aiox-register-section .plan-description {\n                    color: var(--aiox-text-secondary, #94a3b8);\n                    font-size: 0.8125rem;\n                    margin: 0 0 0.75rem 0;\n                    line-height: 1.4;\n                    min-height: 36px;\n                }\n                \n                .aiox-register-section .plan-features {\n                    list-style: none;\n                    padding: 0.75rem 0 0 0;\n                    margin: 0.75rem 0 0 0;\n                    border-top: 1px solid var(--aiox-border-color, #1e2235);\n                    flex: 1;\n                }\n                \n                .aiox-register-section .plan-features li {\n                    padding: 0.3rem 0 0.3rem 26px;\n                    color: var(--aiox-text-secondary, #94a3b8);\n                    font-size: 0.8125rem;\n                    line-height: 1.4;\n                    position: relative;\n                }\n                \n                .aiox-register-section .plan-features li::before {\n                    content: '\u2713';\n                    position: absolute;\n                    left: 0;\n                    top: 0.3rem;\n                    width: 18px;\n                    height: 18px;\n                    background: rgba(34, 211, 238, 0.15);\n                    border-radius: 50%;\n                    line-height: 18px;\n                    text-align: center;\n                    color: var(--aiox-accent-info, #22d3ee);\n                    font-weight: 700;\n                    font-size: 11px;\n                }\n                \n                \/* Registration Form *\/\n                .aiox-register-form-container {\n                    max-width: 800px;\n                    margin: 0 auto;\n                }\n                \n                .aiox-form-card {\n                    background: var(--aiox-bg-secondary, #12141f);\n                    border: 1px solid var(--aiox-border-color, #1e2235);\n                    border-radius: 12px;\n                    padding: 48px;\n                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n                }\n                \n                .aiox-form-card h3 {\n                    font-size: 1.75rem;\n                    font-weight: 700;\n                    color: var(--aiox-text-primary, #ffffff);\n                    margin: 0 0 30px 0;\n                    text-align: center;\n                }\n                \n                .form-row {\n                    display: grid;\n                    grid-template-columns: 1fr 1fr;\n                    gap: 20px;\n                    margin-bottom: 20px;\n                }\n                \n                .form-field {\n                    margin-bottom: 24px;\n                }\n                \n                .form-field label {\n                    display: block;\n                    margin-bottom: 8px;\n                    font-weight: 600;\n                    color: var(--aiox-text-secondary, #94a3b8);\n                    font-size: 0.9rem;\n                }\n                \n                .form-field input[type=\"text\"],\n                .form-field input[type=\"email\"],\n                .form-field input[type=\"password\"] {\n                    width: 100%;\n                    padding: 12px 16px;\n                    background: var(--aiox-bg-secondary, #12141f);\n                    border: 2px solid var(--aiox-border-color, #1e2235);\n                    border-radius: 8px;\n                    font-size: 0.95rem;\n                    color: var(--aiox-text-primary, #ffffff);\n                    transition: all 0.2s ease;\n                    font-family: inherit;\n                }\n                \n                .form-field input::placeholder {\n                    color: var(--aiox-text-secondary, #94a3b8);\n                }\n                \n                .form-field input:focus {\n                    outline: none;\n                    border-color: var(--aiox-accent-info, #22d3ee);\n                    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);\n                }\n                \n                .field-help {\n                    display: block;\n                    margin-top: 6px;\n                    font-size: 0.85rem;\n                    color: var(--aiox-text-secondary, #94a3b8);\n                    line-height: 1.4;\n                }\n                \n                .aiox-form-checkbox {\n                    display: flex;\n                    align-items: center;\n                    gap: 8px;\n                    margin: 16px 0;\n                }\n                \n                .aiox-form-checkbox input {\n                    width: auto;\n                }\n                \n                .aiox-btn-auth {\n                    width: 100%;\n                    padding: 16px 32px;\n                    background: var(--aiox-accent-info, #22d3ee);\n                    color: white;\n                    border: none;\n                    border-radius: 8px;\n                    font-size: 1rem;\n                    font-weight: 600;\n                    cursor: pointer;\n                    transition: all 0.2s ease;\n                    margin-top: 8px;\n                    font-family: inherit;\n                }\n                \n                .aiox-btn-auth:hover {\n                    background: var(--aiox-accent-info, #22d3ee);\n                    transform: translateY(-1px);\n                    box-shadow: 0 4px 12px rgba(34, 211, 238, 0.3);\n                }\n                \n                .aiox-btn-auth:disabled {\n                    opacity: 0.6;\n                    cursor: not-allowed;\n                    transform: none;\n                }\n                \n                .aiox-auth-link {\n                    text-align: center;\n                    margin-top: 24px;\n                    color: var(--aiox-text-secondary, #94a3b8);\n                    font-size: 0.9rem;\n                }\n                \n                .aiox-auth-link a {\n                    color: var(--aiox-accent-info, #22d3ee);\n                    text-decoration: none;\n                    font-weight: 600;\n                }\n                \n                .aiox-auth-link a:hover {\n                    text-decoration: underline;\n                }\n                \n                \/* Password Reset *\/\n                .aiox-reset-container {\n                    max-width: 500px;\n                    margin: 0 auto;\n                }\n                \n                @media (max-width: 768px) {\n                    .aiox-auth-header {\n                        padding: 60px 24px;\n                    }\n                    \n                    .aiox-auth-header h1 {\n                        font-size: 2rem;\n                    }\n                    \n                    .aiox-auth-content-area {\n                        padding: 40px 20px;\n                    }\n                    \n                    .aiox-register-section .aiox-plans-grid {\n                        flex-direction: column !important;\n                        align-items: center !important;\n                    }\n                    \n                    .aiox-register-section .aiox-plan-card {\n                        width: 100% !important;\n                        max-width: 320px;\n                        flex: 0 0 auto !important;\n                    }\n                    \n                    .form-row {\n                        grid-template-columns: 1fr;\n                    }\n                    \n                    .aiox-form-card,\n                    .aiox-login-card {\n                        padding: 32px 24px;\n                    }\n                }\n            <\/style>\n            \n            <div class=\"aiox-auth-wrapper\">\n                <!-- Header -->\n                <div class=\"aiox-auth-header\">\n                    <h1><svg style=\"display:inline-block;vertical-align:middle;margin-right:0.5rem;\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09zM12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\" stroke=\"var(--aiox-accent-primary, #667eea)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\" stroke=\"var(--aiox-accent-primary, #667eea)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Get Started with AIOX<\/h1>\n                    <p>Choose your plan and create your account in seconds<\/p>\n                <\/div>\n                \n                <!-- Main Content Area -->\n                <div class=\"aiox-auth-content-area\">\n                    \n                    <!-- Tabs -->\n                    <div class=\"aiox-auth-tabs\">\n                        <button class=\"aiox-auth-tab active\" data-tab=\"login\">Login<\/button>\n                        <button class=\"aiox-auth-tab\" data-tab=\"register\">Sign Up<\/button>\n                    <\/div>\n                    \n                    <div id=\"auth-messages\"><\/div>\n                    \n                    <!-- LOGIN SECTION -->\n                    <div class=\"aiox-auth-section active\" id=\"tab-login\">\n                        <div class=\"aiox-login-container\">\n                            <div class=\"aiox-login-card\">\n                                <h3>Welcome Back<\/h3>\n                                <form id=\"aiox-login-form\">\n                                    <input type=\"hidden\" id=\"nonce\" name=\"nonce\" value=\"ed316dcb51\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/app\/wp-json\/wp\/v2\/pages\/9\" \/>                                    \n                                    <div class=\"form-field\">\n                                        <label>Email Address<\/label>\n                                        <input type=\"email\" name=\"email\" class=\"form-field input\" required placeholder=\"you@example.com\">\n                                    <\/div>\n                                    \n                                    <div class=\"form-field\">\n                                        <label>Password<\/label>\n                                        <input type=\"password\" name=\"password\" class=\"form-field input\" required placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\">\n                                    <\/div>\n                                    \n                                    <div class=\"aiox-form-checkbox\">\n                                        <input type=\"checkbox\" name=\"remember\" id=\"remember\">\n                                        <label for=\"remember\">Remember me<\/label>\n                                    <\/div>\n                                    \n                                    <button type=\"submit\" class=\"aiox-btn-auth\">\n                                        <span class=\"btn-text\">Sign In<\/span>\n                                    <\/button>\n                                    \n                                    <div class=\"aiox-auth-link\">\n                                        <a href=\"#\" class=\"forgot-password-link\">Forgot password?<\/a>\n                                    <\/div>\n                                <\/form>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- REGISTER SECTION -->\n                    <div class=\"aiox-auth-section\" id=\"tab-register\">\n                        <div class=\"aiox-register-section\">\n                            <h2>Choose Your Plan<\/h2>\n                            <p class=\"aiox-register-subtitle\">Select the plan that best fits your needs<\/p>\n                            \n                            <!-- Plan Cards Grid -->\n                            <div class=\"aiox-plans-grid\">\n                                                                    <div class=\"aiox-plan-card\">\n                                        <input \n                                            type=\"radio\" \n                                            name=\"aiox_selected_plan_radio\" \n                                            id=\"plan_6\" \n                                            value=\"free\"\n                                            data-price=\"0.00\"\n                                            checked                                        >\n                                        <label for=\"plan_6\" class=\"aiox-plan-label\">\n                                            \n                                                                                            <span class=\"plan-badge\">Free Plan<\/span>\n                                            \n                                            <div class=\"plan-name\">Free Plan<\/div>\n\n                                            <div class=\"plan-price\">\n                                                                                                    FREE\n                                                                                            <\/div>\n\n                                                                                            <div class=\"plan-description\">\n                                                    Starter Package - Instant Trial with 10000 Free Tokens.                                                <\/div>\n                                            \n                                            <ul class=\"plan-features\">\n                                                                                                        <li>10,000 One-Time Free Tokens<\/li>\n                                                                                                            <li>Advanced Analytics<\/li>\n                                                                                                            <li>Basic Support<\/li>\n                                                                                                            <li>1 Domain<\/li>\n                                                                                                <\/ul>\n                                        <\/label>\n                                    <\/div>\n                                                            <\/div>\n                            \n                            <!-- Registration Form -->\n                            <div class=\"aiox-register-form-container\">\n                                <div class=\"aiox-form-card\">\n                                    <h3>Create Your Account<\/h3>\n                                    \n                                    <form id=\"aiox-register-form\">\n                                        <input type=\"hidden\" id=\"nonce\" name=\"nonce\" value=\"ed316dcb51\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/app\/wp-json\/wp\/v2\/pages\/9\" \/>                                        <input type=\"hidden\" name=\"plan\" id=\"selected_plan_input\" value=\"free\">\n                                        \n                                        <div class=\"form-row\">\n                                            <div class=\"form-field\">\n                                                <label>Full Name *<\/label>\n                                                <input type=\"text\" name=\"name\" required placeholder=\"John Doe\">\n                                            <\/div>\n                                            \n                                            <div class=\"form-field\">\n                                                <label>Email Address *<\/label>\n                                                <input type=\"email\" name=\"email\" required placeholder=\"you@example.com\">\n                                            <\/div>\n                                        <\/div>\n                                        \n                                        <div class=\"form-field\">\n                                            <label>Company\/Organization (Optional)<\/label>\n                                            <input type=\"text\" name=\"company\" placeholder=\"Acme Inc.\">\n                                        <\/div>\n                                        \n                                        <div class=\"form-field\">\n                                            <label>Authorized Domain *<\/label>\n                                            <input type=\"text\" name=\"domain\" required placeholder=\"example.com\">\n                                            <span class=\"field-help\">Enter your domain without http:\/\/ or www (e.g., example.com)<\/span>\n                                        <\/div>\n                                        \n                                        <div class=\"form-row\">\n                                            <div class=\"form-field\">\n                                                <label>Password *<\/label>\n                                                <input type=\"password\" name=\"password\" required minlength=\"8\" placeholder=\"Min. 8 characters\">\n                                            <\/div>\n                                            \n                                            <div class=\"form-field\">\n                                                <label>Confirm Password *<\/label>\n                                                <input type=\"password\" name=\"password_confirm\" required placeholder=\"Re-enter password\">\n                                            <\/div>\n                                        <\/div>\n                                        \n                                        <button type=\"submit\" class=\"aiox-btn-auth\">\n                                            <span class=\"btn-text\">Create Account<\/span>\n                                        <\/button>\n                                    <\/form>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- PASSWORD RESET SECTION -->\n                    <div class=\"aiox-auth-section\" id=\"tab-reset\">\n                        <div class=\"aiox-reset-container\">\n                            <div class=\"aiox-login-card\">\n                                <h3>Reset Password<\/h3>\n                                <p style=\"color: var(--aiox-text-secondary, #94a3b8); margin-bottom: 24px; text-align: center;\">Enter your email address and we'll send you a link to reset your password.<\/p>\n                                \n                                <form id=\"aiox-reset-form\">\n                                    <input type=\"hidden\" id=\"nonce\" name=\"nonce\" value=\"ed316dcb51\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/app\/wp-json\/wp\/v2\/pages\/9\" \/>                                    \n                                    <div class=\"form-field\">\n                                        <label>Email Address<\/label>\n                                        <input type=\"email\" name=\"email\" required placeholder=\"you@example.com\">\n                                    <\/div>\n                                    \n                                    <button type=\"submit\" class=\"aiox-btn-auth\">\n                                        <span class=\"btn-text\">Send Reset Link<\/span>\n                                    <\/button>\n                                    \n                                    <div class=\"aiox-auth-link\">\n                                        <a href=\"#\" class=\"back-to-login-link\">\u2190 Back to login<\/a>\n                                    <\/div>\n                                <\/form>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n        \n        <script src=\"https:\/\/js.stripe.com\/v3\/\"><\/script>\n        <script>\n        const stripe = Stripe('pk_test_51SXfNlLzzkosQLX9P7XyaRLo1Z962MW93sji6PauPeduPWYqz3Ejud1quaYqmjKljRlBigtW4GC4Mm9oq3NntB4j00Q2DWrfu2');\n        \n        \/\/ Universal GA Tracking Helper - works with multiple GA plugins\n        \/\/ Includes deduplication to prevent double-firing\n        window.aioxTrackEvent = function(eventName, eventParams) {\n            eventParams = eventParams || {};\n            \n            \/\/ Deduplication: Create unique key for this event\n            var eventKey = 'aiox_evt_' + eventName + '_' + (eventParams.event_label || eventParams.method || 'default');\n            var now = Date.now();\n            var lastFired = parseInt(sessionStorage.getItem(eventKey) || '0', 10);\n            \n            \/\/ Skip if same event fired within last 5 seconds\n            if (now - lastFired < 5000) {\n                console.log('AIOX GA: Skipping duplicate event:', eventName);\n                return;\n            }\n            sessionStorage.setItem(eventKey, now.toString());\n            \n            \/\/ Initialize dataLayer for GTM\n            window.dataLayer = window.dataLayer || [];\n            \n            \/\/ Method 1: gtag (Google Site Kit, GA4, most modern plugins)\n            if (typeof gtag === 'function') {\n                gtag('event', eventName, eventParams);\n                console.log('AIOX GA: gtag event fired:', eventName, eventParams);\n            }\n            \n            \/\/ Method 2: ga (Universal Analytics, older plugins)\n            if (typeof ga === 'function') {\n                ga('send', 'event', eventParams.event_category || 'engagement', eventName, eventParams.event_label || '');\n            }\n            \n            \/\/ Method 3: __gaTracker (MonsterInsights)\n            if (typeof __gaTracker === 'function') {\n                __gaTracker('send', 'event', eventParams.event_category || 'engagement', eventName, eventParams.event_label || '');\n            }\n            \n            \/\/ Method 4: dataLayer push for GTM\n            window.dataLayer.push({\n                'event': 'aiox_' + eventName,\n                'eventCategory': eventParams.event_category || 'engagement',\n                'eventAction': eventName,\n                'eventLabel': eventParams.event_label || '',\n                ...eventParams\n            });\n        };\n        \n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Tab switching\n            document.querySelectorAll('.aiox-auth-tab').forEach(tab => {\n                tab.addEventListener('click', function() {\n                    const targetTab = this.dataset.tab;\n                    \n                    document.querySelectorAll('.aiox-auth-tab').forEach(t => t.classList.remove('active'));\n                    document.querySelectorAll('.aiox-auth-section').forEach(c => c.classList.remove('active'));\n                    \n                    this.classList.add('active');\n                    document.getElementById('tab-' + targetTab).classList.add('active');\n                    \n                    clearMessages();\n                });\n            });\n            \n            \/\/ Plan selection - update hidden input\n            document.querySelectorAll('input[name=\"aiox_selected_plan_radio\"]').forEach(radio => {\n                radio.addEventListener('change', function() {\n                    document.getElementById('selected_plan_input').value = this.value;\n                });\n            });\n            \n            \/\/ Forgot password link\n            document.querySelector('.forgot-password-link')?.addEventListener('click', function(e) {\n                e.preventDefault();\n                document.querySelectorAll('.aiox-auth-section').forEach(c => c.classList.remove('active'));\n                document.getElementById('tab-reset').classList.add('active');\n                clearMessages();\n            });\n            \n            \/\/ Back to login link\n            document.querySelector('.back-to-login-link')?.addEventListener('click', function(e) {\n                e.preventDefault();\n                document.querySelectorAll('.aiox-auth-section').forEach(c => c.classList.remove('active'));\n                document.getElementById('tab-login').classList.add('active');\n                clearMessages();\n            });\n            \n            \/\/ Login form\n            document.getElementById('aiox-login-form')?.addEventListener('submit', async function(e) {\n                e.preventDefault();\n                \n                const button = this.querySelector('.aiox-btn-auth');\n                const buttonText = this.querySelector('.btn-text');\n                const originalText = buttonText.textContent;\n                \n                button.disabled = true;\n                buttonText.textContent = 'Signing in...';\n                clearMessages();\n                \n                const formData = new FormData(this);\n                formData.append('action', 'aiox_login');\n                \n                try {\n                    const response = await fetch('https:\/\/aiox.ameriga.com\/app\/wp-admin\/admin-ajax.php', {\n                        method: 'POST',\n                        body: formData\n                    });\n                    \n                    const data = await response.json();\n                    \n                    if (data.success) {\n                        \/\/ Track login event using universal helper\n                        aioxTrackEvent('login', {\n                            'method': 'email',\n                            'event_category': 'engagement',\n                            'event_label': 'email_login'\n                        });\n                        \n                        showMessage(data.data.message, 'success');\n                        setTimeout(() => window.location.reload(), 1000);\n                    } else {\n                        showMessage(data.data.message, 'error');\n                        button.disabled = false;\n                        buttonText.textContent = originalText;\n                    }\n                } catch (error) {\n                    showMessage('An error occurred. Please try again.', 'error');\n                    button.disabled = false;\n                    buttonText.textContent = originalText;\n                }\n            });\n            \n            \/\/ Register form\n            document.getElementById('aiox-register-form')?.addEventListener('submit', async function(e) {\n                e.preventDefault();\n                \n                const button = this.querySelector('.aiox-btn-auth');\n                const buttonText = this.querySelector('.btn-text');\n                const originalText = buttonText.textContent;\n                \n                button.disabled = true;\n                buttonText.textContent = 'Creating account...';\n                clearMessages();\n                \n                const formData = new FormData(this);\n                formData.append('action', 'aiox_register');\n                \n                try {\n                    const response = await fetch('https:\/\/aiox.ameriga.com\/app\/wp-admin\/admin-ajax.php', {\n                        method: 'POST',\n                        body: formData\n                    });\n                    \n                    const data = await response.json();\n                    \n                    if (data.success) {\n                        \/\/ Get selected plan for tracking\n                        const selectedPlan = formData.get('plan') || 'base';\n                        \n                        if (data.data.requires_payment) {\n                            \/\/ Store checkout intent for tracking on return\n                            sessionStorage.setItem('aiox_checkout_plan', selectedPlan);\n                            sessionStorage.setItem('aiox_checkout_time', Date.now().toString());\n                            \n                            \/\/ Track begin_checkout event for paid plans\n                            aioxTrackEvent('begin_checkout', {\n                                'currency': 'USD',\n                                'event_category': 'ecommerce',\n                                'event_label': selectedPlan,\n                                'plan_name': selectedPlan,\n                                'items': [{\n                                    'item_name': selectedPlan + ' Plan',\n                                    'item_category': 'subscription'\n                                }]\n                            });\n                            \n                            \/\/ Redirect to Stripe Checkout after small delay to allow GA to send\n                            buttonText.textContent = 'Redirecting to payment...';\n                            setTimeout(async function() {\n                                const result = await stripe.redirectToCheckout({\n                                    sessionId: data.data.session_id\n                                });\n                                \n                                if (result.error) {\n                                    showMessage(result.error.message, 'error');\n                                    button.disabled = false;\n                                    buttonText.textContent = originalText;\n                                }\n                            }, 300);\n                        } else {\n                            \/\/ Free plan - sign_up event will be tracked on dashboard load\n                            showMessage(data.data.message, 'success');\n                            setTimeout(() => window.location.reload(), 1000);\n                        }\n                    } else {\n                        showMessage(data.data.message, 'error');\n                        button.disabled = false;\n                        buttonText.textContent = originalText;\n                    }\n                } catch (error) {\n                    showMessage('An error occurred. Please try again.', 'error');\n                    button.disabled = false;\n                    buttonText.textContent = originalText;\n                }\n            });\n            \n            \/\/ Password reset form\n            document.getElementById('aiox-reset-form')?.addEventListener('submit', async function(e) {\n                e.preventDefault();\n                \n                const button = this.querySelector('.aiox-btn-auth');\n                const buttonText = this.querySelector('.btn-text');\n                const originalText = buttonText.textContent;\n                \n                button.disabled = true;\n                buttonText.textContent = 'Sending...';\n                clearMessages();\n                \n                const formData = new FormData(this);\n                formData.append('action', 'aiox_password_reset');\n                \n                try {\n                    const response = await fetch('https:\/\/aiox.ameriga.com\/app\/wp-admin\/admin-ajax.php', {\n                        method: 'POST',\n                        body: formData\n                    });\n                    \n                    const data = await response.json();\n                    \n                    if (data.success) {\n                        showMessage(data.data.message, 'success');\n                        this.reset();\n                    } else {\n                        showMessage(data.data.message, 'error');\n                    }\n                    \n                    button.disabled = false;\n                    buttonText.textContent = originalText;\n                } catch (error) {\n                    showMessage('An error occurred. Please try again.', 'error');\n                    button.disabled = false;\n                    buttonText.textContent = originalText;\n                }\n            });\n            \n            function showMessage(message, type) {\n                const messagesDiv = document.getElementById('auth-messages');\n                messagesDiv.innerHTML = `<div class=\"aiox-auth-message ${type}\">${message}<\/div>`;\n                \n                \/\/ Scroll to message\n                messagesDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });\n            }\n            \n            function clearMessages() {\n                document.getElementById('auth-messages').innerHTML = '';\n            }\n        });\n        <\/script>\n        <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiox.ameriga.com\/app\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiox.ameriga.com\/app\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiox.ameriga.com\/app\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiox.ameriga.com\/app\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiox.ameriga.com\/app\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":0,"href":"https:\/\/aiox.ameriga.com\/app\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"wp:attachment":[{"href":"https:\/\/aiox.ameriga.com\/app\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}