/*! For license information please see bundle.js.LICENSE.txt */ (()=>{"use strict";var e={877(e,n,t){t.d(n,{A:()=>i});var r=t(601),a=t.n(r),o=t(314),l=t.n(o)()(a());l.push([e.id,"@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);"]),l.push([e.id,":root {\n --color-primary: #2563eb;\n --color-primary-dark: #1e40af;\n --color-primary-light: #eff6ff;\n --color-primary-hover: #1d4ed8;\n --color-success: #059669;\n --color-success-light: #ecfdf5;\n --color-warning: #d97706;\n --color-warning-light: #fffbeb;\n --color-danger: #dc2626;\n --color-danger-light: #fef2f2;\n --color-text: #111827;\n --color-text-secondary: #374151;\n --color-text-muted: #9ca3af;\n --color-bg: #f8f9fb;\n --color-bg-elevated: #ffffff;\n --color-bg-subtle: #f3f4f6;\n --color-bg-muted: #e5e7eb;\n --color-border: #e5e7eb;\n --color-border-light: #f3f4f6;\n --sidebar-width: 260px;\n --sidebar-collapsed: 72px;\n --topbar-height: 56px;\n --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n --font-mono: 'JetBrains Mono', 'Fira Code', monospace;\n --radius-sm: 6px;\n --radius-md: 8px;\n --radius-lg: 12px;\n --radius-xl: 16px;\n --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);\n --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05);\n --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.04);\n --transition-fast: 0.15s ease;\n --transition-normal: 0.25s ease;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nbody{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.5}\n.mono{font-family:var(--font-mono);font-size:13px}\n\n/* Landing */\n.landing-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8f9fb 0%,#eff6ff 100%)}\n.landing-header{padding:20px 40px;display:flex;align-items:center;justify-content:space-between}\n.landing-logo{display:flex;align-items:center;gap:12px}\n.landing-logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-md);color:white}\n.landing-logo-icon svg{width:22px;height:22px}\n.landing-logo-text{font-size:20px;font-weight:700;color:var(--color-text)}\n.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px}\n.landing-hero h1{font-size:42px;font-weight:700;color:var(--color-text);margin-bottom:8px;letter-spacing:-0.5px}\n.landing-hero .landing-subtitle{font-size:24px;font-weight:400;color:var(--color-text-secondary);margin-bottom:16px;letter-spacing:-0.3px}\n.landing-hero p{font-size:18px;color:var(--color-text-secondary);max-width:520px;margin-bottom:40px}\n.landing-features{display:flex;gap:24px;margin-top:60px;max-width:800px}\n.feature-card{flex:1;padding:24px;background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}\n.feature-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);margin-bottom:16px}\n.feature-card-icon svg{width:22px;height:22px}\n.feature-card h3{font-size:16px;font-weight:600;margin-bottom:8px}\n.feature-card p{font-size:14px;color:var(--color-text-muted);line-height:1.6}\n\n/* Status Pages */\n.status-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:20px}\n.status-card{max-width:440px;width:100%;padding:48px 40px;background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}\n.status-icon{font-size:48px;margin-bottom:20px}\n.status-icon.error{color:var(--color-danger)}\n.status-card h2{font-size:22px;font-weight:700;margin-bottom:12px}\n.status-card p{font-size:14px;color:var(--color-text-secondary);margin-bottom:8px;line-height:1.6}\n.error-text{color:var(--color-danger);background:var(--color-danger-light);padding:12px 16px;border-radius:var(--radius-md);margin:16px 0;font-size:13px}\n.status-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}\n\n/* Loading */\n.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--color-text-muted);font-size:14px}\n.loading-spinner{width:36px;height:36px;border:3px solid var(--color-bg-muted);border-top-color:var(--color-primary);border-radius:50%;animation:spin 0.8s linear infinite}\n@keyframes spin{to{transform:rotate(360deg)}}\n\n/* Platform Layout */\n.platform{display:flex;height:100vh;overflow:hidden}\n.platform.sidebar-collapsed .main-area{margin-left:var(--sidebar-collapsed)}\n\n/* Sidebar */\n.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--color-bg-elevated);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:100}\n.sidebar.collapsed{width:var(--sidebar-collapsed)}\n.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-light)}\n.logo{display:flex;align-items:center;gap:12px}\n.logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#1e40af 100%);border-radius:var(--radius-md);color:white;flex-shrink:0}\n.logo-icon svg{width:22px;height:22px}\n.logo-text{font-size:18px;font-weight:600;color:var(--color-text);letter-spacing:-0.3px}\n.collapse-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}\n.collapse-btn:hover{background:var(--color-bg-subtle);color:var(--color-text)}\n.collapse-btn svg{width:18px;height:18px}\n.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}\n.nav-section{margin-bottom:24px}\n.nav-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--color-text-muted);padding:0 12px;margin-bottom:8px}\n.nav-list{list-style:none}\n.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left}\n.nav-item:hover{background:var(--color-bg-subtle);color:var(--color-text)}\n.nav-item.active{background:var(--color-primary-light);color:var(--color-primary)}\n.nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}\n.nav-icon svg{width:20px;height:20px}\n.sidebar-footer{padding:16px 12px;border-top:1px solid var(--color-border-light)}\n.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--color-text-muted)}\n.sidebar-brand strong{color:var(--color-text-secondary)}\n\n/* Main Area */\n.main-area{flex:1;margin-left:var(--sidebar-width);min-height:0;display:flex;flex-direction:column;transition:margin-left var(--transition-normal)}\n\n/* Top Bar */\n.top-bar{height:var(--topbar-height);padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}\n.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px}\n.breadcrumb-item{color:var(--color-text-muted)}\n.breadcrumb-separator{color:var(--color-border)}\n.breadcrumb-current{color:var(--color-text);font-weight:600}\n.top-bar-actions{display:flex;align-items:center;gap:16px}\n.client-badge{padding:4px 12px;background:var(--color-primary-light);color:var(--color-primary);border-radius:20px;font-size:12px;font-weight:600}\n.user-menu{position:relative}\n.user-menu-trigger{display:flex;align-items:center;gap:10px;padding:6px 10px;background:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}\n.user-menu-trigger:hover{background:var(--color-bg-subtle);border-color:var(--color-border)}\n.user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:white;border-radius:50%;font-size:13px;font-weight:600}\n.user-name{font-size:13px;font-weight:500;color:var(--color-text)}\n.user-dropdown{position:absolute;right:0;top:100%;margin-top:8px;width:220px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px;z-index:200}\n.user-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;background:none;border:none;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}\n.user-dropdown-item:hover{background:var(--color-bg-subtle);color:var(--color-text)}\n.user-dropdown-item.danger{color:var(--color-danger)}\n.user-dropdown-item.danger:hover{background:var(--color-danger-light)}\n.user-dropdown-divider{height:1px;background:var(--color-border-light);margin:6px 0}\n\n/* Content Area */\n.content-area{flex:1;padding:32px;display:flex;flex-direction:column;min-height:0;overflow:auto}\n.view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}\n.view-header h1{font-size:28px;font-weight:700;letter-spacing:-0.3px}\n.view-subtitle{font-size:14px;color:var(--color-text-muted);margin-top:4px}\n\n/* Stats Grid */\n.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:28px}\n.stat-card{padding:24px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}\n.stat-label{font-size:13px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.3px;margin-bottom:8px}\n.stat-value{font-size:28px;font-weight:700;color:var(--color-text)}\n.stat-value.text-green{color:var(--color-success)}\n.stat-value.text-red{color:var(--color-danger)}\n.stat-value.text-blue{color:var(--color-primary)}\n\n/* Content Cards */\n.content-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}\n.content-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border-light)}\n.content-card-header h3{font-size:16px;font-weight:600}\n.content-card-body{padding:0}\n.content-card-body.padded{padding:24px}\n\n/* Data Table */\n.data-table{width:100%;border-collapse:collapse}\n.data-table th{text-align:left;padding:12px 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--color-text-muted);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border)}\n.data-table td{padding:14px 20px;font-size:14px;border-bottom:1px solid var(--color-border-light)}\n.data-table tr:last-child td{border-bottom:none}\n.data-table tr:hover td{background:var(--color-bg-subtle);cursor:pointer}\n\n/* Campaign Rows */\n.campaign-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast)}\n.campaign-row:hover{background:var(--color-bg-subtle)}\n.campaign-row:last-child{border-bottom:none}\n.campaign-info{display:flex;flex-direction:column;gap:2px}\n.campaign-name{font-size:14px;font-weight:500;color:var(--color-text)}\n.campaign-type{font-size:12px;color:var(--color-text-muted)}\n\n/* Status Badges */\n.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}\n.status-badge.status-enabled,.status-badge.status-active{background:var(--color-success-light);color:var(--color-success)}\n.status-badge.status-paused{background:var(--color-warning-light);color:var(--color-warning)}\n.status-badge.status-removed,.status-badge.status-disabled,.status-badge.status-cancelled{background:var(--color-danger-light);color:var(--color-danger)}\n.status-badge.status-draft{background:var(--color-bg-subtle);color:var(--color-text-muted)}\n.status-badge.status-in-review,.status-badge.status-scheduled,.status-badge.status-staged{background:var(--color-primary-light);color:var(--color-primary)}\n.status-badge.status-completed{background:var(--color-bg-subtle);color:var(--color-text-secondary)}\n.status-badge.status-action-needed,.status-badge.status-error{background:var(--color-danger-light);color:var(--color-danger)}\n.status-badge.status-pending{background:var(--color-primary-light);color:var(--color-primary)}\n\n/* Campaign Cards */\n.campaign-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}\n.campaign-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:border-color 0.15s,box-shadow 0.15s}\n.campaign-card:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}\n.campaign-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}\n.campaign-card-title{font-size:15px;font-weight:600;color:var(--color-text);line-height:1.3;flex:1;margin-right:12px}\n.campaign-card-body{display:flex;flex-direction:column;gap:10px}\n.campaign-card-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--color-text-muted)}\n.campaign-card-meta span{display:inline-flex;align-items:center;gap:4px}\n.campaign-card-meta svg{opacity:0.6}\n.campaign-card-channels{display:flex;gap:6px;flex-wrap:wrap}\n.channel-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background:var(--color-bg-subtle);color:var(--color-text-secondary);text-transform:capitalize}\n.campaign-card-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border-light)}\n.campaign-card-actions .btn{font-size:12px;padding:5px 12px}\n\n/* Filter Tabs */\n.filter-tabs{display:flex;gap:2px;padding:3px;background:var(--color-bg-subtle);border-radius:var(--radius-md);width:fit-content;border:1px solid var(--color-border-light)}\n.filter-tab{padding:7px 14px;border-radius:calc(var(--radius-md) - 2px);font-size:13px;font-weight:500;color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:all 0.15s;white-space:nowrap}\n.filter-tab:hover{color:var(--color-text-secondary);background:rgba(0,0,0,0.03)}\n.filter-tab.active{background:var(--color-bg-elevated);color:var(--color-text);box-shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);font-weight:600}\n.filter-tab .tab-count{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:11px;font-weight:600;background:var(--color-bg-muted);color:var(--color-text-muted)}\n.filter-tab.active .tab-count{background:var(--color-primary);color:white}\n\n/* Search Box */\n.search-box{position:relative;margin-left:auto}\n.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;display:flex}\n.search-input{width:240px;padding:8px 12px 8px 36px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),width var(--transition-normal)}\n.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1);width:300px}\n.search-input::placeholder{color:var(--color-text-muted)}\n.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:2px;display:flex;align-items:center;border-radius:var(--radius-sm)}\n.search-clear:hover{color:var(--color-text-secondary);background:var(--color-bg-subtle)}\n\n/* Draft Section */\n.drafts-section{margin-bottom:24px}\n.drafts-section h3{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px}\n.draft-cards{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}\n.draft-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-elevated);border:1px dashed var(--color-warning);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;min-width:220px;transition:border-color 0.15s,background 0.15s}\n.draft-card:hover{background:var(--color-warning-light);border-color:var(--color-warning)}\n.draft-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-warning-light);flex-shrink:0}\n.draft-info{flex:1;min-width:0}\n.draft-name{font-size:13px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis}\n.draft-meta{font-size:11px;color:var(--color-text-muted);margin-top:2px}\n.draft-actions{display:flex;gap:4px;flex-shrink:0}\n.draft-actions button{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:background 0.15s,color 0.15s}\n.draft-actions button:hover{background:var(--color-bg-subtle);color:var(--color-text-secondary)}\n.draft-actions button.danger:hover{background:var(--color-danger-light);color:var(--color-danger)}\n\n/* Campaigns Toolbar */\n.campaigns-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}\n.campaigns-toolbar .filter-tabs{margin-bottom:0}\n\n/* Detail Panel */\n.detail-panel{position:fixed;right:0;top:0;bottom:0;width:420px;background:var(--color-bg-elevated);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:150;display:flex;flex-direction:column;animation:slideIn 0.25s ease}\n@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}\n.detail-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}\n.detail-panel-header h3{font-size:18px;font-weight:600}\n.detail-panel-body{flex:1;overflow-y:auto;padding:24px}\n.detail-section{margin-bottom:28px}\n.detail-section h4{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--color-text-muted);margin-bottom:16px}\n.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n.detail-item{display:flex;flex-direction:column;gap:4px}\n.detail-label{font-size:12px;color:var(--color-text-muted)}\n.detail-value{font-size:14px;font-weight:500;color:var(--color-text)}\n.detail-panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.3);z-index:140;animation:fadeIn 0.2s ease}\n.detail-actions{display:flex;gap:8px;flex-wrap:wrap}\n.detail-actions .btn{gap:6px}\n.channel-allocation-list{display:flex;flex-direction:column;gap:12px}\n.channel-alloc-row{display:flex;align-items:center;gap:10px}\n.channel-alloc-info{display:flex;flex-direction:column;min-width:100px}\n.channel-alloc-name{font-size:13px;font-weight:600;color:var(--color-text)}\n.channel-alloc-budget{font-size:11px;color:var(--color-text-muted)}\n.channel-alloc-bar-track{flex:1;height:8px;background:var(--color-bg-subtle);border-radius:4px;overflow:hidden}\n.channel-alloc-bar{height:100%;background:var(--color-primary);border-radius:4px;transition:width 0.3s ease}\n.channel-alloc-pct{font-size:12px;font-weight:600;color:var(--color-text-muted);min-width:36px;text-align:right}\n.detail-timeline{display:flex;flex-direction:column;gap:12px;padding-left:8px;border-left:2px solid var(--color-border-light)}\n.timeline-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text-secondary);position:relative;margin-left:-9px}\n.timeline-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}\n.timeline-dot.created{background:var(--color-text-muted)}\n.timeline-dot.launched{background:var(--color-primary)}\n.timeline-dot.completed{background:var(--color-success)}\n\n/* Modal */\n.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn 0.15s ease}\n.modal-content{background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(0,0,0,0.15);max-width:420px;width:90%;animation:scaleIn 0.2s ease}\n@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}\n\n/* Launch Modal */\n.launch-modal{padding:0;overflow:hidden}\n.launch-modal-header{padding:28px 28px 20px;text-align:center}\n.launch-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);margin-bottom:12px}\n.launch-modal-icon svg{width:22px;height:22px}\n.launch-modal-header h3{font-size:18px;font-weight:700;color:var(--color-text);margin-bottom:4px}\n.launch-modal-header p{font-size:14px;color:var(--color-text-muted);line-height:1.4}\n.launch-modal-header p strong{color:var(--color-text)}\n\n.launch-modal-billing{padding:0 28px 20px;display:flex;flex-direction:column;gap:10px}\n.billing-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--color-text-secondary);padding:6px 0}\n.billing-row span:last-child{font-weight:600;font-family:var(--font-mono);font-size:13px}\n.billing-total{border-top:1px solid var(--color-border);padding-top:12px;margin-top:4px;font-weight:600;color:var(--color-text);font-size:15px}\n.billing-total span:last-child{color:var(--color-primary);font-size:15px}\n\n.launch-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px;background:var(--color-bg-subtle);border-top:1px solid var(--color-border-light)}\n.btn-launch{gap:6px}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n.modal{width:520px;max-height:90vh;background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:scaleIn 0.2s ease}\n@keyframes scaleIn{from{transform:scale(0.95);opacity:0}to{transform:scale(1);opacity:1}}\n.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}\n.modal-header h3{font-size:18px;font-weight:600}\n.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}\n.modal-close:hover{background:var(--color-bg-subtle);color:var(--color-text)}\n.modal-body{padding:24px;overflow-y:auto}\n.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border);background:var(--color-bg-subtle);border-radius:0 0 var(--radius-xl) var(--radius-xl)}\n\n/* Forms */\n.form-group{margin-bottom:20px}\n.form-group label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}\n.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}\n.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}\n.form-input::placeholder{color:var(--color-text-muted)}\n.form-row{display:flex;gap:16px}\n.form-row .form-group{flex:1}\n.input-row{display:flex;gap:12px;align-items:flex-end;margin-bottom:20px}\n.input-row .form-input{flex:1}\n\n/* Buttons */\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}\n.btn:disabled{opacity:0.6;cursor:not-allowed}\n.btn-primary{background:var(--color-primary);color:white;border-color:var(--color-primary)}\n.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}\n.btn-outline{background:var(--color-bg-elevated);color:var(--color-text-secondary);border-color:var(--color-border)}\n.btn-outline:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-text-muted)}\n.btn-danger{background:var(--color-danger);color:white;border-color:var(--color-danger)}\n.btn-danger:hover:not(:disabled){background:#b91c1c}\n.btn-sm{padding:6px 14px;font-size:13px}\n.btn-ghost{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:6px 12px;border-radius:var(--radius-sm);transition:all 0.15s}\n.btn-ghost:hover{background:var(--color-bg-subtle);color:var(--color-text)}\n.btn-lg{padding:14px 28px;font-size:16px}\n.btn-icon{padding:8px}\n.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.6s linear infinite}\n\n/* Info/Error Boxes */\n.info-box{padding:14px 20px;background:var(--color-primary-light);border:1px solid #bfdbfe;border-radius:var(--radius-md);font-size:14px;color:var(--color-primary-dark);margin-bottom:20px}\n.error-box{padding:14px 20px;background:var(--color-danger-light);border:1px solid #fca5a5;border-radius:var(--radius-md);font-size:14px;color:var(--color-danger);margin-bottom:20px}\n\n/* Empty States */\n.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-muted)}\n.empty-state svg{margin-bottom:16px;opacity:0.5}\n.empty-state h3{font-size:16px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}\n.empty-state p{font-size:14px;margin-bottom:20px}\n\n/* Settings */\n.settings-layout{display:flex;gap:32px}\n.settings-nav{width:200px;flex-shrink:0}\n.settings-nav-item{width:100%;display:block;padding:10px 16px;background:none;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);margin-bottom:4px}\n.settings-nav-item:hover{background:var(--color-bg-subtle)}\n.settings-nav-item.active{background:var(--color-primary-light);color:var(--color-primary)}\n.settings-content{flex:1}\n.settings-section{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px}\n.settings-section h3{font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}\n.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--color-border-light)}\n.setting-row:last-child{border-bottom:none}\n.setting-info{flex:1}\n.setting-label{font-size:14px;font-weight:500;color:var(--color-text)}\n.setting-desc{font-size:13px;color:var(--color-text-muted);margin-top:2px}\n.setting-value{font-size:13px;color:var(--color-text-secondary);font-family:var(--font-mono)}\n.session-info-detailed{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}\n\n/* Developer */\n.preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}\n.dev-form{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}\n.dev-response{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}\n.response-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);font-size:13px;font-weight:500}\n.status-dot{width:10px;height:10px;border-radius:50%}\n.status-dot.green{background:var(--color-success)}\n.status-dot.red{background:var(--color-danger)}\n.elapsed{color:var(--color-text-muted);margin-left:auto}\n.request-id{color:var(--color-text-muted);font-family:var(--font-mono);font-size:12px}\n.response-body{padding:20px;font-family:var(--font-mono);font-size:13px;line-height:1.6;overflow-x:auto;max-height:500px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}\n\n/* Skeletons */\n.skeleton{background:linear-gradient(90deg,var(--color-bg-subtle) 25%,var(--color-bg-muted) 50%,var(--color-bg-subtle) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}\n@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}\n.skeleton-row{height:16px;margin-bottom:12px}\n.loading-placeholder{padding:16px 0}\n.loading-placeholder.padded{padding:20px}\n\n/* Detail panel notices */\n.detail-notice{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-md);margin-bottom:16px;font-size:13px;line-height:1.5}\n.detail-notice.notice-info{background:var(--color-primary-light);border:1px solid rgba(37,99,235,0.15)}\n.detail-notice .notice-icon{flex-shrink:0;margin-top:1px;color:var(--color-primary)}\n.detail-notice strong{display:block;font-weight:600;color:var(--color-text);margin-bottom:2px}\n.detail-notice p{color:var(--color-text-secondary);margin:0}\n\n/* Small status badge (for channel rows) */\n.status-badge-sm{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600}\n.status-badge-sm.status-active,.status-badge-sm.status-enabled{background:var(--color-success-light);color:var(--color-success)}\n.status-badge-sm.status-in-review,.status-badge-sm.status-pending,.status-badge-sm.status-staged{background:var(--color-primary-light);color:var(--color-primary)}\n.status-badge-sm.status-paused{background:var(--color-warning-light);color:var(--color-warning)}\n.status-badge-sm.status-error,.status-badge-sm.status-cancelled{background:var(--color-danger-light);color:var(--color-danger)}\n\n/* Danger outline button */\n.btn-danger-outline{color:var(--color-danger);border-color:var(--color-danger)}\n.btn-danger-outline:hover{background:var(--color-danger-light)}\n\n/* Timeline dot: submitted */\n.timeline-dot.submitted{background:var(--color-primary)}\n\n/* Responsive */\n@media(max-width:900px){.settings-layout{flex-direction:column}.settings-nav{width:100%;display:flex;gap:8px;overflow-x:auto}.landing-features{flex-direction:column}}\n@media(max-width:768px){.content-area{padding:20px}.view-header{flex-direction:column;gap:16px}.detail-panel{width:100%}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}}\n/* ============================================================\n Contextual Help System\n Append to: admin/src/styles/app.css\n client/src/styles/app.css (update --accent vars as needed)\n ============================================================ */\n\n/* ── Help Trigger (floating icon + label) ────────────────────*/\n\n.help-trigger {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n background: none;\n border: 1px solid transparent;\n border-radius: 20px;\n padding: 3px 8px 3px 4px;\n cursor: pointer;\n color: var(--accent, #3b82f6);\n font-size: 12px;\n font-family: inherit;\n font-weight: 500;\n transition: background 0.15s, border-color 0.15s, color 0.15s;\n white-space: nowrap;\n line-height: 1;\n}\n\n.help-trigger:hover {\n background: var(--accent-light, rgba(59,130,246,0.08));\n border-color: var(--accent, #3b82f6);\n color: var(--accent-hover, #2563eb);\n}\n\n.help-trigger-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n background: var(--accent-light, rgba(59,130,246,0.1));\n border-radius: 50%;\n flex-shrink: 0;\n color: var(--accent, #3b82f6);\n}\n\n.help-trigger-label {\n color: var(--accent, #3b82f6);\n font-size: 12px;\n}\n\n\n/* ── Help Modal ───────────────────────────────────────────────*/\n\n.help-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.35);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 9999;\n padding: 20px;\n animation: helpFadeIn 0.15s ease;\n}\n\n@keyframes helpFadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n.help-modal {\n background: var(--surface, #fff);\n border-radius: 12px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.1);\n width: 100%;\n max-width: 520px;\n max-height: 80vh;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n animation: helpSlideUp 0.2s cubic-bezier(0.34,1.56,0.64,1);\n}\n\n@keyframes helpSlideUp {\n from { transform: translateY(16px) scale(0.97); opacity: 0; }\n to { transform: translateY(0) scale(1); opacity: 1; }\n}\n\n.help-modal-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px 14px;\n border-bottom: 1px solid var(--border, rgba(0,0,0,0.09));\n flex-shrink: 0;\n}\n\n.help-modal-title-row {\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.help-modal-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n background: var(--accent-light, rgba(59,130,246,0.1));\n border-radius: 8px;\n color: var(--accent, #3b82f6);\n flex-shrink: 0;\n}\n\n.help-modal-title {\n font-size: 15px;\n font-weight: 600;\n color: var(--text, #1a1d23);\n margin: 0;\n}\n\n.help-modal-close {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n background: none;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n color: var(--text-dim, #9099a4);\n transition: background 0.12s, color 0.12s;\n flex-shrink: 0;\n}\n.help-modal-close:hover {\n background: var(--bg, #f4f5f7);\n color: var(--text, #1a1d23);\n}\n\n.help-modal-body {\n flex: 1;\n overflow-y: auto;\n padding: 20px;\n}\n\n.help-loading {\n display: flex;\n align-items: center;\n gap: 10px;\n color: var(--text-dim, #9099a4);\n font-size: 14px;\n padding: 8px 0;\n}\n\n.help-spinner {\n width: 18px;\n height: 18px;\n border: 2px solid var(--border, #e5e7eb);\n border-top-color: var(--accent, #3b82f6);\n border-radius: 50%;\n animation: spin 0.7s linear infinite;\n}\n\n.help-error {\n color: var(--danger, #dc2626);\n font-size: 14px;\n background: var(--danger-bg, #fef2f2);\n padding: 10px 14px;\n border-radius: 8px;\n margin: 0;\n}\n\n/* Rendered HTML help content */\n.help-content {\n font-size: 14px;\n line-height: 1.65;\n color: var(--text, #1a1d23);\n}\n.help-content p { margin: 0 0 12px; }\n.help-content p:last-child { margin-bottom: 0; }\n.help-content h4 { font-size: 13px; font-weight: 600; margin: 16px 0 6px; color: var(--text-secondary, #374151); text-transform: uppercase; letter-spacing: 0.3px; }\n.help-content ul, .help-content ol { margin: 0 0 12px 20px; }\n.help-content li { margin-bottom: 5px; }\n.help-content strong { font-weight: 600; }\n.help-content a { color: var(--accent, #3b82f6); text-decoration: none; }\n.help-content a:hover { text-decoration: underline; }\n\n.help-modal-footer {\n padding: 10px 20px;\n border-top: 1px solid var(--border, rgba(0,0,0,0.06));\n flex-shrink: 0;\n background: var(--bg, #f4f5f7);\n}\n\n.help-key-badge {\n font-family: var(--font-mono, monospace);\n font-size: 11px;\n color: var(--text-dim, #9099a4);\n}\n\n\n/* ── HelpPanel (Admin) ────────────────────────────────────────*/\n\n.help-panel {\n padding: 24px;\n max-width: 1000px;\n position: relative;\n}\n\n.help-panel-toast {\n position: fixed;\n bottom: 24px;\n right: 24px;\n background: var(--success, #16a34a);\n color: #fff;\n padding: 10px 18px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 500;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 1000;\n animation: helpFadeIn 0.2s ease;\n}\n.help-panel-toast.help-panel-toast-error {\n background: var(--danger, #dc2626);\n}\n\n.help-edit-card {\n background: var(--surface, #fff);\n border: 1px solid var(--accent, #3b82f6);\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 24px;\n box-shadow: 0 0 0 4px var(--accent-light, rgba(59,130,246,0.08));\n}\n\n.help-edit-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 18px;\n}\n.help-edit-header h3 {\n font-size: 14px;\n font-weight: 600;\n color: var(--text, #1a1d23);\n margin: 0;\n}\n\n.help-form-row {\n margin-bottom: 14px;\n}\n.help-form-row-inline {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.help-form-label {\n display: flex;\n align-items: baseline;\n gap: 8px;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-secondary, #5f6672);\n text-transform: uppercase;\n letter-spacing: 0.3px;\n margin-bottom: 6px;\n}\n\n.help-form-hint {\n font-weight: 400;\n font-size: 11px;\n color: var(--text-dim, #9099a4);\n text-transform: none;\n letter-spacing: 0;\n}\n\n.help-key-suggestions {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 6px;\n margin-top: 6px;\n}\n\n.help-key-chip {\n background: var(--accent-light, rgba(59,130,246,0.08));\n border: 1px solid var(--accent, #3b82f6);\n color: var(--accent, #3b82f6);\n border-radius: 4px;\n padding: 2px 8px;\n font-size: 11px;\n font-family: var(--font-mono, monospace);\n cursor: pointer;\n transition: background 0.12s;\n}\n.help-key-chip:hover {\n background: var(--accent-light, rgba(59,130,246,0.16));\n}\n\n.help-key-display {\n font-family: var(--font-mono, monospace);\n font-size: 13px;\n color: var(--text, #1a1d23);\n background: var(--bg, #f4f5f7);\n border: 1px solid var(--border, rgba(0,0,0,0.09));\n border-radius: 6px;\n padding: 7px 10px;\n}\n\n.help-body-textarea {\n resize: vertical;\n min-height: 160px;\n}\n\n/* Table extras */\n.help-table-wrap {\n background: var(--surface, #fff);\n border: 1px solid var(--border, rgba(0,0,0,0.09));\n border-radius: 10px;\n overflow: hidden;\n}\n\n.help-row-inactive {\n opacity: 0.5;\n}\n\n.help-key-code {\n font-family: var(--font-mono, monospace);\n font-size: 12px;\n background: var(--bg, #f4f5f7);\n padding: 2px 6px;\n border-radius: 4px;\n color: var(--text, #1a1d23);\n}\n\n.toggle-label {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 13px;\n color: var(--text-secondary, #5f6672);\n cursor: pointer;\n user-select: none;\n}\n\n/* ── Step intro header with HelpIcon aligned right ── */\n.step-intro-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n margin-bottom: 4px;\n}\n.step-intro-header h2 {\n margin: 0;\n}\n",""]);const i=l},314(e){e.exports=function(e){var n=[];return n.toString=function(){return this.map(function(n){var t="",r=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t}).join("")},n.i=function(e,t,r,a,o){"string"==typeof e&&(e=[[null,e,void 0]]);var l={};if(r)for(var i=0;i0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=o),t&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=t):c[2]=t),a&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=a):c[4]="".concat(a)),n.push(c))}},n}},601(e){e.exports=function(e){return e[1]}},551(e,n,t){var r=t(540),a=t(982);function o(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t