@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.oauth-callback-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;font-family:Arial,sans-serif;background-color:#f5f5f5}.oauth-callback-card{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:400px}.oauth-callback-spinner{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.oauth-callback-title{color:#333;margin-bottom:20px}.oauth-callback-status{color:#666;margin-bottom:20px}.oauth-callback-error{background-color:#fee;color:#c33;padding:15px;border-radius:8px;margin-top:20px;font-size:14px}.progress-bar-container{width:100%;background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem 0}.progress-bar{height:4px;background:#f0f0f0;position:relative;overflow:hidden;margin-bottom:1rem;border-radius:2px;width:100%}.progress-fill{height:100%;background:#00695c;position:absolute;top:0;left:0;border-radius:2px;transition:width .1s ease-out}.step-labels{display:flex;justify-content:space-between;font-size:.875rem;color:#666;padding:0 .5rem}.step-label{transition:color .3s ease;text-align:center;flex:1;font-weight:500}.step-label.active{color:#00695c;font-weight:600}@media (max-width: 768px){.step-labels{font-size:.75rem}.step-label{text-align:center}}.step1-container{height:calc(100vh - 120px);display:flex;flex-direction:column;background:#fafafa;padding:2rem;box-sizing:border-box;justify-content:center;overflow:hidden}.step1-content{display:flex;flex-direction:column;justify-content:center;max-width:600px;width:100%;margin:0 auto;text-align:center;background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d}.step1-title{font-size:2.2rem;font-weight:700;color:#2c2c2c;margin-bottom:1rem;line-height:1.2;white-space:nowrap}.step1-subtitle{font-size:1.25rem;color:#666;margin-bottom:3rem;line-height:1.5}.step1-form{margin-bottom:3rem}.input-group{margin-bottom:2rem}.input-label{display:block;font-size:1rem;font-weight:500;color:#333;margin-bottom:.5rem;text-align:left}.url-input{width:100%;padding:1rem;font-size:1rem;border:2px solid #e5e5e5;border-radius:8px;background:#fff;transition:border-color .2s ease}.url-input:focus{outline:none;border-color:#000}.url-input.error{border-color:#ef4444}.url-input:disabled{background:#f5f5f5;cursor:not-allowed}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem;text-align:left}.submit-button{width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:#fff;background:#00695c;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.submit-button:disabled{background:#a3a3a3;cursor:not-allowed}.step1-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.feature{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666}.feature-icon{font-size:1.25rem}.spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #000;border-radius:50%;animation:spin 1s linear infinite}.analyzed-website-section{display:flex;flex-direction:column;gap:1.5rem}.website-display{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.website-label{font-weight:600;color:#333;font-size:.875rem}.website-url{flex:1;font-family:monospace;color:#000;font-weight:500;font-size:.875rem}.edit-button-small{background:#6c757d;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.edit-button-small:hover{background:#5a6268}.analyzed-actions{display:flex;gap:1rem;justify-content:center;align-items:center}.start-over-button{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.start-over-button:hover{background:#5a6268}.toast-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.toast-content{background:white;border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 10px 25px #0003}.toast-content h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:#000;text-align:center}.toast-actions{display:flex;gap:1rem;margin-top:1.5rem}.cancel-button{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;flex:1}.cancel-button:hover{background:#5a6268}@media (max-width: 768px){.step1-title{font-size:1.8rem;white-space:nowrap}.step1-subtitle{font-size:1rem}.step1-features{flex-direction:column;gap:1rem}.website-display{flex-direction:column;align-items:stretch;gap:.5rem}.website-url{word-break:break-all}.edit-button-small{align-self:flex-end}.analyzed-actions{flex-direction:column;gap:.75rem}.start-over-button,.submit-button{width:100%}.toast-content{padding:1.5rem;margin:1rem}.toast-actions{flex-direction:column}}.objectives-header{text-align:center;margin-bottom:2rem;padding:1.5rem}.objectives-header h2{color:#333;margin-bottom:.5rem;font-size:1.8rem}.objectives-header p{color:#666;margin:0;font-size:1.1rem}.analysis-status{text-align:center;margin-bottom:2rem;padding:1.5rem;border-radius:12px;transition:all .3s ease}.analysis-status.loading{background:linear-gradient(135deg,#fff3cd,#fef9e7);border:1px solid #ffeaa7}.analysis-status.success{background:linear-gradient(135deg,#e8f5e8,#f0f8ff);border:1px solid #d4edda}.analysis-status h2{margin-bottom:.5rem;font-size:1.5rem}.analysis-status.loading h2{color:#856404}.analysis-status.success h2{color:#28a745}.analysis-status p{color:#666;margin:0;font-size:1rem}.success-message{text-align:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#e8f5e8,#f0f8ff);border-radius:12px;border:1px solid #d4edda}.success-message h2{color:#28a745;margin-bottom:.5rem;font-size:1.5rem}.success-message p{color:#666;margin:0;font-size:1rem}.objectives-section{margin-top:2rem;opacity:0;transform:translateY(-30px);transition:all .6s ease-out}.objectives-section.show{opacity:1;transform:translateY(0)}.objectives-section h3{font-size:1.4rem;color:#333;margin-bottom:.5rem;text-align:center}.objectives-subtitle{text-align:center;color:#666;margin-bottom:2rem;font-size:1rem}.objectives-groups{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.objective-group{border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;background:#ffffff;transition:all .2s ease}.objective-group:hover{border-color:#000;box-shadow:0 4px 8px #0000001a}.group-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:.5rem}.group-description{font-size:.9rem;color:#666;margin:0}.group-objectives{display:grid;grid-template-columns:1fr;gap:.75rem}.objectives-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.objective-option{display:flex;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .2s ease}.objective-option:hover{background:#e9ecef;border-color:#6c757d}.objective-option input[type=checkbox]{margin-right:.75rem;transform:scale(1.2);cursor:pointer}.objective-option input[type=checkbox]:checked+.objective-text{color:#000;font-weight:600}.objective-text{color:#333;font-size:1rem;line-height:1.4;cursor:pointer}.objectives-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.back-button{background:#f8f9fa;color:#666;border:1px solid #dee2e6;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s ease}.continue-button{background:#00695c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-width:180px}.continue-button:hover:not(:disabled){background:#004d40}.continue-button:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 768px){.objectives-actions{flex-direction:column}.back-button,.continue-button{width:100%}.objectives-groups{gap:1.5rem}.objective-group{padding:1rem}.group-title{font-size:1.1rem}.group-description{font-size:.85rem}.group-objectives{gap:.5rem}.objectives-grid{gap:.75rem}.objective-option{padding:.75rem}}.no-website-link-container{margin-top:1.5rem;text-align:center}.no-website-link{background:none;border:none;color:#666;font-size:.95rem;text-decoration:underline;cursor:pointer;padding:.5rem;transition:color .2s ease}.no-website-link:hover:not(:disabled){color:#00695c;text-decoration:none}.no-website-link:disabled{color:#ccc;cursor:not-allowed;text-decoration:none}.processing-engagement{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.processing-container{background:white;border-radius:16px;padding:2.5rem;max-width:600px;width:100%;box-shadow:0 20px 40px #0000001a;text-align:center}.processing-header{margin-bottom:2rem}.processing-icon{margin-bottom:1.5rem}.processing-spinner{display:inline-block}.spinner{width:48px;height:48px;border:4px solid #e3f2fd;border-top:4px solid #00695c;border-radius:50%;animation:spin 1s linear infinite}.processing-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.processing-subtitle{font-size:1rem;color:#666;margin:0;line-height:1.5}.processing-progress{margin-bottom:2rem}.progress-text{font-size:.875rem;font-weight:600;color:#00695c}.processing-stage{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.stage-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.stage-dot{width:12px;height:12px;border-radius:50%;background:#dee2e6;transition:all .3s ease}.stage-dot.active{background:#00695c;transform:scale(1.2)}.stage-line{width:40px;height:2px;background:#dee2e6;margin:0 8px}.stage-content h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem}.stage-content p{font-size:.875rem;color:#666;margin:0}.processing-insights{margin-bottom:2rem;text-align:left}.insights-title{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem;text-align:center}.insight-card{background:linear-gradient(135deg,#e8f5e9 0%,#f1f8e9 100%);border:1px solid #c8e6c9;border-radius:12px;padding:1.25rem;margin-bottom:1rem}.insight-text{font-size:.95rem;color:#2e7d32;margin:0;line-height:1.5;font-weight:500}.processing-tips{margin-bottom:2rem;text-align:left}.tips-title{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem;text-align:center}.tips-list{display:flex;flex-direction:column;gap:.75rem}.tip-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #00695c}.tip-icon{color:#00695c;font-weight:600;font-size:.875rem;flex-shrink:0;margin-top:.125rem}.tip-text{font-size:.875rem;color:#495057;line-height:1.4;margin:0}.processing-preview{margin-bottom:2rem}.preview-title{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-item{text-align:center;padding:1rem;background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);border-radius:12px;border:1px solid #bbdefb}.stat-number{font-size:1.5rem;font-weight:700;color:#00695c;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.processing-time{padding-top:1rem;border-top:1px solid #e9ecef}.time-text{font-size:.875rem;color:#666;margin:0}.time-text strong{color:#00695c;font-weight:600}@media (max-width: 768px){.processing-engagement{padding:1rem}.processing-container{padding:1.5rem}.processing-title{font-size:1.5rem}.preview-stats{grid-template-columns:1fr;gap:.75rem}.stat-item{padding:.75rem}.stat-number{font-size:1.25rem}.tip-item{padding:.5rem}.insight-card{padding:1rem}}@media (max-width: 480px){.processing-container{padding:1rem}.processing-title{font-size:1.25rem}.processing-subtitle{font-size:.875rem}.stage-content h3{font-size:1rem}.stage-content p{font-size:.8rem}}.step2-container{min-height:calc(100vh - 80px);display:flex;flex-direction:column;padding:1rem;background:#fafafa;box-sizing:border-box;justify-content:flex-start;overflow-y:auto}.step2-content{display:flex;flex-direction:column;justify-content:flex-start;width:100%;margin:0 auto;background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;position:relative}.step2-title{font-size:1.5rem;font-weight:700;color:#2c2c2c;margin-bottom:.5rem;text-align:center}.step2-subtitle{font-size:.9rem;color:#666;margin-bottom:1.5rem;text-align:center;line-height:1.5}.business-details-form{display:flex;flex-direction:column;gap:3rem}.field-group.narrow-input input{max-width:300px}.form-section{background:white;border-radius:8px;padding:1.25rem;margin-bottom:1.25rem;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000000d}.section-header{text-align:center}.section-title{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:.75rem}}.field-group{display:flex;flex-direction:column}.form-section:nth-child(2) .field-group{margin-bottom:1rem}.field-label{font-size:.8rem;font-weight:600;color:#333;margin-bottom:.3rem}.field-input{padding:.7rem;border:1px solid #e5e5e5;border-radius:6px;font-size:.9rem;transition:all .2s ease;background:white;box-sizing:border-box}.field-input:focus{outline:none;border-color:#00695c;box-shadow:0 0 0 3px #00695c1a}.field-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-input:disabled{background:#f8f9fa;cursor:not-allowed;color:#6c757d}.field-textarea{resize:none;min-height:60px;font-family:inherit;line-height:1.4;overflow:hidden}.field-help{font-size:.8rem;color:#6c757d;margin-top:.25rem;font-style:italic;line-height:1.4}.field-error{font-size:.8rem;color:#ef4444;margin-top:.25rem;display:block;font-weight:500}.field-tagline{color:#6c757d;font-size:.75rem;margin-top:.25rem;font-style:italic;line-height:1.3}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;padding:1rem;color:#c33;display:flex;align-items:center;justify-content:space-between;gap:1rem}.retry-button{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.retry-button:hover:not(:disabled){background:#c0392b}.retry-button:disabled{background:#ccc;cursor:not-allowed}.step2-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.back-button{background:#f8f9fa;color:#495057;border:1px solid #dee2e6;padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.submit-button{background:#00695c;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-width:150px}.submit-button:hover:not(:disabled){background:#004d40}.submit-button:disabled{background:#ccc;cursor:not-allowed}.edit-details-button{background:#9e9e9e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-width:140px}.edit-details-button:hover:not(:disabled){background:#757575}.edit-details-button:disabled{background:#ccc;cursor:not-allowed}.close-edit-button{position:absolute;top:15px;right:15px;background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:50%;width:28px;height:28px;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-edit-button:hover:not(:disabled){background:#e0e0e0;border-color:#999}.close-edit-button:disabled{opacity:.5;cursor:not-allowed}.edit-mode-actions{display:flex;justify-content:center;gap:1rem;margin:2rem 0}.save-changes-btn{background:#9e9e9e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-width:140px}.save-changes-btn:hover:not(:disabled){background:#757575}.regenerate-campaigns-btn{background:#9e9e9e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-width:200px}.regenerate-campaigns-btn:hover:not(:disabled){background:#757575}.regenerate-campaigns-btn:disabled{background:#ccc;cursor:not-allowed}.edit-mode-helper{text-align:center;margin:1rem 0}.edit-mode-helper p{color:#666;font-size:.9rem;margin:0;font-style:italic}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #000;border-radius:50%;animation:spin 1s linear infinite}.edit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.cancel-edit-btn{background:#f5f5f5;color:#666;border:1px solid #ddd;padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-edit-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.save-changes-btn{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.save-changes-btn:hover:not(:disabled){background:#218838}.save-changes-btn:disabled{background:#ccc;cursor:not-allowed}.field-input[readonly]{background:#f8f9fa;color:#495057;cursor:default}.field-input[readonly]:focus{border-color:#ddd;box-shadow:none}@media (max-width: 768px){.step2-container{padding:1rem}.step2-content{padding:1.5rem}.step2-title{font-size:1.5rem}.step2-actions{flex-direction:column}.back-button,.edit-details-button,.submit-button,.save-changes-btn,.regenerate-campaigns-btn{width:100%}.edit-mode-actions{flex-direction:column;gap:.75rem}.close-edit-button{top:8px;right:8px;width:24px;height:24px;font-size:.8rem}.error-message{flex-direction:column;align-items:stretch}.retry-button{width:100%;margin-top:.5rem}.edit-actions{flex-direction:column}.cancel-edit-btn,.save-changes-btn{width:100%}}.enhanced-fields-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #e1e5e9}.section-subtitle{color:#666;margin-bottom:1.5rem;font-size:.95rem}.field-help{display:block;font-size:.85rem;color:#888;font-weight:400;margin-top:.25rem}.array-field{border:1px solid #e1e5e9;border-radius:8px;padding:1rem;background:#fafbfc}.array-items{margin-bottom:1rem}.array-item{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid #e1e5e9;border-radius:6px;padding:.5rem .75rem;margin-bottom:.5rem;transition:all .2s ease}.array-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000000d}.contact-method-item{background:linear-gradient(45deg,#f8fafc,#ffffff)}.item-text{color:#333;font-weight:500;flex-grow:1}.remove-item-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1;transition:all .2s ease;margin-left:.5rem}.remove-item-btn:hover{background:#dc2626;transform:scale(1.1)}.remove-item-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.array-input{display:flex;gap:.5rem;align-items:center}.array-input .field-input{flex-grow:1;margin:0}.add-item-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.625rem 1rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-item-btn:hover{background:#2563eb}.add-item-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.analysis-loading-screen{text-align:center;padding:2rem 0}.loading-progress{margin-top:2rem}.progress-steps{margin:2rem 0;display:flex;flex-direction:column;gap:1rem;max-width:400px;margin-left:auto;margin-right:auto}.progress-step{padding:1rem;border-radius:8px;font-weight:500;transition:all .3s ease}.progress-step.completed{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.progress-step.active{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;animation:pulse 2s infinite}.progress-step.pending{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.loading-note{color:#666;font-style:italic;margin-top:1.5rem}@media (max-width: 768px){.array-input{flex-direction:column;gap:.75rem}.array-input .field-input,.add-item-btn{width:100%}.enhanced-fields-section{margin-top:1.5rem;padding-top:1.5rem}.progress-steps{gap:.75rem}.progress-step{padding:.75rem;font-size:.9rem}}.edit-button{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.edit-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.step2-container{background:#fafafa;padding:2rem;height:calc(100vh - 80px);overflow:hidden}.step2-content{max-width:1200px;width:100%;margin:0 auto;background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.objectives-header{text-align:center;margin-bottom:2rem}.objectives-header h1{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.objectives-header p{font-size:.95rem;color:#666;margin:0}.scraping-status{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:center;transition:all .3s ease}.scraping-status.scraping-complete{background:#f8f9fa;border:1px solid #dee2e6}.scraping-header h2{font-size:1.5rem;font-weight:600;color:#1976d2;margin:0 0 .5rem}.scraping-complete .scraping-header h2{color:#2e7d32}.scraping-header p{font-size:1rem;color:#666;margin:0}.scraping-spinner{margin-bottom:1rem}.scraping-spinner .spinner{width:32px;height:32px;border:3px solid #e3f2fd;border-top:3px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.scraping-success{margin-bottom:1rem}.success-icon{font-size:32px;margin:0 auto}.scraping-error{background:linear-gradient(135deg,#ffebee,#fce4ec);border:1px solid #ffcdd2;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:center}.error-content h3{font-size:1.5rem;font-weight:600;color:#d32f2f;margin:0 0 .5rem}.error-content p{font-size:1rem;color:#666;margin:0 0 1rem}.back-to-step1-button{background:#d32f2f;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.back-to-step1-button:hover{background:#b71c1c}.objectives-form{display:flex;flex-direction:column}.objectives-section{margin-bottom:2rem}.objectives-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3.5rem}.objective-group{border:1px solid #e9ecef;border-radius:8px;padding:1.25rem;background:#fafafa;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.objective-group-bottom{margin-top:2.5rem}.group-header{margin-bottom:1rem;text-align:center}.group-title{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 .25rem}.group-description{font-size:.85rem;color:#666;margin:0;font-style:italic}.group-objectives{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.objective-button{padding:.6rem .8rem;background:white;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:500;color:#333;text-align:center;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.objective-button:hover{border-color:#00695c;background:#f8f9fa}.objective-button.selected{border-color:#00695c;background:#00695c;color:#fff;font-weight:600}.objective-button.selected:hover{background:#00796b;border-color:#00796b}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center;font-weight:500}.main-cta-container{display:flex;justify-content:center;margin:2rem 0;padding-bottom:100px}.main-cta-button{background:#00695c;color:#fff;border:none;padding:1rem 3rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000001a}.main-cta-button:hover:not(:disabled){background:#00796b;box-shadow:0 6px 12px #00000026}.main-cta-button:disabled{background:#ccc;color:#666;cursor:not-allowed;box-shadow:none}.loading-spinner{display:flex;align-items:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.loading-message{text-align:center;font-size:1.2rem;color:#666;padding:2rem}@media (max-width: 768px){.step2-container{padding:1rem}.step2-content{padding:1.5rem}.objectives-header h1{font-size:2rem}.group-objectives{grid-template-columns:1fr}.objective-option{padding:.75rem}}.step4-container{height:calc(100vh - 80px);background:#fafafa;display:flex;flex-direction:column;padding:2rem;box-sizing:border-box;overflow:hidden;justify-content:center}.step4-content{max-width:800px;width:100%;margin:0 auto;background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.step4-header{text-align:center;margin-bottom:3rem}.step4-header h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem}.step4-header p{font-size:1.1rem;color:#666;margin:0}.campaign-summary{padding:1.5rem}.campaign-summary h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem}.campaign-card{background:white;border-radius:16px;padding:30px;box-shadow:0 2px 4px #0000000d}.campaign-card h3{font-size:1.25rem;font-weight:600;color:#00695c;margin:0 0 1rem}.campaign-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.detail-item strong{font-weight:600;color:#333;font-size:.9rem}.detail-item span{color:#666;font-size:.95rem;line-height:1.4}.campaign-inputs{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:1.5rem}.input-group-inline{display:flex;flex-direction:column;gap:.5rem}.input-label-inline{font-weight:600;color:#333;font-size:.9rem}.form-input-inline{padding:.5rem .75rem;border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;transition:all .2s ease;background:white}.form-input-inline:focus{outline:none;border-color:#00695c;box-shadow:0 0 0 2px #00695c1a}.form-input-inline.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.form-input-inline.valid{border-color:#28a745;box-shadow:0 0 0 2px #28a7451a}.form-input-inline:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.validation-error-inline{color:#dc3545;font-size:.8rem;font-weight:500}.validation-loading-inline{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.8rem}.validation-success-inline{display:flex;align-items:center;gap:.5rem;color:#28a745;font-size:.8rem;font-weight:500}.validation-warning-inline{display:flex;align-items:center;gap:.5rem;color:#ffc107;font-size:.8rem;font-weight:500}.input-help-text{color:#666;font-size:.8rem;font-style:italic;margin-top:.25rem}.budget-input-container{position:relative;display:flex;align-items:center}.budget-currency{position:absolute;left:.75rem;font-weight:600;color:#333;z-index:1;pointer-events:none}.budget-input{padding-left:2rem}.ai-budget-text{color:#666;font-size:.8rem;margin-top:.5rem;font-style:italic}.error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:1.5rem;font-weight:500}.error-icon{font-size:1.1rem}.loading-spinner{display:flex;align-items:center;gap:.5rem;justify-content:center}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.confirmation-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.confirmation-dialog{background:white;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.confirmation-header{padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb}.confirmation-header h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#111827}.confirmation-content{padding:1.5rem}.confirmation-content p{margin:0 0 1rem;color:#6b7280;font-size:.95rem}.confirmation-details{background:#f9fafb;border-radius:8px;padding:1rem;margin:1rem 0}.confirmation-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.confirmation-details .detail-row:last-child{border-bottom:none}.confirmation-details .detail-row strong{color:#374151;font-weight:600}.confirmation-details .detail-row span{color:#6b7280;font-size:.9rem}.confirmation-actions{padding:0 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.confirmation-button{padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.cancel-button{background:#f3f4f6;color:#374151;border-color:#d1d5db}.cancel-button:hover{background:#e5e7eb;border-color:#9ca3af}.confirm-button{background:#00695c;color:#fff;border-color:#00695c}.confirm-button:hover{background:#00796b;border-color:#00796b;box-shadow:0 2px 4px #00695c33}@media (max-width: 768px){.step4-container{padding:1rem}.step4-header h1{font-size:2rem}.step4-header p{font-size:1rem}.campaign-details{gap:1rem}.detail-item{gap:.5rem}.campaign-inputs{gap:1rem}.input-group-inline{gap:.75rem}}.performance-metrics{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--grey-300)}.performance-title{font-size:.875rem;font-weight:600;color:var(--grey-700);margin:0 0 var(--space-sm) 0}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.metric-item{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:.75rem;color:var(--grey-600);font-weight:500}.metric-value{font-size:.875rem;color:var(--grey-900);font-weight:600}@media (max-width: 768px){.modal-content{padding:24px;width:95%}.business-form-row{grid-template-columns:1fr;gap:16px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.header-content{flex-direction:column;gap:16px;text-align:center}.quick-actions{grid-template-columns:1fr}.campaign-stats{grid-template-columns:repeat(2,1fr)}}.terms-link{color:#000;text-decoration:underline}.terms-link:hover{color:#73c6ce}.login-prompt{color:#6b7280;font-size:14px;margin:0}.login-link{color:#000;text-decoration:underline;font-weight:500}.login-link:hover{color:#73c6ce}.signup-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;color:#111827}.signup-subtitle{font-size:1.125rem;color:#6b7280;margin:0 0 32px}.email-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:8px;font-size:14px;text-align:left}.step3-container{height:calc(100vh - 80px);background:#fafafa;display:flex;flex-direction:column;padding:20px 20px 100px;box-sizing:border-box;overflow:hidden}.step3-content{flex:1;display:flex;flex-direction:column;justify-content:center;background:#ffffff;border-radius:20px;padding:40px;width:100%;max-width:900px;margin:0 auto;box-shadow:0 4px 20px #0000000d;border:1px solid #f1f5f9}.step3-title{font-size:2.5rem;font-weight:700;color:#2c2c2c;text-align:center;margin-bottom:10px}.step3-subtitle{font-size:1.1rem;color:#718096;text-align:center;margin-bottom:30px;line-height:1.6}.campaign-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.nav-button{background:#9e9e9e;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-button:hover:not(:disabled){background:#757575}.nav-button:disabled{background:#cbd5e0;cursor:not-allowed}.campaign-counter{font-size:1rem;font-weight:600;color:#4a5568;padding:10px 20px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.campaign-card{background:white;border-radius:16px;padding:30px;box-shadow:0 10px 25px #0000001a;border:2px solid #e2e8f0;transition:all .3s ease;margin-bottom:20px}.campaign-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f7fafc}.campaign-priority{background:#00695c;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.campaign-name{font-size:1.8rem;font-weight:700;color:#2d3748;margin:0;flex:1;text-align:right}.campaign-details{margin-bottom:25px}.detail-item{line-height:1.6;margin-bottom:8px;display:block!important}.detail-label{font-size:1rem;font-weight:600;color:#4a5568;display:inline-block;width:200px;vertical-align:top}.detail-value{font-size:1rem;color:#2d3748;display:inline-block;width:calc(100% - 208px);vertical-align:top}.budget-highlight{color:#2d3748}.campaign-dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.campaign-dot{width:12px;height:12px;border-radius:50%;border:none;background:#cbd5e0;cursor:pointer;transition:all .2s ease}.campaign-dot:hover{background:#a0aec0}.campaign-dot.active{background:#00695c}.generate-more-section{text-align:center;padding:30px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;margin-top:20px}.generate-more-section p{font-size:1rem;color:#4a5568;margin-bottom:15px}.generate-more-btn{background:#9e9e9e;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.generate-more-btn:hover:not(:disabled){background:#757575}.generate-more-btn:disabled{background:#cbd5e0;cursor:not-allowed}.loading-spinner{display:inline-flex;align-items:center;gap:10px}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#fed7d7;border:1px solid #fc8181;color:#c53030;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.step3-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}.back-button{background:#f8f9fa;color:#495057;border:1px solid #dee2e6;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.back-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.proceed-button{background:#00695c;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.proceed-button:hover:not(:disabled){background:#004d40}.proceed-button:disabled{background:#cbd5e0;cursor:not-allowed}@media (max-width: 768px){.step3-content{padding:20px;margin:10px}.step3-title{font-size:2rem}.campaign-header{flex-direction:column;gap:15px;text-align:center}.campaign-name{text-align:center}.campaign-details{grid-template-columns:1fr}.step3-actions{flex-direction:column}.back-button,.proceed-button{width:100%}}.main-cta-container{display:flex;justify-content:center;margin:2rem 0}.main-cta-button{background:#00695c;color:#fff;border:none;padding:1rem 3rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px}.main-cta-button:hover:not(:disabled){background:#00796b}.main-cta-button:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background:#f8f9fa;border-top:1px solid #e9ecef;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000}.nav-button{background:#f8f9fa;color:#495057;border:1px solid #dee2e6;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.nav-button:disabled{background:#f8f9fa;color:#adb5bd;border-color:#e9ecef;cursor:not-allowed}.nav-spacer{flex:1}.generate-more-button{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.generate-more-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.campaign-navigation{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}.nav-arrow{background:#f8f9fa;color:#495057;border:2px solid #dee2e6;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease}.nav-arrow:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.nav-arrow:disabled{background:#f8f9fa;color:#adb5bd;border-color:#e9ecef;cursor:not-allowed}.campaign-counter{font-size:.9rem;color:#6c757d;font-weight:500;min-width:60px;text-align:center}.toast-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;animation:fadeIn .3s ease-out}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;max-width:700px;background:white;border-radius:16px;box-shadow:0 12px 32px #00000040;border-left:6px solid #28a745;animation:fadeInScale .3s ease-out;box-sizing:border-box}.toast-success{border-left-color:#28a745}.toast-error{border-left-color:#dc3545}.toast-warning{border-left-color:#ffc107}.toast-info{border-left-color:#17a2b8}.toast-content{display:flex;align-items:flex-start;padding:24px;gap:16px;position:relative;width:100%;box-sizing:border-box}.toast-icon{font-size:32px;flex-shrink:0;margin-top:4px}.toast-message{flex:1;font-size:18px;font-weight:500;color:#333;line-height:1.5;padding-right:40px}.toast-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.toast-close:hover{background:#f8f9fa;color:#333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (max-width: 768px){.toast{top:50%;left:50%;transform:translate(-50%,-50%);margin:0 20px;min-width:auto}}.terms-page{min-height:100vh;background:#f8f9fa;padding:40px 20px}.terms-container{max-width:800px;margin:0 auto;background:white;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:40px}.terms-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.terms-header h1{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 10px}.terms-content{line-height:1.6;color:#333}.terms-content section{margin-bottom:30px}.terms-content h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 15px;padding-top:20px}.terms-content h2:first-child{padding-top:0}.terms-content p{margin:0 0 15px;font-size:1rem}.terms-content ul{margin:15px 0;padding-left:20px}.terms-content li{margin:8px 0;font-size:1rem}.terms-footer{margin-top:40px;padding-top:20px;border-top:1px solid #e9ecef;text-align:center}@media (max-width: 768px){.terms-container{padding:30px 20px}.terms-header h1{font-size:2rem}.terms-content h2{font-size:1.25rem}}.data-processing-page{min-height:100vh;background:#f8f9fa;padding:40px 20px}.data-processing-container{max-width:800px;margin:0 auto;background:white;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:40px}.data-processing-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.data-processing-header h1{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 10px}.last-updated{color:#666;font-size:1rem;margin:0}.data-processing-content{line-height:1.6;color:#333}.data-processing-content section{margin-bottom:30px}.data-processing-content h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 15px;padding-top:20px}.data-processing-content h2:first-child{padding-top:0}.data-processing-content p{margin:0 0 15px;font-size:1rem}.data-processing-content ul{margin:15px 0;padding-left:20px}.data-processing-content li{margin:8px 0;font-size:1rem}.data-processing-content strong{color:#2d3748;font-weight:600}.link{color:#667eea;text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.data-processing-footer{margin-top:40px;padding-top:20px;border-top:1px solid #e9ecef;text-align:center}.back-link{color:#667eea;text-decoration:none;font-weight:600;font-size:1rem}.back-link:hover{text-decoration:underline}@media (max-width: 768px){.data-processing-container{padding:30px 20px}.data-processing-header h1{font-size:2rem}.data-processing-content h2{font-size:1.25rem}}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#333;background:#fafafa}#root{min-height:100vh;margin:0;padding:0}.App{margin:0;padding:0;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}:root{--brand-primary: #73c7cd;--brand-secondary: #6ccbfa;--grey-100: #0F0F0F;--grey-200: #1A1A1A;--grey-300: #1F1F1F;--grey-400: #2D2D2D;--grey-500: #3A3A3A;--grey-600: #4A4A4A;--grey-700: #8B8B8B;--grey-800: #B0B0B0;--grey-900: #FFFFFF;--font-primary: "Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-mono: "Berkeley Mono","SFMono Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--font-regular: "Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-display: var(--font-regular);--font-monospace: "Berkeley Mono","SFMono Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--font-size-micro: .6875rem;--font-size-microPlus: .6875rem;--font-size-mini: .75rem;--font-size-miniPlus: .75rem;--font-size-small: .8125rem;--font-size-smallPlus: .8125rem;--font-size-regular: .9375rem;--font-size-regularPlus: .9375rem;--font-size-large: 1.125rem;--font-size-largePlus: 1.125rem;--font-size-title1: 2.25rem;--font-size-title2: 1.5rem;--font-size-title3: 1.25rem;--font-weight-light: 300;--font-weight-normal: 450;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-circle: 50%;--radius-rounded: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--speed-highlightFadeIn: 0s;--speed-highlightFadeOut: .15s;--speed-quickTransition: .1s;--speed-regularTransition: .25s;--speed-slowTransition: .35s;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--ease-in-quad: cubic-bezier(.55,.085,.68,.53);--ease-in-cubic: cubic-bezier(.55,.055,.675,.19);--ease-in-quart: cubic-bezier(.895,.03,.685,.22);--ease-in-quint: cubic-bezier(.755,.05,.855,.06);--ease-in-expo: cubic-bezier(.95,.05,.795,.035);--ease-in-circ: cubic-bezier(.6,.04,.98,.335);--ease-out-quad: cubic-bezier(.25,.46,.45,.94);--ease-out-cubic: cubic-bezier(.215,.61,.355,1);--ease-out-quart: cubic-bezier(.165,.84,.44,1);--ease-out-quint: cubic-bezier(.23,1,.32,1);--ease-out-expo: cubic-bezier(.19,1,.22,1);--ease-out-circ: cubic-bezier(.075,.82,.165,1);--ease-in-out-quad: cubic-bezier(.455,.03,.515,.955);--ease-in-out-cubic: cubic-bezier(.645,.045,.355,1);--ease-in-out-quart: cubic-bezier(.77,0,.175,1);--ease-in-out-quint: cubic-bezier(.86,0,.07,1);--ease-in-out-expo: cubic-bezier(1,0,0,1);--ease-in-out-circ: cubic-bezier(.785,.135,.15,.86);--editor-block-spacing: 1rem;--editor-block-spacing-large: 1.375rem;--editor-block-spacing-small: .375rem;--editor-block-radius: 6px;--editor-block-menu-size: 20px;--editor-block-menu-offset: 28px;--editor-last-invisible-paragraph-spacing: 10px;--editor-line-height: 1.6;--editor-letter-spacing: -.00666667em;--editor-list-inset: 1.5rem;--editor-bullet-disc-width: .5em;--editor-bullet-disc-offset: .5em;--editor-todolist-checkbox-width: 14px;--editor-font-size: var(--font-size-regular);--editor-safe-area: 16px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-regular);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--grey-900);background-color:var(--grey-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--space-md);color:var(--grey-900)}h1{font-size:var(--font-size-title1)}h2{font-size:var(--font-size-title2)}h3{font-size:var(--font-size-title3)}h4{font-size:var(--font-size-large)}h5{font-size:var(--font-size-regular)}h6{font-size:var(--font-size-small)}p{margin-bottom:var(--space-md);line-height:1.6}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.page-container{min-height:100vh;padding:var(--space-xl) 0}.section{margin:var(--space-3xl) 0}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.m-0{margin:0}.m-1{margin:var(--space-xs)}.m-2{margin:var(--space-sm)}.m-3{margin:var(--space-md)}.m-4{margin:var(--space-lg)}.m-5{margin:var(--space-xl)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--brand-primary)}.text-secondary{color:var(--brand-secondary)}.text-success{color:var(--brand-success)}.text-warning{color:var(--brand-warning)}.text-error{color:var(--brand-error)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-small)}.text-base{font-size:var(--font-size-regular)}.text-lg{font-size:var(--font-size-large)}.text-xl{font-size:var(--font-size-title3)}.bg-primary{background-color:var(--brand-primary)}.bg-secondary{background-color:var(--brand-secondary)}.bg-success{background-color:var(--brand-success)}.bg-warning{background-color:var(--brand-warning)}.bg-error{background-color:var(--brand-error)}.bg-dark{background-color:var(--grey-200)}.bg-light{background-color:var(--grey-800)}.border{border:1px solid var(--grey-500)}.border-t{border-top:1px solid var(--grey-500)}.border-b{border-bottom:1px solid var(--grey-500)}.border-l{border-left:1px solid var(--grey-500)}.border-r{border-right:1px solid var(--grey-500)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-circle)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@media (max-width: 640px){.container{padding:0 var(--space-sm)}.page-container{padding:var(--space-lg) 0}}@media (max-width: 768px){.hide-mobile{display:none}}@media (min-width: 769px){.hide-desktop{display:none}}.typography-showcase h1,.typography-showcase h2,.typography-showcase h3,.typography-showcase p{font-family:var(--font-primary);margin-bottom:var(--space-md);color:var(--grey-900)}.typography-showcase h1{letter-spacing:-.025em}.typography-showcase h2{letter-spacing:-.02em}.typography-showcase h3{letter-spacing:-.015em}.font-variants p{margin-bottom:var(--space-sm);padding:var(--space-sm);background:var(--grey-200);border-radius:var(--radius-sm);font-size:var(--font-size-regular)}.easing-demo{display:flex;flex-wrap:wrap;gap:var(--space-md)}.easing-demo .btn{min-width:160px}.editor-variables p,.editor-variables ul{font-family:var(--font-primary);color:var(--grey-800)}.editor-variables ul{list-style:disc}.editor-variables li{margin-bottom:var(--space-xs)}.auth-card,.card,.typography-showcase,.font-variants,.easing-examples,.editor-variables{font-family:var(--font-primary)}.signup-title,.signup-subtitle,.login-prompt,.signup-prompt,.card-title{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-family:var(--font-primary);font-size:var(--font-size-regular);font-weight:var(--font-weight-medium);line-height:1.5;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;min-height:48px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-primary{background:#00695c;color:#fff;box-shadow:var(--shadow-md)}.btn-secondary{background:var(--grey-900);color:var(--grey-100);border:1px solid var(--grey-500)}.btn-secondary:hover:not(:disabled){background:var(--grey-200);color:var(--grey-100);border:1px solid var(--grey-500)}.btn-ghost{background:transparent;color:var(--grey-800);border:1px solid var(--grey-500)}.btn-ghost:hover:not(:disabled){background:var(--grey-300);border-color:var(--grey-600)}.btn-success{background:var(--grey-700);color:var(--grey-100)}.btn-success:hover:not(:disabled){background:var(--grey-600)}.btn-error{background:var(--grey-500);color:var(--grey-100)}.btn-error:hover:not(:disabled){background:var(--grey-400)}.btn-email{background:var(--grey-900);color:var(--grey-100);border:1px solid var(--grey-500)}.btn-email:disabled{background:var(--grey-300);color:var(--grey-600);cursor:not-allowed}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small);min-height:36px}.btn-lg{padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-large);min-height:56px}.btn-wide{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.card{background:var(--grey-900);border:1px solid var(--grey-400);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal);height:100%;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-secondary) 100%)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}.dashboard-card{background:var(--grey-900);border:1px solid var(--grey-400);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-primary) 0%,var(--brand-secondary) 100%)}.dashboard-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-primary)}.card-header,.dashboard-card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--grey-400)}.card-title{font-size:var(--font-size-title3);font-weight:var(--font-weight-semibold);color:var(--grey-100);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.dashboard-card-title{font-size:var(--font-size-title3);font-weight:var(--font-weight-semibold);color:var(--grey-900);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.card-subtitle{font-size:var(--font-size-small);color:var(--grey-700);margin:var(--space-xs) 0 0 0}.card-body,.dashboard-card-body{margin-bottom:var(--space-lg)}.card-footer{padding-top:var(--space-md);border-top:1px solid var(--grey-400);display:flex;justify-content:space-between;align-items:center}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--grey-100);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:var(--space-md);font-family:var(--font-primary);font-size:var(--font-size-regular);color:var(--grey-100);background:rgb(252,252,252);border:1px solid var(--grey-500);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #73c7cd1a;background:rgb(252,252,252)}.form-input::placeholder{color:var(--grey-700)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}textarea.form-input{resize:vertical;min-height:100px;font-family:var(--font-primary)}.form-select{cursor:pointer}.form-error{color:var(--brand-error);font-size:var(--font-size-small);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.form-error:before{content:"⚠";font-size:var(--font-size-mini)}.form-help{color:var(--grey-700);font-size:var(--font-size-small);margin-top:var(--space-xs)}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh;background:rgb(252,252,252)}.dashboard-main{flex:1;padding:var(--space-xl);background:rgb(252,252,252);width:100%;box-sizing:border-box;max-width:1400px;margin:0 auto}.dashboard-header-left,.dashboard-header-right{display:flex;align-items:center;gap:var(--space-md)}.dashboard-title{font-size:var(--font-size-title2);font-weight:var(--font-weight-bold);color:var(--grey-900);margin:0}.dashboard-subtitle{font-size:var(--font-size-regular);color:var(--grey-700);margin:0}.dashboard-badge{padding:var(--space-xs) var(--space-md);background:rgba(108,203,250,.1);border-radius:var(--radius-rounded);font-size:var(--font-size-small);color:var(--brand-secondary);white-space:nowrap}.dashboard-grid{display:grid;gap:var(--space-xl);margin-bottom:var(--space-3xl);align-items:stretch}.dashboard-grid-4{grid-template-columns:repeat(4,1fr)}.dashboard-stat{text-align:center;padding:var(--space-lg);display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.dashboard-stat-value{font-size:var(--font-size-title1);font-weight:var(--font-weight-bold);color:var(--grey-900);margin:0;line-height:1}.dashboard-stat-label{font-size:var(--font-size-small);color:var(--grey-700);margin:var(--space-xs) 0 0 0;text-transform:uppercase;letter-spacing:.05em}.dashboard-chart{background:rgb(252,252,252);border:1px solid var(--grey-400);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);height:300px;display:flex;align-items:center;justify-content:center;color:var(--grey-700);font-size:var(--font-size-small)}.dashboard-chart-placeholder{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.dashboard-chart-placeholder-icon{width:48px;height:48px;color:var(--grey-500);margin-bottom:var(--space-md)}.dashboard-table-container{background:rgb(252,252,252);border:1px solid var(--grey-400);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);width:100%}.dashboard-table-header{background:var(--grey-300);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--grey-400);display:flex;align-items:center;justify-content:space-between}.dashboard-table-title{font-size:var(--font-size-title3);font-weight:var(--font-weight-semibold);color:var(--grey-900);margin:0}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:var(--space-md) var(--space-xl);text-align:left;border-bottom:1px solid var(--grey-400)}.dashboard-table th{background:var(--grey-300);font-weight:var(--font-weight-semibold);color:var(--grey-900);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.05em}.dashboard-table tr:hover{background:var(--grey-300)}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg);align-items:start}.dashboard-form-actions{padding-top:var(--space-lg);display:flex;justify-content:center;gap:var(--space-md);align-items:center}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--grey-700);flex-direction:column;gap:var(--space-md)}.dashboard-loading-spinner{width:32px;height:32px;border:3px solid var(--grey-400);border-top:3px solid var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-md)}@media (max-width: 1024px){.dashboard-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-main{padding:var(--space-lg)}.dashboard-header-left,.dashboard-header-right{width:100%;justify-content:flex-start}.dashboard-grid-4,.dashboard-form-row{grid-template-columns:1fr}.dashboard-form-actions{flex-direction:column}.dashboard-form-actions .btn{width:100%}}@media (max-width: 640px){.dashboard-main{padding:var(--space-md)}.dashboard-header-left,.dashboard-header-right{width:100%;justify-content:flex-start}.dashboard-card{padding:var(--space-lg)}.dashboard-table-container{overflow-x:auto}.dashboard-table th,.dashboard-table td{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-small)}}.progress-container{margin-bottom:var(--space-xl)}.progress-text{text-align:center;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--grey-700)}.step-indicator{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--grey-300);border-radius:var(--radius-lg);border:1px solid var(--grey-400)}.step-icon{font-size:var(--font-size-title2);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--brand-primary);color:var(--grey-100);border-radius:50%;flex-shrink:0}.step-content h3{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-regular);font-weight:var(--font-weight-semibold);color:var(--grey-900)}.step-content p{margin:0;font-size:var(--font-size-small);color:var(--grey-700)}.generation-steps{margin-top:var(--space-xl)}.step-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--grey-300);border-radius:var(--radius-lg);border:1px solid var(--grey-400);margin-bottom:var(--space-md)}.step-number{width:32px;height:32px;background:var(--brand-primary);color:var(--grey-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-small);flex-shrink:0}.step-details h4{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-regular);font-weight:var(--font-weight-semibold);color:var(--grey-900)}.step-details p{margin:0;font-size:var(--font-size-small);color:var(--grey-700);line-height:1.5}.generation-tips{margin-top:var(--space-xl)}.generation-tips h3{font-size:var(--font-size-title3);font-weight:var(--font-weight-semibold);color:var(--grey-900);margin:0 0 var(--space-lg) 0;text-align:center}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.tip-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--grey-300);border-radius:var(--radius-lg);border:1px solid var(--grey-400)}.tip-icon{font-size:var(--font-size-title2);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--brand-secondary);color:var(--grey-100);border-radius:50%;flex-shrink:0}.tip-content h4{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-regular);font-weight:var(--font-weight-semibold);color:var(--grey-900)}.tip-content p{margin:0;font-size:var(--font-size-small);color:var(--grey-700);line-height:1.5}.estimated-time{margin-top:var(--space-xl);text-align:center;padding:var(--space-lg);background:var(--grey-300);border-radius:var(--radius-lg);border:1px solid var(--grey-400)}.estimated-time p{margin:0;font-size:var(--font-size-regular);font-weight:var(--font-weight-medium);color:var(--grey-700)}.business-setup-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;border-radius:12px;padding:32px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{text-align:center;margin-bottom:32px}.modal-header h2{font-size:var(--font-size-title2);font-weight:var(--font-weight-semibold);margin-bottom:8px;color:var(--color-text-primary)}.modal-header p{font-size:var(--font-size-regular);color:var(--color-text-secondary);margin:0}.website-section h3{font-size:var(--font-size-large);font-weight:var(--font-weight-medium);margin-bottom:20px;text-align:center}.url-input-group{margin-bottom:24px}.form-input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-regular);transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.form-label{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin-bottom:8px;color:var(--color-text-primary)}.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:var(--font-size-regular);font-family:inherit;transition:border-color .2s ease;resize:vertical;min-height:120px}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.business-form{margin-bottom:32px}.business-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.business-form-group{margin-bottom:20px}.modal-actions{display:flex;gap:16px;justify-content:flex-end}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:var(--font-size-regular);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background-color:#00695c;color:#fff}.btn-primary:hover:not(:disabled){background-color:#00796b}.btn-primary:disabled{background-color:var(--color-disabled);cursor:not-allowed}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.no-website-option{text-align:center;margin-top:20px}.error-message{color:var(--color-error);font-size:var(--font-size-small);text-align:center;margin-bottom:20px}.dashboard-loading{text-align:center;margin-top:20px}.dashboard-loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.dashboard-container{min-height:100vh;background-color:var(--color-background)}.dashboard-header{background:white;padding:24px 0}.header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.campaign-category{margin-bottom:2rem}.category-header{margin-bottom:1.5rem}.category-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:.75rem}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.campaigns-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.campaign-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;position:relative;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.campaign-name{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;line-height:1.4;flex:1}.campaign-status{display:flex;align-items:center;flex-shrink:0}.status-text{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.card-actions{display:flex;gap:.75rem;flex-shrink:0}.cta-button{background:#00695c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;text-transform:uppercase;letter-spacing:.025em}.run-button{background:#00695c}.run-button:hover{background:#00796b}.pause-button{background:#ff9800}.pause-button:hover{background:#f57c00}.card-content{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.campaign-detail{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-size:.75rem;font-weight:500;color:#6b7280;letter-spacing:.05em}.detail-value{font-size:.875rem;color:#374151;line-height:1.4}.budget-value{font-weight:600;color:#00695c}.card-footer{border-top:1px solid #f3f4f6;padding-top:1rem;display:flex;justify-content:flex-end}.empty-state{text-align:center;padding:3rem 2rem;background:white;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.empty-state-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.empty-state-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.empty-state-description{font-size:1rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.5;max-width:400px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.campaigns-grid{grid-template-columns:1fr;gap:1rem}.campaign-card{padding:1rem}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.campaign-status{align-self:flex-end}.card-footer{justify-content:center}.card-actions{width:100%;justify-content:center}.empty-state{padding:2rem 1rem}.empty-state-title{font-size:1.25rem}.empty-state-description{font-size:.875rem}}.dashboard-nav-container{background:#f4f5f6;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.dashboard-nav{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:0}.nav-button{background:#f4f5f6;border:none;padding:16px 24px;font-size:16px;font-weight:500;color:#73767c;cursor:pointer;transition:all .2s ease;border-radius:0;position:relative}.nav-button:hover{background:#e8e9ea;color:#5a5d61}.nav-button.active{background:white;color:#73767c;font-weight:600;box-shadow:0 -2px #00695c inset}.nav-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#00695c}.back-button{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:400;transition:all .2s ease}.back-button:hover:not(:disabled){background:#e9ecef;border-color:#ced4da;color:#495057}.back-button:disabled{background:#f8f9fa;color:#adb5bd;border-color:#e9ecef;cursor:not-allowed}.next-button{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:400;transition:all .2s ease}.next-button:hover:not(:disabled){background:#e9ecef;border-color:#ced4da;color:#495057}.next-button:disabled{background:#f8f9fa;color:#adb5bd;border-color:#e9ecef;cursor:not-allowed}.header-left h1{font-size:var(--font-size-title1);font-weight:var(--font-weight-bold);margin:0 0 8px;color:var(--color-text-primary)}.header-left p{font-size:var(--font-size-regular);color:var(--color-text-secondary);margin:0}.logout-button{padding:10px 20px;background-color:var(--color-error);color:#fff;border:none;border-radius:8px;font-size:var(--font-size-regular);cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background-color:var(--grey-500)}.dashboard-content{max-width:1200px;margin:0 auto;padding:32px 24px}.dashboard-section{margin-bottom:48px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.action-card{background:white;border:1px solid var(--color-border);border-radius:12px;padding:24px;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:16px}.action-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a}.action-card.primary{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary),var(--brand-secondary));color:var(--grey-900)}.action-card.secondary{border-color:var(--color-secondary)}.action-card.tertiary{border-color:var(--color-accent)}.action-icon{font-size:32px;flex-shrink:0}.action-content h3{font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);margin:0 0 8px}.action-content p{font-size:var(--font-size-regular);margin:0;opacity:.8}.campaign-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.stat-card{background:white;border:1px solid var(--color-border);border-radius:12px;padding:24px;text-align:center}.stat-number{font-size:var(--font-size-title1);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:8px}.stat-label{font-size:var(--font-size-regular);color:var(--color-text-secondary)}.activity-list{background:white;border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.activity-item{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--color-border)}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:24px;flex-shrink:0}.activity-content p{font-size:var(--font-size-regular);margin:0 0 4px;color:var(--color-text-primary)}.activity-time{font-size:var(--font-size-small);color:var(--color-text-secondary)}@media (max-width: 768px){.modal-content{padding:24px;width:95%}.business-form-row{grid-template-columns:1fr;gap:16px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.header-content{flex-direction:column;gap:16px;text-align:center}.dashboard-nav{padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-button{padding:12px 16px;font-size:14px;white-space:nowrap}.quick-actions{grid-template-columns:1fr}.campaign-stats{grid-template-columns:repeat(2,1fr)}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#fcfcfc}.auth-card{background:transparent;border:none;box-shadow:none;padding:40px;max-width:480px;width:100%;text-align:center}.auth-header{text-align:center}.auth-header h1{color:#111827;margin:0 0 8px;font-size:2.5rem;font-weight:700}.auth-header p{color:#6b7280;margin:0;font-size:1.125rem}.signup-buttons{margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative}.btn-google{background:#00695c;color:#fff;width:100%;min-height:48px;border:none}.btn-google:hover{background:#00796b}.btn-full{width:100%}.terms-text{color:#6b7280;font-size:14px;line-height:1.5;margin:24px 0}.terms-link{color:#000;text-decoration:none;font-weight:500}.terms-link:hover{text-decoration:underline;color:#000}.login-prompt{color:#6b7280;font-size:14px}.login-link{color:#000;text-decoration:none;font-weight:500}.login-link:hover{text-decoration:underline;color:#000}.email-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}:root{--font-size-micro: 10px;--font-size-mini: 12px;--font-size-small: 14px;--font-size-regular: 16px;--font-size-large: 18px;--font-size-largePlus: 20px;--font-size-title3: 1.25rem;--font-size-title2: 32px;--font-size-title1: 48px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-primary: "InterVariable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-regular: "InterVariable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "InterVariable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-monospace: "Berkeley Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--color-primary: #73c7cd;--color-primary-dark: #5bb8c0;--color-secondary: var(--grey-200);--color-secondary-dark: var(--grey-300);--color-accent: var(--brand-secondary);--color-success: var(--grey-700);--color-warning: var(--grey-600);--color-error: var(--grey-500);--color-disabled: var(--grey-400);--color-text-primary: var(--grey-100);--color-text-secondary: var(--grey-700);--color-text-muted: var(--grey-600);--color-background: var(--grey-900);--color-surface: var(--grey-900);--color-border: var(--grey-500);--color-border-light: var(--grey-600);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-cubic: cubic-bezier(.65, 0, .35, 1);--ease-out-circ: cubic-bezier(0, .55, .45, 1);--editor-line-height: 1.6;--editor-letter-spacing: -.00666667em;--editor-font-size: 16px;--editor-block-spacing: 16px;--editor-block-spacing-large: 22px;--editor-block-spacing-small: 6px;--editor-list-inset: 24px}html,body{margin:0;padding:0;background-color:#fcfcfc;color:var(--grey-100)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--grey-200)}::-webkit-scrollbar-thumb{background:var(--grey-500);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--grey-600)}::selection{background-color:#8b8b8b4d;color:var(--grey-100)}::-moz-selection{background-color:#8b8b8b4d;color:var(--grey-100)}#root{min-height:100vh;margin:0;padding:0;background-color:#fcfcfc;color:var(--grey-100)}.page-enter{opacity:0}.page-enter-active,.page-exit{opacity:1}.page-exit-active{opacity:0}.page-wrapper{min-height:100vh;background:rgb(252,252,252)}.content-wrapper{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.text-gradient{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-muted{color:var(--grey-700)}.text-emphasis{color:var(--brand-primary)}.bg-gradient{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%)}.bg-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(115,199,205,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(108,203,250,.1) 0%,transparent 50%)}.border-gradient{border:2px solid;border-image:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%) 1}.shadow-brand{box-shadow:0 10px 25px -5px #73c7cd4d}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.focus-ring:focus{outline:2px solid var(--brand-primary);outline-offset:2px}@media (max-width: 640px){.content-wrapper{padding:var(--space-lg)}.hide-mobile{display:none!important}}@media (max-width: 768px){.hide-tablet{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media (prefers-contrast: high){.border,.btn{border-width:2px}}@media print{.no-print{display:none!important}body{background:white!important;color:#000!important}}.email-sent-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.email-sent-card{background:white;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;max-width:500px;width:100%;text-align:center}.email-sent-header{margin-bottom:30px}.email-icon{font-size:48px;margin-bottom:20px}.email-sent-header h1{color:#333;margin-bottom:10px;font-size:24px;font-weight:600}.email-sent-header p{color:#666;margin-bottom:15px}.email-display{background:#f8f9fa;padding:12px 20px;border-radius:8px;font-family:monospace;font-weight:600;color:#4f46e5;border:2px solid #e9ecef}.email-sent-body{text-align:left}.instructions h3{color:#333;margin-bottom:15px;font-size:18px}.instructions ol{color:#666;line-height:1.6;padding-left:20px}.instructions li{margin-bottom:8px}.resend-section{text-align:center;margin:30px 0}.resend-section p{color:#666;margin-bottom:15px}.resend-button{background:#4F46E5;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.resend-button:hover:not(:disabled){background:#3730a3}.resend-button:disabled{background:#ccc;cursor:not-allowed}.password-option{margin:30px 0}.divider{position:relative;text-align:center;margin:20px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.divider span{background:white;padding:0 15px;color:#666;font-size:14px}.password-login-button{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s;width:100%;margin-top:15px}.password-login-button:hover{background:#4b5563}.email-sent-footer{margin-top:30px;text-align:center}.back-button{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:14px;text-decoration:underline}.back-button:hover{color:#3730a3}.password-form{margin-top:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4f46e5}.form-group input::placeholder{color:#999}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.auth-options{margin-top:30px;text-align:center}.btn-text{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:14px;text-decoration:underline;padding:0}.btn-text:hover{color:#3730a3}.back-text{color:#666;font-size:14px}.setup-prompt{text-align:center;padding:60px 40px;background:white;border-radius:16px;box-shadow:0 4px 20px #0000001a}.setup-icon{font-size:64px;margin-bottom:20px}.setup-prompt h2{color:#333;margin-bottom:15px;font-size:24px;font-weight:600}.setup-prompt p{color:#666;margin-bottom:30px;font-size:16px;line-height:1.6}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.dashboard-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4F46E5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.dashboard-loading p{color:#666;font-size:16px}.auth-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px}.auth-loading-spinner{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:30px}.spinner-ring{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-text{margin-top:10px}.loading-message{font-size:18px;font-weight:600;margin-bottom:8px;color:#fff}.speed-indicator{font-size:14px;color:#fffc;background:rgba(255,255,255,.1);padding:4px 12px;border-radius:20px;display:inline-block}.auth-tips{margin-top:30px;text-align:center;max-width:400px}.tip{background:rgba(255,255,255,.1);padding:12px 16px;border-radius:8px;margin:8px 0;font-size:14px;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.tip strong{color:#fff}.performance-indicator{position:fixed;top:20px;right:20px;background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;z-index:1000}.performance-indicator.instant{background:rgba(34,197,94,.8)}.performance-indicator.fast{background:rgba(59,130,246,.8)}.performance-indicator.normal{background:rgba(245,158,11,.8)}.performance-indicator.slow{background:rgba(239,68,68,.8)}@media (max-width: 768px){.auth-loading-container{padding:15px}.spinner-ring{width:50px;height:50px}.loading-message{font-size:16px}.auth-tips{max-width:300px}}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:white;border-bottom:1px solid #e5e7eb}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.header-left{flex:1}.header-right{display:flex;align-items:center}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#e5e7eb;border-color:#9ca3af;color:#111827}.logout-button:active{background:#d1d5db;transform:translateY(1px)}.logout-button svg{flex-shrink:0}
