:root{--primary-color: #646cff;--primary-hover: #535bf2;--success-color: #4ade80;--error-color: #f87171;--warning-color: #fbbf24;--bg-dark: #242424;--bg-light: #ffffff;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--border-color: rgba(100, 108, 255, .2);--border-color-hover: rgba(100, 108, 255, .5);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: all .2s ease}@media (prefers-color-scheme: light){:root{--bg-dark: #ffffff;--bg-light: #f5f5f5;--text-primary: #213547;--text-secondary: #666666;--border-color: rgba(100, 108, 255, .1);--border-color-hover: rgba(100, 108, 255, .3)}}.prompt-engineer-page{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);min-height:100vh;background:var(--bg-dark);color:var(--text-primary)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.header-content h1{font-size:2.5rem;margin:0 0 var(--spacing-sm) 0;background:linear-gradient(135deg,#646cff,#535bf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{font-size:1.1rem;color:var(--text-secondary);margin:0}.progress-container{margin-bottom:var(--spacing-2xl)}.progress-bar{height:4px;background:#646cff1a;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg)}.progress-fill{height:100%;background:linear-gradient(90deg,#646cff,#535bf2);transition:width .3s ease}.progress-steps{display:flex;justify-content:space-between;gap:var(--spacing-md)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);opacity:.6;transition:opacity .2s ease}.progress-step.active,.progress-step.completed{opacity:1}.step-circle{width:36px;height:36px;border-radius:50%;background:#646cff1a;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;transition:var(--transition)}.progress-step.active .step-circle{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-light)}.progress-step.completed .step-circle{background:var(--success-color);border-color:var(--success-color);color:var(--bg-light)}.step-label{font-size:.85rem;font-weight:500}.error-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);color:var(--error-color)}.error-icon{font-size:1.5rem;flex-shrink:0}.error-content{flex:1}.error-content p{margin:0}.btn-close{background:none;border:none;color:var(--error-color);font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s}.btn-close:hover{opacity:1}.main-content{background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);animation:fadeIn .3s ease}.step-container{animation:fadeIn .3s ease}.step-container.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md)}.step-container h2{font-size:1.8rem;margin:0 0 var(--spacing-sm) 0}.step-description{font-size:1rem;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.form-section{display:grid;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:500;color:var(--text-primary)}.required{color:var(--error-color);margin-left:var(--spacing-xs)}.form-group input,.form-group textarea,.form-group select,.form-control{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#646cff0d;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.form-control:focus{outline:none;border-color:var(--border-color-hover);background:#646cff1a}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--error-color);background:#f871710d}.help-text{font-size:.85rem;color:var(--text-secondary)}.error-message{font-size:.85rem;color:var(--error-color);display:flex;align-items:center;gap:var(--spacing-sm)}.error-message:before{content:"⚠️"}.btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#646cff,#535bf2);color:var(--bg-light)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #646cff4d}.btn-secondary{background:#646cff1a;color:var(--primary-color);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#646cff33;border-color:var(--border-color-hover)}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.btn-large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.1rem;width:100%}.artifacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:var(--transition)}.artifacts-grid.error{opacity:.7}.artifact-card{position:relative;padding:var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:#646cff0d;cursor:pointer;transition:var(--transition);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.artifact-card:hover{border-color:var(--border-color-hover);background:#646cff1a;transform:translateY(-4px)}.artifact-card.selected{background:#646cff33;border-color:var(--primary-color)}.artifact-icon{font-size:2.5rem}.artifact-card h3{margin:0;font-size:1.1rem}.artifact-card p{margin:0;font-size:.85rem;color:var(--text-secondary)}.tags{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.tag{padding:2px 8px;background:#646cff33;border-radius:var(--radius-sm);font-size:.75rem;color:var(--primary-color)}.checkmark{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;opacity:0;transition:opacity .2s}.artifact-card.selected .checkmark{opacity:1}.selection-info{padding:var(--spacing-lg);background:#646cff0d;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.selection-info p{margin:0 0 var(--spacing-md) 0}.selected-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.selected-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);font-size:.9rem}.remove-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.8;transition:opacity .2s}.remove-btn:hover{opacity:1}.style-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.style-card{position:relative;padding:var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:#646cff0d;cursor:pointer;transition:var(--transition);text-align:center}.style-card:hover{border-color:var(--border-color-hover);transform:translateY(-4px)}.style-card.selected{background:#646cff33;border-color:var(--primary-color)}.card-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.style-card h3{margin:0 0 var(--spacing-sm) 0;font-size:1.1rem}.style-card p{margin:0;font-size:.85rem;color:var(--text-secondary)}.selected-indicator{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:24px;height:24px;background:var(--success-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.builder-container{animation:fadeIn .3s ease}.builder-container h3{font-size:1.3rem;margin:0 0 var(--spacing-sm) 0}.builder-description{color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.builder-content{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.section{padding:var(--spacing-lg);background:#646cff0d;border:1px solid var(--border-color);border-radius:var(--radius-md)}.section h4{margin:0 0 var(--spacing-md) 0;font-size:1.05rem}.section-help{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;font-size:.9rem}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.pattern-section{padding:var(--spacing-md);background:#646cff0d;border-radius:var(--radius-md)}.pattern-section h5{margin:0 0 var(--spacing-md) 0;font-size:.95rem}.pattern-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.pattern-list li code{display:block;padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm);font-size:.85rem;overflow-x:auto}.elements-list{display:grid;gap:var(--spacing-md)}.element{display:grid;grid-template-columns:150px 1fr;gap:var(--spacing-md);padding:var(--spacing-md);background:#646cff0d;border-radius:var(--radius-md);align-items:center}.element .label{font-weight:600;color:var(--primary-color)}.element .value{color:var(--text-secondary)}.info-box,.tips-box,.example-box{padding:var(--spacing-lg);border-left:4px solid var(--primary-color);background:#646cff0d;border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.info-box h4,.tips-box h4,.example-box h4,.info-box p,.tips-box p,.example-box p{margin:0 0 var(--spacing-md) 0}.tips-box ul,.info-box ul{margin:0;padding-left:var(--spacing-lg)}.tips-box li,.info-box li{margin-bottom:var(--spacing-sm)}.example-code{background:#0000004d;padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;font-size:.85rem;line-height:1.5;margin:0}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:space-between}.builder-actions{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.builder-section,.prompt-preview-container{animation:fadeIn .3s ease}.prompt-preview-container.loading,.prompt-preview-container.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md)}.spinner{font-size:2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.prompt-meta h3{margin:0 0 var(--spacing-sm) 0}.meta-info{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.badge{display:inline-block;padding:4px 12px;background:#646cff33;border-radius:var(--radius-sm);font-size:.85rem;color:var(--primary-color)}.timestamp{font-size:.85rem;color:var(--text-secondary)}.preview-content{margin-bottom:var(--spacing-lg);max-height:500px;overflow-y:auto}.prompt-text{background:#0000004d;padding:var(--spacing-lg);border-radius:var(--radius-md);font-size:.9rem;line-height:1.6;margin:0;overflow-x:auto}.preview-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.export-group{display:flex;gap:var(--spacing-sm)}.export-select{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#646cff0d;color:var(--text-primary);font-size:.9rem}.artifacts-info{padding:var(--spacing-lg);background:#646cff0d;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.artifacts-info h4{margin:0 0 var(--spacing-md) 0}.artifacts-info ul{margin:0;padding-left:var(--spacing-lg)}.artifacts-info li{margin-bottom:var(--spacing-sm)}.token-info-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#646cff0d;border-radius:var(--radius-md);border:1px solid var(--border-color)}.token-box{padding:var(--spacing-md);background:#646cff14;border-radius:var(--radius-md);border-left:4px solid var(--primary-color);text-align:center;transition:var(--transition)}.token-box:hover{background:#646cff1f;transform:translateY(-2px)}.token-box.prompt-tokens{border-left-color:#3b82f6}.token-box.execution-tokens{border-left-color:#8b5cf6}.token-box.total-tokens{border-left-color:#10b981}.token-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.token-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.token-subtitle{font-size:.75rem;color:var(--text-secondary);opacity:.8}@media (max-width: 768px){.token-info-container{grid-template-columns:1fr}}.history-step{animation:fadeIn .3s ease}.history-step h2{margin:0 0 var(--spacing-lg) 0}.empty-state{text-align:center;padding:var(--spacing-2xl);background:#646cff0d;border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.prompts-list{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.prompt-item{padding:var(--spacing-lg);background:#646cff0d;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition)}.prompt-item:hover{border-color:var(--border-color-hover);background:#646cff1a}.prompt-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.prompt-header h3{margin:0}.badges{display:flex;gap:var(--spacing-sm)}.prompt-item .timestamp{margin-bottom:var(--spacing-md)}.prompt-item .actions{display:flex;gap:var(--spacing-sm)}@media (max-width: 768px){.prompt-engineer-page{padding:var(--spacing-md)}.page-header{flex-direction:column}.header-content h1{font-size:1.8rem}.progress-steps{gap:var(--spacing-sm)}.step-label{font-size:.7rem}.main-content{padding:var(--spacing-lg)}.artifacts-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-actions,.builder-actions{flex-direction:column}.style-selector{grid-template-columns:1fr}.element{grid-template-columns:1fr;gap:var(--spacing-sm)}.element .label{margin-bottom:var(--spacing-xs)}.preview-actions{flex-direction:column}.export-group{width:100%;flex-direction:column}.export-select,.form-group select{width:100%}.preview-content{max-height:300px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.form-actions,.builder-actions,.preview-actions,.page-header button{display:none}.prompt-text{background:none;border:1px solid #ccc}}:root{--color-hotbuyer: #3b82f6;--color-hotseller: #ef4444;--color-investor: #8b5cf6;--color-referral: #10b981;--color-priority-low: #10b981;--color-priority-medium: #f59e0b;--color-priority-high: #ef4444;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--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 15px -3px rgba(0, 0, 0, .1)}.dashboard-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-secondary)}.page-header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;box-shadow:var(--shadow-sm)}.header-content{flex:1}.page-header h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.page-header p{font-size:1rem;color:var(--color-text-secondary);margin:0}.header-stats{display:flex;gap:2rem}.stat-badge{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background-color:var(--color-bg-secondary);border-radius:.5rem;border-left:4px solid #3b82f6}.stat-count{font-size:1.875rem;font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.dashboard-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem;padding:2rem;flex:1}.dashboard-main{display:flex;flex-direction:column}.dashboard-sidebar{background-color:var(--color-bg-primary);border-radius:.75rem;box-shadow:var(--shadow-md);overflow:hidden}@media (max-width: 1024px){.dashboard-layout{grid-template-columns:1fr}.header-stats{flex-direction:column;gap:1rem}.stat-badge{width:100%}}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem}.header-stats{width:100%;justify-content:space-between}.dashboard-layout{padding:1rem;gap:1rem}}.client-list-container{background-color:var(--color-bg-primary);border-radius:.75rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%}.client-list-header{padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:1rem}.client-list-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.client-list-header .btn{flex-shrink:0}.client-filters{display:flex;gap:.5rem;padding:1rem 1.5rem 0;border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.filter-tab{padding:.5rem 1rem;background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{color:var(--color-text-primary)}.filter-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.client-search-bar{padding:1.5rem;border-bottom:1px solid var(--color-border)}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:.875rem;background-color:var(--color-bg-secondary);color:var(--color-text-primary);transition:all .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:var(--color-text-tertiary)}.client-grid{flex:1;overflow-y:auto;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.client-card{background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.client-card:hover{border-color:#3b82f6;box-shadow:var(--shadow-md);transform:translateY(-2px)}.client-card.selected{border-color:#3b82f6;background-color:#3b82f60d;box-shadow:0 0 0 3px #3b82f61a}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.client-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.segment-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0}.segment-badge.hotbuyer{background-color:var(--color-hotbuyer)}.segment-badge.hotseller{background-color:var(--color-hotseller)}.segment-badge.investor{background-color:var(--color-investor)}.segment-badge.referral{background-color:var(--color-referral)}.client-contact{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .5rem;word-break:break-word}.campaign-progress{font-size:.75rem;color:var(--color-text-tertiary);margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-border)}.client-list-footer{padding:1rem 1.5rem;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;font-size:.875rem}.footer-stat-item{display:flex;align-items:center;gap:.5rem}.footer-stat-label{color:var(--color-text-secondary)}.footer-stat-count{font-weight:600;color:var(--color-text-primary)}.empty-state-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.empty-state-container h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.empty-state-container p{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1.5rem;max-width:300px}.client-detail-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}.client-detail-header{padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.client-detail-title{flex:1}.client-detail-title h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.client-detail-title .segment-badge{display:inline-block;margin-top:.5rem}.close-detail-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.close-detail-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.client-detail-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.client-detail-section{padding:1.5rem;border-bottom:1px solid var(--color-border)}.client-detail-section h4{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-item{display:flex;flex-direction:column}.info-label{font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.info-value{font-size:.875rem;color:var(--color-text-primary);word-break:break-word}.info-value.note{font-size:.875rem;color:var(--color-text-secondary);grid-column:1 / -1;line-height:1.5}.activity-timeline{grid-column:1 / -1}.activity-item{display:flex;gap:1rem;margin-bottom:1rem}.activity-dot{width:8px;height:8px;border-radius:50%;background-color:#3b82f6;margin-top:.375rem;flex-shrink:0}.activity-text{font-size:.875rem;color:var(--color-text-secondary)}.client-detail-actions{padding:1.5rem;border-top:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.client-detail-actions .btn{font-size:.875rem;padding:.75rem 1rem}.campaign-preview-container{background-color:var(--color-bg-secondary);border-radius:.5rem;overflow:hidden;border:1px solid var(--color-border)}.campaign-preview-header{padding:1rem;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.campaign-preview-header h4{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.campaign-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.campaign-progress-bar{padding:1rem;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.progress-label{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.5rem;display:flex;justify-content:space-between}.progress-bar{width:100%;height:6px;background-color:var(--color-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background-color:#3b82f6;transition:width .3s ease}.campaign-sequence{padding:1rem}.campaign-email-item{padding:.75rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.375rem;margin-bottom:.75rem;font-size:.875rem}.campaign-email-item:last-child{margin-bottom:0}.campaign-email-status{display:inline-block;margin-right:.5rem}.campaign-email-number{font-weight:600;color:var(--color-text-primary)}.campaign-email-subject{color:var(--color-text-secondary);display:block;margin-top:.25rem}.campaign-email-item.completed .campaign-email-number{color:var(--color-referral)}.campaign-email-item.active{background-color:#3b82f60d;border-color:#3b82f6}.campaign-email-item.pending{opacity:.6}.campaign-info-box{padding:1rem;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.task-list-container{display:flex;flex-direction:column;gap:1.5rem}.task-list-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.task-list-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.overdue-badge{color:#ef4444;font-weight:600;margin-left:.5rem}.task-form{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem}.task-form input[type=text],.task-form input[type=date],.task-form textarea,.task-form select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;font-family:inherit;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all .2s ease}.task-form input:focus,.task-form textarea:focus,.task-form select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.task-form input::placeholder,.task-form textarea::placeholder{color:var(--color-text-tertiary)}.task-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end}.form-actions .btn{padding:.5rem 1rem;font-size:.875rem}.task-section{display:flex;flex-direction:column;gap:.75rem}.task-section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.task-section-title.overdue{color:#ef4444}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-item{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.375rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.task-item.completed{background-color:var(--color-bg-secondary);opacity:.7}.task-header{display:flex;align-items:flex-start;gap:.75rem}.task-checkbox-wrapper{display:flex;align-items:center;margin-top:.125rem;flex-shrink:0}.task-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.task-title-section{flex:1;min-width:0}.task-title-section h4{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0;word-break:break-word}.task-item.completed h4{text-decoration:line-through;color:var(--color-text-tertiary)}.task-description{font-size:.75rem;color:var(--color-text-secondary);margin:0;line-height:1.4;word-break:break-word}.task-delete{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--color-text-tertiary);padding:.25rem;flex-shrink:0;transition:all .2s ease}.task-delete:hover{color:#ef4444;transform:scale(1.2)}.task-footer{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;font-size:.75rem}.priority-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.due-date{color:var(--color-text-secondary)}.no-tasks,.empty-state{text-align:center;padding:2rem 1rem;color:var(--color-text-tertiary);font-size:.875rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--color-bg-primary);border-radius:.75rem;box-shadow:var(--shadow-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.modal-close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.form-section{margin-bottom:1.5rem}.form-section:last-child{margin-bottom:0}.form-section h3{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.form-group{margin-bottom:1rem;display:flex;flex-direction:column}.form-group:last-child{margin-bottom:0}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem}.form-label .required{color:#ef4444}.form-input{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:.875rem;font-family:inherit;background-color:var(--color-bg-secondary);color:var(--color-text-primary);transition:all .2s ease}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:var(--color-bg-primary)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input.error{border-color:#ef4444;background-color:#ef44440d}.form-error{font-size:.75rem;color:#ef4444;margin-top:.25rem}.form-hint{font-size:.75rem;color:var(--color-text-tertiary);margin-top:.25rem}.segment-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.segment-card{padding:1rem;border:2px solid var(--color-border);border-radius:.5rem;background-color:var(--color-bg-secondary);cursor:pointer;transition:all .2s ease;text-align:center}.segment-card:hover{border-color:#3b82f6;background-color:#3b82f60d}.segment-card.selected{border-color:#3b82f6;background-color:#3b82f61a;box-shadow:0 0 0 3px #3b82f61a}.segment-card-emoji{font-size:2rem;margin-bottom:.5rem}.segment-card-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.segment-card-description{font-size:.75rem;color:var(--color-text-secondary);line-height:1.4}.modal-footer{padding:1.5rem;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end}.modal-footer .btn{padding:.75rem 1.5rem;font-size:.875rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:#3b82f6;color:#3b82f6}.btn-small{padding:.5rem 1rem;font-size:.75rem}.btn-icon{padding:.5rem;font-size:1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.sidebar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;height:100%;text-align:center}.sidebar-placeholder h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.sidebar-placeholder p{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 1.5rem}.dashboard-footer{background-color:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:1.5rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;box-shadow:var(--shadow-md)}.footer-stat{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--color-bg-secondary);border-radius:.375rem}.footer-stat span{font-size:.875rem;color:var(--color-text-secondary)}.footer-stat strong{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.client-grid::-webkit-scrollbar,.client-detail-container::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:8px}.client-grid::-webkit-scrollbar-track,.client-detail-container::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.client-grid::-webkit-scrollbar-thumb,.client-detail-container::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.client-grid::-webkit-scrollbar-thumb:hover,.client-detail-container::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.client-card{animation:fadeIn .3s ease}.modal-content{animation:slideIn .3s ease}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-border);border-top-color:#3b82f6;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem}#root,.app{display:flex;flex-direction:column;height:100%}.app-nav{background:#ffffff0d;border-bottom:1px solid rgba(100,108,255,.2);padding:1rem 0;position:sticky;top:0;z-index:100}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-title{margin:0;font-size:1.5rem;background:linear-gradient(135deg,#646cff,#535bf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:1rem}.nav-link{background:none;border:none;color:#fff9;font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:all .2s}.nav-link:hover{color:#ffffffde;background:#646cff1a}.nav-link.active{color:#646cff;background:#646cff33}.app-main{flex:1 1 0;display:flex;flex-direction:column;min-height:0;overflow:auto}.controls-page{display:flex;flex-direction:column;flex:1 1 0;width:100%;min-height:0;overflow:hidden;padding:0}.landing-page{flex:1 1 0;display:flex;flex-direction:column;align-items:center;width:100%;min-height:0;overflow-y:auto;padding:3rem 2rem 4rem;gap:3rem}.container{max-width:600px;padding:2rem;text-align:center}.sliders-area{flex:0 0 52%;display:flex;flex-direction:column;padding:.5rem 2rem;gap:.25rem;min-height:0}.slider-row{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;min-height:0}.slider-label{display:block;width:85%;margin:0 auto;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#000;text-align:center;padding:.3em .6em;border:1px solid rgba(100,108,255,.3);border-radius:8px 8px 0 0;border-bottom:none;background:#ffffffeb;line-height:1.5}.slider-control-wrap{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center;min-height:0}.slider-track{position:relative;width:85%;height:40px}.slider-segments{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;border-radius:0 0 8px 8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.slider-segment{flex:1 1 0}.slider-segment+.slider-segment{border-left:1px solid rgba(0,0,0,.15)}.slider-ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.slider-tick{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;color:#ffffffd9}.slider-tick-dot{width:14px;height:14px;border-radius:50%;background:#ffffffd9;border:2px solid rgba(0,0,0,.45);box-shadow:0 0 0 1px #fff6;transition:transform .15s,background .15s}.slider-tick:hover .slider-tick-dot{transform:scale(1.15)}.slider-tick.is-active .slider-tick-dot{background:#fff;transform:scale(1.4);box-shadow:0 0 0 2px #646cffb3}.slider-tick-label{position:absolute;top:calc(100% + 6px);font-size:.7rem;white-space:nowrap;color:#000;background:#ffffffd9;padding:1px 6px;border-radius:4px}.slider-tick.is-active .slider-tick-label{color:#000;font-weight:700;background:#fff}.slider-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.goal-area{flex:0 0 18%;display:flex;flex-direction:column;padding:.6rem 2rem .4rem;min-height:0;position:relative;z-index:2}.prompt-area{flex:1 1 0;display:flex;flex-direction:column;padding:.4rem 2rem 1rem;min-height:0;position:relative;z-index:2}.field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.field-label{font-size:1rem;font-weight:700;color:#fff}.char-counter{font-size:.75rem;color:#fff9;font-variant-numeric:tabular-nums}.copy-btn{font-size:.7rem;padding:.25em .7em;background:#646cff26;color:#fff;border:1px solid rgba(100,108,255,.45);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.copy-btn:hover:not(:disabled){background:#646cff4d;border-color:#646cffb3}.copy-btn:disabled{opacity:.4;cursor:not-allowed}.goal-input,.prompt-output{flex:1 1 0;min-height:70px;width:100%;resize:none;background:#1a1a2e;border:2px solid rgba(100,108,255,.55);border-radius:8px;color:#fff!important;-webkit-text-fill-color:#ffffff;padding:.6rem .8rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;outline:none;cursor:text;position:relative;z-index:2;transition:border-color .15s,background .15s}.goal-input:focus,.prompt-output:focus{border-color:#8a90ff;background:#21213a;box-shadow:0 0 0 3px #646cff40}.prompt-output{font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.82rem;cursor:text}.goal-input::placeholder,.prompt-output::placeholder{color:#ffffff4d}.cards-row{flex:1 1 0;display:flex;gap:1rem;padding:.5rem 2rem .75rem;align-items:stretch;border-top:1px solid rgba(100,108,255,.2);min-height:0}.card-compact{flex:1 1 0;margin-bottom:0;padding:.6rem .8rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;font-size:.8rem}.card-compact h2{font-size:.9rem;margin:0 0 .25rem}.card-compact p{margin:.25rem 0;font-size:.75rem;line-height:1.2}.card-compact .btn{margin:.25rem 0;padding:.3em .6em;font-size:.75rem}.card-features ul{list-style:none;padding:0;margin:0;font-size:.7rem;color:#ffffffb3;overflow:hidden}.card-features li{margin:.1rem 0}h1{margin-bottom:2rem;font-size:2.5rem;background:linear-gradient(135deg,#646cff,#535bf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.3rem;margin-bottom:1rem}.card{padding:1.5rem;border-radius:12px;background-color:#ffffff0d;border:1px solid rgba(100,108,255,.2);margin-bottom:1.5rem;transition:border-color .3s}.card:hover{border-color:#646cff80}.card button{margin:1rem 0}.card p{margin-top:1rem;color:#ffffffb3}.card p.success{color:#4ade80}.card p.error{color:#f87171}.info{padding:1rem;margin-top:2rem;border-radius:8px;background-color:#646cff1a;font-size:.9rem;color:#ffffffb3}.info h3{margin-top:0;margin-bottom:1rem}.info ul{list-style:none;padding:0;margin:0}.info li{margin:.5rem 0}.btn{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .25s}.btn-primary{background:linear-gradient(135deg,#646cff,#535bf2);color:#fff;margin:1rem 0}.btn-primary:hover{border-color:#646cff}.btn-secondary{background-color:#1a1a1a;color:#fff;margin:1rem 0}.btn-secondary:hover{border-color:#646cff}.btn-large{padding:.85em 1.6em;font-size:1.05rem;border-radius:10px}.nav-title-button{background:none;border:none;padding:0;cursor:pointer}.nav-title-button:hover .nav-title{filter:brightness(1.1)}.nav-link-secondary{opacity:.7;font-size:.9rem}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:760px;width:100%;gap:1rem;padding-top:2rem}.landing-title{font-size:clamp(2.5rem,6vw,4rem);margin:0;background:linear-gradient(135deg,#646cff,#535bf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.05}.landing-tagline{font-size:clamp(1.1rem,2.2vw,1.4rem);color:#ffffffd9;margin:0;font-weight:500}.landing-subhead{font-size:1rem;color:#ffffffa6;max-width:600px;margin:0 auto;line-height:1.55}.landing-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.landing-visual{width:100%;max-width:880px;display:flex;justify-content:center}.mockup{width:100%;border-radius:14px;background:#1a1a1f;border:1px solid rgba(100,108,255,.25);box-shadow:0 30px 60px -20px #535bf259,0 10px 20px -10px #00000080;overflow:hidden}.mockup-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.mockup-dot{width:11px;height:11px;border-radius:50%;display:inline-block}.mockup-dot-r{background:#ff5f57}.mockup-dot-y{background:#febc2e}.mockup-dot-g{background:#28c840}.mockup-title{margin-left:.75rem;font-size:.8rem;color:#ffffff8c}.mockup-body{display:flex;min-height:240px}.mockup-side{flex:0 0 180px;display:flex;flex-direction:column;gap:.4rem;padding:1rem .8rem;background:#ffffff05;border-right:1px solid rgba(255,255,255,.06)}.mockup-pill{font-size:.78rem;padding:.35rem .65rem;border-radius:6px;color:#ffffffa6;background:#ffffff0a;border:1px solid transparent}.mockup-pill.is-active{color:#fff;background:#646cff33;border-color:#646cff80}.mockup-code{flex:1 1 0;margin:0;padding:1rem 1.2rem;font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.5;color:#ffffffd1;white-space:pre;overflow-x:auto}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;width:100%;max-width:880px}.landing-feature{padding:1.25rem 1.4rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(100,108,255,.2)}.landing-feature h3{margin:0 0 .5rem;font-size:1.05rem;color:#fff}.landing-feature p{margin:0;font-size:.9rem;color:#ffffffad;line-height:1.5}.landing-secondary-cta{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0}.landing-secondary-cta h2{margin:0;font-size:1.4rem}.landing-footer{width:100%;text-align:center;font-size:.8rem;color:#fff6;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.landing-footer p{margin:0}@media (max-width: 600px){.container{padding:1rem}h1{font-size:2rem}.nav-content{flex-direction:column;padding:1rem}.nav-title{font-size:1.2rem}}:root{color:#ffffffde;background-color:#242424}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover:not(:disabled){border-color:#646cff}button:disabled{opacity:.6;cursor:not-allowed}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}