*{box-sizing:border-box;margin:0;padding:0}body{background:#0f1117;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}:root{--blue:#1a56db;--blue-dark:#1544b8;--blue-dim:rgba(26,86,219,.12);--blue-glow:rgba(26,86,219,.4);--blue-light:rgba(26,86,219,.15);--cyan:#06b6d4;--green:#10b981;--green-dark:#059669;--green-light:rgba(16,185,129,.15);--warning:#f59e0b;--warning-dark:#d97706;--warning-light:rgba(245,158,11,.15);--danger:#ef4444;--danger-dark:#dc2626;--danger-light:rgba(239,68,68,.15);--purple:#a78bfa;--purple-light:rgba(124,58,237,.15);--bg-primary:#0f1117;--bg-secondary:#161b27;--bg-tertiary:#1e2535;--bg-card:#161b27;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-light:#e2e8f0;--text-dim:#64748b;--text-muted:#475569;--border:#1e2535;--border-light:#1e2535;--border-medium:#1e2535;--border-bright:#2d3748;--border-dark:#2d3748;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--font-xs:11px;--font-sm:12px;--font-md:14px;--font-lg:15px;--font-xl:18px;--font-2xl:22px;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--shadow-blue:0 0 20px rgba(26,86,219,.3);--shadow-lg:0 8px 32px rgba(0,0,0,.4);--transition-base:.15s ease;--dark:#0f1117;--grey:#1e2535;--text-grey:#64748b;--success:#10b981}.text-3xl{font-size:28px}.text-4xl{font-size:32px}.text-5xl{font-size:36px}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}:root{--bg-primary:#080a0e;--bg-secondary:#0d1017;--bg-tertiary:#111520;--bg-card:#fff;--border-light:#e2e8f0;--border-medium:#1e2535;--border-dark:#2a3347;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#5a6070;--text-dim:#8891a4;--text-light:#e8eaf0;--blue:#3b82f6;--blue-dark:#1d4ed8;--blue-light:#f0f9ff;--blue-dim:rgba(59,130,246,.12);--blue-glow:rgba(59,130,246,.25);--cyan:#06b6d4;--green:#10b981;--green-light:#dcfce7;--green-dark:#166534;--danger:#ef4444;--danger-light:#fee2e2;--danger-dark:#991b1b;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#92400e;--purple:#7c3aed;--purple-light:#ede9fe;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--font-xs:11px;--font-sm:12px;--font-md:13px;--font-lg:14px;--font-xl:15px;--font-2xl:16px;--font-3xl:18px;--font-4xl:20px;--font-5xl:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-3xl:20px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 25px -5px rgba(0,0,0,.1);--shadow-blue:0 0 20px var(--blue-glow);--transition-fast:.15s;--transition-base:.2s;--transition-slow:.3s;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400;--z-tooltip:500}.container{margin:0 auto;max-width:1160px;padding:0 32px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:0}.p-0{padding:0}.mt-xs{margin-top:var(--space-xs)}.mb-xs{margin-bottom:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mb-sm{margin-bottom:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xl{margin-bottom:var(--space-xl)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-light{color:var(--text-light)}.text-blue{color:var(--blue)}.text-green{color:var(--green)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.bg-blue-light{background-color:var(--blue-light)}.bg-green-light{background-color:var(--green-light)}.bg-danger-light{background-color:var(--danger-light)}.bg-warning-light{background-color:var(--warning-light)}.border{border:1px solid var(--border-medium)}.border-light{border:1px solid var(--border-light)}.border-dark{border:1px solid var(--border-dark)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.btn{border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-size:var(--font-lg);font-weight:600;padding:10px 20px;text-decoration:none;transition:all var(--transition-base)}.btn-primary{background:var(--blue);box-shadow:var(--shadow-blue);color:#fff}.btn-primary:hover{background:var(--blue-dark);box-shadow:0 0 32px var(--blue-glow);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--blue);color:var(--blue)}.btn-outline:hover{background:var(--blue-light);transform:translateY(-1px)}.card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);padding:var(--space-2xl)}.card-hover{transition:all var(--transition-base)}.card-hover:hover{border-color:var(--border-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge{border-radius:var(--radius-3xl);display:inline-block;font-size:var(--font-xs);font-weight:600;padding:4px 10px}.badge-blue{background:var(--blue-light);color:var(--blue-dark)}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-yellow{background:var(--warning-light);color:var(--warning-dark)}.badge-red{background:var(--danger-light);color:var(--danger-dark)}.badge-purple{background:var(--purple-light);color:var(--purple)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--blue);height:40px;width:40px}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.client-details-page{background:var(--bg-primary);min-height:100vh;padding-bottom:var(--space-3xl)}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-2xl)}.back-link{color:var(--text-dim);display:block;font-size:var(--font-md);margin-bottom:var(--space-sm);text-decoration:none;transition:color var(--transition-base)}.tabs{border-bottom:1px solid var(--border-medium);display:flex;gap:var(--space-xs);margin-bottom:var(--space-2xl);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);cursor:pointer;flex-shrink:0;font-size:var(--font-lg);margin-bottom:-1px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-base);white-space:nowrap}.tabs button:hover{color:var(--text-light)}.tabs button.active{border-bottom-color:var(--blue);color:var(--blue);font-weight:600}.tab-content{display:flex;flex-direction:column;gap:var(--space-xl)}.card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);overflow:hidden;padding:var(--space-2xl);position:relative}.card:after{background:linear-gradient(90deg,var(--blue),var(--cyan));content:"";height:2px;left:0;opacity:.5;position:absolute;right:0;top:0}.info-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(3,1fr)}.info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.info-item label{color:var(--text-dim);font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.usage-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between}.usage-header,.usage-stats{margin-bottom:var(--space-lg)}.usage-stats{display:grid;gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}.usage-stat{display:flex;flex-direction:column;gap:var(--space-xs)}.usage-stat label{color:var(--text-dim);font-size:var(--font-xs);font-weight:600;text-transform:uppercase}.usage-bar-wrap{align-items:center;display:flex;gap:var(--space-md)}.usage-bar-track{background:var(--border-medium);border-radius:var(--radius-sm);flex:1;height:8px;overflow:hidden}.usage-bar-fill{background:var(--blue);border-radius:var(--radius-sm);height:100%;transition:width .3s ease}.billing-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.billing-status{align-items:center;display:flex;gap:var(--space-sm)}.billing-badge{border-radius:var(--radius-3xl);font-size:var(--font-sm);font-weight:600;padding:4px var(--space-md)}.badge-yellow{background:#f59e0b26;border:1px solid rgba(245,158,11,.2);color:var(--warning)}.badge-red{background:#ef444426;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.expiry-days{background:#3b82f626;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-3xl);color:var(--blue);font-size:var(--font-sm);font-weight:600;padding:4px var(--space-md)}.expiry-days.expiry-warning{background:#ef444426;border-color:#ef444433;color:var(--danger)}.billing-active{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-lg)}.active-row{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.subscription-days,.subscription-end,.subscription-price,.subscription-tier{align-items:center;display:flex;font-size:var(--font-md);gap:var(--space-sm);padding:var(--space-xs) 0}.label{min-width:100px}.billing-cancelled,.billing-past-due{align-items:flex-start;border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-lg)}.billing-past-due{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.billing-cancelled{background:var(--bg-primary);border:1px solid var(--border-medium)}.billing-actions{margin-top:var(--space-md)}.all-tiers-section{border-top:1px solid var(--border-medium);margin-top:var(--space-xl);padding-top:var(--space-xl)}.tier-cards{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:var(--space-lg)}.tier-select-card{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);transition:all var(--transition-base)}.tier-select-card.current-tier{background:var(--blue-dim);border-color:var(--blue)}.tier-select-card.recommended{border-color:var(--warning)}.tier-select-card.enterprise-tier{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:var(--border-bright)}.tier-header{align-items:center;display:flex;justify-content:space-between}.current-badge-small{background:var(--blue)}.current-badge-small,.recommended-badge{border-radius:var(--radius-3xl);color:#fff;font-size:var(--font-xs);font-weight:600;padding:2px var(--space-sm)}.recommended-badge{background:var(--warning)}.tier-price-info{border-bottom:1px solid var(--border-medium);padding-bottom:var(--space-sm)}.monthly-price{font-size:26px;font-weight:700;margin:0 0 var(--space-xs)}.annual-price{align-items:center;display:flex;font-size:var(--font-md);gap:var(--space-sm);margin:0}.save-badge{background:#10b98126;border-radius:var(--radius-3xl);color:var(--green);font-size:var(--font-xs);font-weight:600;padding:2px var(--space-sm)}.tier-limits p{font-size:var(--font-md);margin:var(--space-xs) 0}.tier-buttons{display:flex;gap:var(--space-sm)}.btn-select-annual,.btn-select-monthly{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1;font-size:var(--font-sm);font-weight:600;padding:var(--space-sm) var(--space-md);transition:all var(--transition-base)}.btn-select-monthly{background:var(--blue);color:#fff}.btn-select-annual{background:transparent;border:1px solid var(--blue);color:var(--blue)}.enterprise-contact{margin-top:var(--space-md);text-align:center}.btn-contact{background:var(--warning);border-radius:var(--radius-md);color:#1e293b;display:inline-block;font-size:var(--font-md);font-weight:600;padding:var(--space-sm) var(--space-lg);text-decoration:none}.embed-section h3{margin-bottom:var(--space-sm)}.embed-code{border:1px solid var(--border-medium);color:var(--text-dim);font-family:Courier New,monospace;font-size:var(--font-sm);margin:var(--space-md) 0;overflow-x:auto;padding:var(--space-lg);white-space:pre-wrap;word-break:break-all}.btn-preview,.embed-code{background:var(--bg-primary);border-radius:var(--radius-md)}.btn-preview{border:1px solid var(--border-medium);color:var(--blue);display:inline-block;font-size:var(--font-md);font-weight:600;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all var(--transition-base)}.btn-preview:hover{border-color:var(--blue)}.add-form{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.form-input{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-light);flex:1;font-size:var(--font-lg);min-width:200px;outline:none;padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}.form-select{cursor:pointer}.item-list{display:flex;flex-direction:column;gap:var(--space-sm)}.list-item{align-items:center;display:flex;justify-content:space-between;transition:all var(--transition-base)}.list-item:hover{border-color:var(--border-bright)}.btn-primary{align-items:center;background:var(--blue);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-blue);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-md);font-weight:600;gap:var(--space-xs);padding:8px var(--space-lg);transition:all var(--transition-base);white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-sm{box-shadow:none!important;font-size:var(--font-sm)!important;min-width:unset!important;padding:5px var(--space-md)!important}.btn-danger{background:none;border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);cursor:pointer;font-size:var(--font-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.btn-danger:hover{background:var(--danger);color:#fff}.form-actions{align-items:center;border-top:1px solid var(--border-medium);display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg)}.save-confirm{font-size:var(--font-md);font-weight:600}.empty,.error-state,.loading-state{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:var(--space-4xl);text-align:center}.empty-state-inline{background:var(--bg-primary);border:1px dashed var(--border-medium);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center}.field-label{color:var(--text-dim);display:block;font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;margin-bottom:var(--space-xs);text-transform:uppercase}.branding-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xl)}.branding-field{display:flex;flex-direction:column}.branding-field.full-width{grid-column:1/-1}.colour-input-row{align-items:center;display:flex;gap:var(--space-sm)}.colour-picker{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;height:44px;padding:2px;width:44px}.branding-preview{margin-bottom:var(--space-xl)}.widget-preview-wrap{align-items:flex-end;display:flex;gap:var(--space-lg)}.preview-window{border:1px solid var(--border-medium);border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;width:280px}.preview-header{align-items:center;background:var(--preview-colour,#1a56db);display:flex;gap:10px;padding:12px 14px}.preview-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.preview-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.preview-name{color:#fff;font-size:14px;font-weight:600;margin:0}.preview-sub{color:#ffffffb3;font-size:11px;margin:0}.preview-messages{background:#fff;padding:12px}.preview-msg.bot{background:#f1f5f9;border-radius:10px;color:#1e293b;font-size:13px;padding:8px 12px}.preview-bubble{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.integrations-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.integrations-legend{align-items:center;display:flex;font-size:var(--font-sm);gap:var(--space-sm)}.legend-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.dot-active{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-inactive{background:var(--border-bright)}.integrations-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xl)}.integration-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-md);overflow:hidden;padding:var(--space-xl);position:relative;transition:border-color .2s,box-shadow .2s}.integration-card.card-active{border-color:var(--border-bright);box-shadow:0 0 0 1px var(--border-bright)}.card-glow{border-radius:50%;filter:blur(20px);height:120px;opacity:.5;pointer-events:none;position:absolute;right:-40px;top:-40px;transition:opacity .3s;width:120px}.card-active .card-glow{opacity:1}.card-skeleton{animation:pulse 1.5s ease-in-out infinite;min-height:160px}.skeleton-icon{background:var(--border-medium);border-radius:var(--radius-lg);height:40px;width:40px}.skeleton-lines{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.skeleton-line{background:var(--border-medium);border-radius:var(--radius-sm);height:12px}.w-40{width:40%}.w-64{width:64%}.w-52{width:52%}.int-card-header{gap:var(--space-md)}.int-card-header,.int-icon{align-items:center;display:flex}.int-icon{border-radius:var(--radius-lg);flex-shrink:0;height:40px;justify-content:center;width:40px}.int-icon svg{height:20px;width:20px}.int-title-wrap{display:flex;flex:1;flex-direction:column;gap:2px}.int-name{color:var(--text-light);font-size:var(--font-lg);font-weight:700;margin:0}.int-tag{font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.int-toggle{cursor:pointer}.int-toggle input{display:none}.int-toggle-track{background:var(--border-bright);border-radius:12px;display:block;height:24px;position:relative;transition:background .2s;width:44px}.int-toggle-track.on{background:var(--blue)}.int-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.int-toggle-track.on .int-toggle-thumb{transform:translate(20px)}.int-desc{color:var(--text-dim);font-size:var(--font-md);line-height:1.55;margin:0}.int-config{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.config-row{display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.config-field{display:flex;flex-direction:column;gap:var(--space-xs)}.config-label{align-items:center;color:var(--text-dim);display:flex;font-size:var(--font-xs);font-weight:600;gap:var(--space-sm);letter-spacing:.4px;text-transform:uppercase}.config-required{color:var(--danger);font-weight:700}.config-optional{font-weight:400;letter-spacing:0;opacity:.7;text-transform:none}.config-input{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-light);font-size:var(--font-md);outline:none;padding:9px var(--space-md);transition:border-color .15s;width:100%}.config-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-dim)}.config-mono{font-family:Courier New,monospace;font-size:13px;letter-spacing:.5px}.config-select{cursor:pointer}.config-hint{color:var(--text-muted);font-size:var(--font-xs);line-height:1.4;margin:0}.expand-enter-active,.expand-leave-active{overflow:hidden;transition:all .22s ease}.expand-enter-from,.expand-leave-to{max-height:0;opacity:0;padding-bottom:0;padding-top:0}.expand-enter-to,.expand-leave-from{max-height:600px;opacity:1}.int-footer{border-top:1px solid var(--border-medium);justify-content:space-between;margin-top:auto;padding-top:var(--space-md)}.int-footer,.int-status{align-items:center;display:flex}.int-status{font-size:var(--font-sm);gap:var(--space-sm)}.status-pip{border-radius:50%;flex-shrink:0;height:7px;width:7px}.pip-on{background:var(--green);box-shadow:0 0 5px var(--green)}.pip-off{background:var(--border-bright)}.btn-test-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;display:flex;font-size:var(--font-sm);font-weight:600;gap:var(--space-xs);justify-content:center;min-width:72px;padding:6px var(--space-md);transition:all .15s}.btn-test-card:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.btn-test-card:disabled{cursor:not-allowed;opacity:.5}.test-spinner{animation:spin .7s linear infinite;border:2px solid var(--border-medium);border-radius:50%;border-top-color:var(--blue);display:inline-block;height:12px;width:12px}.test-banner{border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;padding:var(--space-sm) var(--space-md)}.test-ok{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--green)}.test-fail{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.test-id{font-family:Courier New,monospace;font-size:12px;opacity:.8}.integrations-save-row{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl)}.lead-fields-card{display:flex;flex-direction:column;gap:var(--space-lg)}.lead-fields-header{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between}.btn-add-field{background:var(--blue-dim);border:1px solid rgba(26,86,219,.3);border-radius:var(--radius-md);color:var(--blue);cursor:pointer;flex-shrink:0;font-size:var(--font-sm);font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all .15s;white-space:nowrap}.btn-add-field:hover{background:var(--blue);color:#fff}.lead-fields-empty{background:var(--bg-primary);border:1px dashed var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.lead-fields-empty code{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:4px;color:var(--blue);font-family:Courier New,monospace;font-size:12px;margin:0 2px;padding:1px 6px}.lead-fields-pills{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.lead-field-pill{align-items:center;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-3xl);display:flex;gap:var(--space-xs);padding:5px var(--space-sm) 5px var(--space-md);transition:border-color .15s}.lead-field-pill.pill-editing{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-dim)}.pill-label{color:var(--text-light);cursor:pointer;font-family:Courier New,monospace;font-size:var(--font-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pill-label:hover{color:var(--blue)}.pill-input{color:var(--text-light);font-family:Courier New,monospace;font-size:var(--font-sm);outline:none;padding:0;width:120px}.pill-input,.pill-remove{background:none;border:none}.pill-remove{color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0 2px;transition:color .15s}.pill-remove:hover{color:var(--danger)}.lead-fields-footer{border-top:1px solid var(--border-medium);justify-content:space-between;padding-top:var(--space-md)}.lead-fields-actions,.lead-fields-footer{align-items:center;display:flex;gap:var(--space-md)}code{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:4px;color:var(--blue);font-size:13px;padding:1px 6px}.conv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.conv-status{border-radius:var(--radius-3xl);font-size:var(--font-xs);font-weight:600;padding:2px 8px}.status-complete{background:#10b98126;color:var(--green)}.status-pending{background:#f59e0b26;color:var(--warning)}.conv-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:var(--space-xl);position:fixed;z-index:1000}.conv-modal{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);display:flex;flex-direction:column;max-height:80vh;max-width:640px;overflow:hidden;width:100%}.conv-modal-header{align-items:center;border-bottom:1px solid var(--border-medium);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-xl)}.btn-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:18px}.conv-lead-summary{background:var(--bg-primary);border-bottom:1px solid var(--border-medium);color:var(--text-dim);display:flex;flex-shrink:0;flex-wrap:wrap;font-size:var(--font-sm);gap:var(--space-lg);padding:var(--space-md) var(--space-xl)}.conv-messages{gap:var(--space-md);overflow-y:auto;padding:var(--space-lg)}.conv-messages,.conv-msg{display:flex;flex-direction:column}.conv-msg{gap:var(--space-xs)}.conv-role{color:var(--text-dim);font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.conv-msg-user .conv-role{color:var(--blue)}.conv-msg p{background:var(--bg-primary);border-radius:var(--radius-lg);color:var(--text-light);font-size:var(--font-md);line-height:1.5;margin:0;padding:var(--space-md) var(--space-lg)}.conv-msg-user p{background:var(--blue-dim);border:1px solid rgba(59,130,246,.2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:900px){.config-row,.integrations-grid{grid-template-columns:1fr}}@media(max-width:768px){.info-grid,.usage-stats{grid-template-columns:repeat(2,1fr)}.branding-grid,.tier-cards{grid-template-columns:1fr}.widget-preview-wrap{align-items:flex-start;flex-direction:column}.leads-stats-bar{flex-wrap:wrap;gap:var(--space-lg)}}@media(max-width:640px){.integrations-header{align-items:flex-start}.integrations-header,.lead-fields-footer,.lead-fields-header{flex-direction:column}.lead-fields-footer{align-items:flex-start}}@media(max-width:480px){.info-grid,.usage-stats{grid-template-columns:1fr}.page-header{flex-direction:column;gap:var(--space-md)}}.leads-header{align-items:flex-start;justify-content:space-between}.leads-header,.leads-stats-bar{display:flex;margin-bottom:var(--space-xl)}.leads-stats-bar{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);gap:var(--space-3xl);padding:var(--space-lg) var(--space-2xl)}.leads-stats-bar .stat{display:flex;flex-direction:column;gap:var(--space-xs)}.leads-stats-bar .stat-num{color:var(--text-light);font-size:var(--font-5xl);font-weight:700}.leads-stats-bar .stat-label{color:var(--text-dim);font-size:var(--font-xs);letter-spacing:.05em;text-transform:uppercase}.leads-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.leads-table-wrap{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);overflow:auto}.leads-table{border-collapse:collapse;min-width:800px;width:100%}.leads-table th{background:var(--bg-primary);color:var(--text-dim);font-size:var(--font-xs);font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.leads-table td,.leads-table th{padding:var(--space-md) var(--space-lg)}.leads-table td{border-top:1px solid var(--border-medium);color:var(--text-light);font-size:var(--font-md)}.lead-row{cursor:pointer;transition:background var(--transition-base)}.email-sub{color:var(--text-dim);font-size:var(--font-xs)}.int-dot{border-radius:50%;height:8px;width:8px}.dot-ok{background:var(--green);box-shadow:0 0 6px var(--green)}.btn-view{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;font-size:var(--font-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-base)}.btn-view:hover{border-color:var(--blue);color:var(--blue)}.admin-clients{background:var(--bg-primary);min-height:100vh}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2xl)}.btn-primary{background:var(--blue);border-radius:var(--radius-md);box-shadow:var(--shadow-blue);color:#fff;display:inline-block;font-size:var(--font-lg);font-weight:600;padding:12px 26px;text-decoration:none;transition:all var(--transition-base)}.btn-primary:hover{background:#2563eb;box-shadow:0 0 32px var(--blue-glow);transform:translateY(-1px)}.client-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.client-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-md);overflow:hidden;padding:var(--space-xl);position:relative;transition:all var(--transition-base)}.client-card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.client-card:after{background:linear-gradient(90deg,var(--blue),var(--cyan));content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.client-card:hover:after{opacity:1}.client-header{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between}.client-name{color:var(--text-light);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-meta{border-bottom:1px solid var(--border-medium);border-top:1px solid var(--border-medium);display:flex;gap:var(--space-lg);padding:var(--space-sm) 0}.client-status{align-items:center;color:var(--text-dim);display:flex;font-size:var(--font-sm);font-weight:600;gap:var(--space-sm)}.client-status.active{color:var(--green)}.status-dot{background:var(--border-bright);border-radius:50%;height:8px;width:8px}.status-dot.dot-active{animation:pulse 2s infinite;background:var(--green);box-shadow:0 0 0 2px #10b98133}@keyframes pulse{0%,to{box-shadow:0 0 0 2px #10b98133}50%{box-shadow:0 0 0 4px #10b9811a}}.empty-state,.loading-state{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:var(--space-4xl);text-align:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-medium);border:4px solid var(--border-medium);border-radius:50%;border-top-color:var(--blue);height:40px;margin-bottom:var(--space-lg);width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.badge{border-radius:20px;font-size:var(--font-xs);font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-blue{background:#3b82f626;border:1px solid rgba(59,130,246,.2);color:var(--blue)}.badge-green{background:#10b98126;border:1px solid rgba(16,185,129,.2);color:var(--green)}.badge-purple{background:#7c3aed26;border:1px solid rgba(124,58,237,.2);color:#a78bfa}.badge-gray{background:var(--border-medium);border:1px solid var(--border-bright);color:var(--text-dim)}@media(max-width:768px){.client-grid{grid-template-columns:1fr}}@media(max-width:640px){.page-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.client-meta{flex-direction:column;gap:var(--space-xs)}.btn-primary{text-align:center;width:100%}}.leads-page{margin:0 auto;max-width:1400px;padding:var(--space-3xl)}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-3xl)}.filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.filters .form-input{flex:0 0 auto}.btn-clear{background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;font-size:var(--font-md);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.btn-clear:hover{border-color:var(--border-dark);color:var(--text-light)}.stats-bar{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);display:flex;gap:var(--space-3xl);margin-bottom:var(--space-xl);padding:var(--space-lg) var(--space-2xl)}.stat{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-num{color:var(--text-light);font-size:var(--font-5xl);font-weight:700}.stat-label{color:var(--text-dim);font-size:var(--font-xs);letter-spacing:.05em;text-transform:uppercase}.table-wrap{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);overflow:hidden}table{border-collapse:collapse;width:100%}thead tr{background:var(--bg-primary)}th{color:var(--text-dim);font-size:var(--font-xs);font-weight:600;letter-spacing:.05em;padding:var(--space-md) var(--space-lg);text-align:left;text-transform:uppercase}.lead-row{border-top:1px solid var(--border-medium);cursor:pointer;transition:background var(--transition-base)}.lead-row:hover{background:var(--bg-tertiary)}td{font-size:var(--font-md);padding:var(--space-md) var(--space-lg);vertical-align:middle}.col-name .name,td{color:var(--text-light)}.col-name .name{display:block;font-weight:600}.email-sub{color:var(--text-dim);display:block;font-size:var(--font-xs);margin-top:2px}.phone-link{color:var(--blue);text-decoration:none}.phone-link:hover{text-decoration:underline}.col-integrations{align-items:center;display:flex;gap:4px}.int-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.dot-ok{background:var(--green)}.dot-fail{background:var(--danger)}.empty-icon{font-size:3rem;margin-bottom:var(--space-md)}.transcript-loading{color:var(--text-dim);font-size:var(--font-md);padding:var(--space-3xl);text-align:center}.analytics-page{margin:0 auto;max-width:1400px;padding:var(--space-3xl)}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between;margin-bottom:var(--space-3xl)}.page-header h1{color:var(--text-light);font-size:var(--font-5xl);font-weight:700;margin:0 0 var(--space-xs)}.subtitle{color:var(--text-dim);font-size:var(--font-md);margin:0}.date-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.preset-btn{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;font-size:var(--font-md);font-weight:600;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.preset-btn:hover{border-color:var(--border-dark);color:var(--text-light)}.preset-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.summary-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-xl)}.summary-card.highlight{border-color:var(--blue)}.card-value{color:var(--text-light);font-size:var(--font-5xl);font-weight:700}.card-label{color:var(--text-secondary);font-size:var(--font-md);font-weight:600;margin-top:var(--space-xs)}.card-sub{color:var(--text-dim);font-size:var(--font-sm);margin-top:2px}.chart-card{margin-bottom:var(--space-xl)}.card-title{color:var(--text-light);font-size:var(--font-xl);font-weight:600;margin:0 0 var(--space-xl)}.chart-svg{display:block;height:auto;width:100%}.chart-legend{display:flex;gap:var(--space-xl);justify-content:flex-end;margin-top:var(--space-md)}.legend-leads{color:var(--blue);font-size:var(--font-sm)}.legend-chats{color:var(--text-dim);font-size:var(--font-sm)}.bottom-row{display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr}.service-list{flex-direction:column}.service-list,.service-row{display:flex;gap:var(--space-md)}.service-row{align-items:center}.service-rank{flex-shrink:0;font-size:var(--font-sm);font-weight:700;text-align:center;width:1.25rem}.service-info{flex:1;min-width:0}.service-name{color:var(--text-light);font-size:var(--font-md);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-bar-track{background:var(--border-medium);border-radius:var(--radius-sm);height:4px;overflow:hidden}.service-bar-fill{background:var(--blue);border-radius:var(--radius-sm);height:100%;transition:width .4s}.service-count{flex-shrink:0;font-size:var(--font-md);font-weight:600}.client-table{border-collapse:collapse;width:100%}.client-table th{color:var(--text-dim);font-size:var(--font-xs);font-weight:600;letter-spacing:.05em;padding:0 var(--space-sm) var(--space-md);text-align:left;text-transform:uppercase}.client-table td{border-top:1px solid var(--border-medium);padding:var(--space-sm);vertical-align:middle}.client-name{color:var(--text-light);font-size:var(--font-md);font-weight:500}.client-tier{font-size:var(--font-xs);margin-top:2px;text-transform:capitalize}.num{color:var(--text-light);font-size:var(--font-md);font-weight:600}.usage-bar-wrap{align-items:center;display:flex;gap:var(--space-sm)}.usage-bar-track{background:var(--border-medium);border-radius:var(--radius-sm);flex:1;height:6px;overflow:hidden}.usage-bar-fill{background:var(--blue);border-radius:var(--radius-sm);height:100%;transition:width .4s}.usage-bar-fill.warning{background:var(--warning)}.usage-bar-fill.danger{background:var(--danger)}@media(max-width:900px){.summary-grid{grid-template-columns:1fr 1fr}.bottom-row{grid-template-columns:1fr}}.onboard-page{background:var(--bg-primary);min-height:100vh;padding-bottom:var(--space-3xl)}.page-header{margin-bottom:var(--space-2xl);position:relative}.back-link{color:var(--text-dim);display:inline-block;font-size:var(--font-md);margin-bottom:var(--space-md);text-decoration:none;transition:color var(--transition-base)}.back-link:hover{color:var(--blue)}.form-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);margin-bottom:var(--space-2xl);max-width:900px;overflow:hidden;padding:var(--space-3xl);position:relative}.form-card:after{background:linear-gradient(90deg,var(--blue),var(--cyan));content:"";height:2px;left:0;opacity:.5;position:absolute;right:0;top:0}.form-grid{display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr;margin-bottom:var(--space-2xl)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group.full{grid-column:1/-1}label{color:var(--text-dim);font-size:var(--font-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-select{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-light);font-family:Geist,sans-serif;font-size:var(--font-lg);outline:none;padding:12px 14px;transition:all var(--transition-base);width:100%}.form-input::-moz-placeholder,.form-select::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder,.form-select::placeholder{color:var(--text-muted)}.form-input:hover,.form-select:hover{border-color:var(--border-bright)}.form-input:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238891a4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-select option{background:var(--bg-secondary);color:var(--text-light);padding:var(--space-md)}.form-actions{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-md)}.btn-primary{align-items:center;background:var(--blue);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-blue);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-lg);font-weight:600;gap:var(--space-sm);justify-content:center;min-width:200px;padding:14px 32px;transition:all var(--transition-base)}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 0 32px var(--blue-glow);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.spinner-small{animation:spin .6s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.error-message,.success-message{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-md);gap:var(--space-sm);padding:var(--space-md) var(--space-lg);width:100%}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.success-message{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--green)}.error-icon,.success-icon{font-size:var(--font-lg)}.tips-section{max-width:900px}.tips-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}.tip-card{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);display:flex;gap:var(--space-md);padding:var(--space-xl);transition:all var(--transition-base)}.tip-card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tip-icon{align-items:center;background:var(--blue-dim);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.tip-content{flex:1}.tip-content h4{color:var(--text-light);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-xs)}.tip-content p{font-size:var(--font-sm);line-height:1.6}@media(max-width:768px){.form-grid{gap:var(--space-lg)}.form-grid,.tips-grid{grid-template-columns:1fr}.form-card{padding:var(--space-xl)}.btn-primary{width:100%}}@media(max-width:640px){.page-header h1{font-size:32px}.tip-card{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}}.widget-preview-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:var(--space-2xl)}.preview-card{animation:slideUp .5s ease-out;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);max-width:700px;overflow:hidden;position:relative;width:100%;z-index:10}.preview-card:after{background:linear-gradient(90deg,var(--blue),var(--cyan));content:"";height:2px;left:0;opacity:.5;position:absolute;right:0;top:0}.preview-header{border-bottom:1px solid var(--border-medium);gap:var(--space-md);padding:var(--space-2xl) var(--space-2xl) var(--space-lg)}.header-icon,.preview-header{align-items:center;display:flex}.header-icon{background:var(--blue-dim);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-xl);font-size:32px;height:56px;justify-content:center;width:56px}.preview-content{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-2xl)}.info-badge{align-items:center;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-3xl);color:var(--text-dim);display:inline-flex;font-size:var(--font-md);gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-lg);width:-moz-fit-content;width:fit-content}.badge-icon{font-size:16px}.client-id{background:var(--blue-dim);border-radius:var(--radius-sm);font-weight:600;padding:2px var(--space-sm)}.preview-message{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);display:flex;gap:var(--space-lg);margin:var(--space-md) 0;padding:var(--space-xl)}.message-icon{align-items:center;background:var(--blue-dim);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.message-content{flex:1}.message-content p{line-height:1.6;margin-bottom:var(--space-xs)}.preview-controls{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:var(--space-xl)}.control-buttons{display:flex;flex-wrap:wrap;gap:var(--space-md)}.btn-control{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;flex:1;font-size:var(--font-sm);font-weight:600;min-width:120px;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-base)}.btn-control:hover{background:var(--bg-primary);border-color:var(--blue);color:var(--blue)}.preview-instructions{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:var(--space-xl)}.instruction-list{list-style:none;margin:0;padding:0}.instruction-item{align-items:center;border-bottom:1px solid var(--border-medium);display:flex;gap:var(--space-md);padding:var(--space-sm) 0}.instruction-item:last-child{border-bottom:none}.check{color:var(--green);font-size:18px;font-weight:700;text-align:center;width:24px}.action-buttons{border-top:1px solid var(--border-medium);display:flex;gap:var(--space-md);justify-content:space-between;margin-top:var(--space-md);padding-top:var(--space-lg)}.btn-secondary{align-items:center;background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-dim);display:inline-flex;font-size:var(--font-md);font-weight:600;padding:8px var(--space-lg);text-decoration:none;transition:all var(--transition-base)}.btn-secondary:hover{border-color:var(--blue);color:var(--blue);transform:translate(-2px)}.preview-card:before{animation:pulse 2s infinite;background:var(--blue-dim);border:2px solid var(--blue);border-radius:50%;bottom:20px;content:"";height:60px;opacity:.3;pointer-events:none;position:absolute;right:20px;width:60px;z-index:5}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:deep([class*=widget-container]){z-index:1000!important}@media(max-width:640px){.widget-preview-page{padding:var(--space-md)}.preview-header{flex-direction:column;padding:var(--space-xl) var(--space-xl) var(--space-md);text-align:center}.preview-content{padding:var(--space-xl)}.preview-message{align-items:center;flex-direction:column;text-align:center}.info-badge{flex-wrap:wrap;justify-content:center;width:100%}.action-buttons,.control-buttons{flex-direction:column}.btn-control{width:100%}}@media(max-width:480px){.preview-header h1{font-size:28px}.header-icon{font-size:24px;height:48px;width:48px}.message-icon{font-size:20px;height:40px;width:40px}}body,html{margin:0;min-height:100vh;padding:0}body,html{background-color:#080a0e}:root{--bg-primary:#080a0e;--bg-secondary:#0d1017}