:root{--color-primary:#1c96e8;--color-primary-dark:#1578ba;--color-primary-light:#e8f4fc;--color-secondary:#00a4b4;--color-accent:#ff6b35;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--border-radius-sm:.25rem;--border-radius:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--sidebar-width:260px;--header-height:64px;--max-content-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-800);background-color:var(--color-gray-50);min-height:100vh;line-height:1.5}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-white);border-right:1px solid var(--color-gray-200);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed}.sidebar-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.sidebar-logo{align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xl);color:var(--color-gray-900);font-weight:700;display:flex}.sidebar-logo svg{width:32px;height:32px;color:var(--color-primary)}.sidebar-nav{padding:var(--spacing-4);flex:1;overflow-y:auto}.nav-section{margin-bottom:var(--spacing-6)}.nav-section-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400);padding:var(--spacing-2) var(--spacing-3);font-weight:600}.nav-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-3);border-radius:var(--border-radius);color:var(--color-gray-600);transition:all var(--transition-fast);cursor:pointer;font-weight:500;display:flex}.nav-item:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.nav-item.active{background:var(--color-primary-light);color:var(--color-primary)}.nav-item svg{flex-shrink:0;width:20px;height:20px}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.header{height:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:0 var(--spacing-6);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-title{font-size:var(--font-size-lg);color:var(--color-gray-900);font-weight:600}.header-actions{align-items:center;gap:var(--spacing-4);display:flex}.page-content{padding:var(--spacing-8);max-width:var(--max-content-width);flex:1;width:100%;margin:0 auto}.page-content.full-width{max-width:none}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);font-weight:600;line-height:1.3}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6,.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg)}.text-muted{color:var(--color-gray-500)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:18px;height:18px}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);color:var(--color-white)}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-ghost{color:var(--color-gray-600);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-900)}.btn-success{background:var(--color-success);color:var(--color-white)}.btn-success:hover:not(:disabled){background:#059669}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.btn-icon{border-radius:var(--border-radius);width:40px;height:40px;padding:0}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);overflow:hidden}.card-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);color:var(--color-gray-900);font-weight:600}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.card-selectable{cursor:pointer;transition:all var(--transition-fast)}.card-selectable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card-selectable.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);border-width:2px}.form-group{margin-bottom:var(--spacing-5)}.form-label{font-size:var(--font-size-sm);color:var(--color-gray-700);margin-bottom:var(--spacing-2);font-weight:500;display:block}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-white);transition:all var(--transition-fast);font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-textarea{resize:vertical;min-height:100px}.form-help{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-1)}.form-field-group{gap:var(--spacing-2);flex-direction:column;display:flex}.form-field{padding:var(--spacing-3) 0}.form-field .form-label{color:var(--color-gray-900);margin-bottom:var(--spacing-2);font-weight:600}.form-field .form-input{margin-top:0}.form-field .form-help{margin-top:var(--spacing-1)}.badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);border-radius:var(--border-radius-full);font-weight:500;display:inline-flex}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-gray{background:var(--color-gray-200);color:var(--color-gray-600)}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.success{background:var(--color-success)}.status-dot.warning{background:var(--color-warning)}.status-dot.error{background:var(--color-error)}.status-dot.info{background:var(--color-info)}.status-dot.gray{background:var(--color-gray-400)}.progress-steps{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);display:flex}.progress-step{align-items:center;gap:var(--spacing-2);display:flex}.progress-step-number{width:28px;height:28px;font-size:var(--font-size-sm);background:var(--color-gray-200);color:var(--color-gray-500);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.progress-step-label{font-size:var(--font-size-sm);color:var(--color-gray-400);transition:color var(--transition-fast);font-weight:500}.progress-step.active .progress-step-number{background:var(--color-primary);color:var(--color-white)}.progress-step.active .progress-step-label{color:var(--color-gray-900)}.progress-step.completed .progress-step-number{background:var(--color-success);color:var(--color-white)}.progress-step.completed .progress-step-label{color:var(--color-gray-600)}.progress-step.available .progress-step-number{background:var(--color-primary-light);color:var(--color-primary);border:2px solid var(--color-primary)}.progress-step.available .progress-step-label{color:var(--color-primary)}.progress-step.locked .progress-step-number{background:var(--color-gray-100);color:var(--color-gray-300)}.progress-step.locked .progress-step-label{color:var(--color-gray-300)}.progress-step-connector{background:var(--color-gray-200);width:40px;height:2px;transition:background var(--transition-fast)}.progress-step.completed+.progress-step-connector,.progress-step.completed~.progress-step-connector{background:var(--color-success)}.chat-container{height:calc(100vh - var(--header-height));background:var(--color-gray-50);flex-direction:column;display:flex;position:relative}.chat-messages{padding:var(--spacing-6);gap:var(--spacing-4);flex-direction:column;flex:1;padding-bottom:140px;display:flex;overflow-y:auto}.chat-message{gap:var(--spacing-3);max-width:80%;animation:.3s messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-message-avatar{width:36px;height:36px;font-weight:600;font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-message.assistant .chat-message-avatar{background:var(--color-primary);color:var(--color-white)}.chat-message.user .chat-message-avatar{background:var(--color-gray-700);color:var(--color-white)}.chat-message-content{background:var(--color-white);padding:var(--spacing-4);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.chat-message.user .chat-message-content{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.chat-input-container{padding:var(--spacing-6);background:linear-gradient(to top, var(--color-gray-50) 60%, transparent);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.chat-input-wrapper{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-xl);max-width:800px;padding:var(--spacing-2);box-shadow:var(--shadow-lg);pointer-events:auto;transition:all var(--transition-fast);margin:0 auto;display:flex}.chat-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-lg), 0 0 0 3px var(--color-primary-light)}.chat-input{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border-radius:var(--border-radius-lg);resize:none;background:0 0;border:none;flex:1;min-height:48px;max-height:200px;font-family:inherit}.chat-input:focus{outline:none}.variation-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.variation-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.variation-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.variation-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.variation-card.selected:after{content:"✓";top:var(--spacing-3);right:var(--spacing-3);background:var(--color-primary);width:24px;height:24px;color:var(--color-white);font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.variation-preview{aspect-ratio:16/10;background:var(--color-gray-100);justify-content:center;align-items:center;display:flex;overflow:hidden}.variation-preview img{object-fit:cover;width:100%;height:100%}.variation-info{padding:var(--spacing-4)}.variation-title{color:var(--color-gray-900);margin-bottom:var(--spacing-1);font-weight:600}.variation-description{font-size:var(--font-size-sm);color:var(--color-gray-500)}.email-preview-container{background:var(--color-gray-200);padding:var(--spacing-8);border-radius:var(--border-radius-lg);justify-content:center;display:flex}.email-preview{background:var(--color-white);border-radius:var(--border-radius);width:800px;max-width:100%;box-shadow:var(--shadow-xl);overflow:hidden}.email-preview-header{background:var(--color-gray-100);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.email-preview-meta{font-size:var(--font-size-sm);color:var(--color-gray-600)}.email-preview-subject{color:var(--color-gray-900);font-weight:600}.email-preview-body{padding:0}.language-tabs{gap:var(--spacing-2);padding:var(--spacing-4);background:var(--color-gray-100);border-radius:var(--border-radius-lg);flex-wrap:wrap;display:flex}.language-tab{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);border-radius:var(--border-radius);background:var(--color-white);border:1px solid var(--color-gray-300);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.language-tab:hover{border-color:var(--color-primary)}.language-tab.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.segment-criteria{gap:var(--spacing-3);flex-direction:column;display:flex}.segment-criterion{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);display:flex}.segment-criterion-icon{background:var(--color-primary-light);width:40px;height:40px;color:var(--color-primary);border-radius:var(--border-radius);justify-content:center;align-items:center;display:flex}.segment-criterion-content{flex:1}.segment-criterion-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.segment-criterion-value{color:var(--color-gray-900);font-weight:600}.segment-connector{padding-left:var(--spacing-8);font-size:var(--font-size-sm);color:var(--color-gray-400);font-weight:600}.filters-row{gap:var(--spacing-4);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-group{flex:1;min-width:200px}.filter-group label{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-2);font-weight:500;display:block}.filter-input,.filter-select{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:var(--font-size-sm);background:var(--color-white);transition:all var(--transition-fast);font-family:inherit}.filter-input:focus,.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.filter-input::placeholder{color:var(--color-gray-400)}.filter-actions{gap:var(--spacing-2);align-items:flex-end;display:flex}.results-info{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-200);background:var(--color-white)}.results-count{font-size:var(--font-size-sm);color:var(--color-gray-500)}.results-count strong{color:var(--color-gray-800);font-weight:600}.campaign-table{border-collapse:separate;border-spacing:0;width:100%}.campaign-table th{text-align:left;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-gray-500);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50);font-weight:600}.campaign-table td{padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-200);vertical-align:middle}.campaign-table tr:hover td{background:var(--color-gray-50)}.campaign-name{color:var(--color-gray-900);font-weight:600}.stats-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-5)}.stat-label{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-2)}.stat-value{font-size:var(--font-size-3xl);color:var(--color-gray-900);font-weight:700}.stat-change{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);margin-top:var(--spacing-2);display:flex}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-error)}.review-checklist{gap:var(--spacing-3);flex-direction:column;display:flex}.review-item{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);display:flex}.review-item-status{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.review-item-status.pending{background:var(--color-gray-200);color:var(--color-gray-500)}.review-item-status.approved{background:var(--color-success-light);color:var(--color-success)}.review-item-status.rejected{background:var(--color-error-light);color:var(--color-error)}.review-item-content{flex:1}.review-item-title{color:var(--color-gray-900);font-weight:600}.review-item-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500)}.loading-spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-skeleton{background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);border-radius:var(--border-radius);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.typing-indicator{gap:var(--spacing-1);padding:var(--spacing-3);display:flex}.typing-dot{background:var(--color-gray-400);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingBounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.dropzone{border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-lg);padding:var(--spacing-8);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.dropzone.dragover{border-color:var(--color-primary);background:var(--color-primary-light);transform:scale(1.02)}.dropzone-icon{width:48px;height:48px;margin:0 auto var(--spacing-4);color:var(--color-gray-400)}.dropzone-text{color:var(--color-gray-600)}.dropzone-hint{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-top:var(--spacing-2)}.modal-overlay{z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay.active{opacity:1;visibility:visible}.modal,.modal-container{background:var(--color-white);border-radius:var(--border-radius-xl);width:90%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.2s modalSlideIn;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay.active .modal{transform:scale(1)}.modal-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);align-items:center;gap:var(--spacing-3);display:flex}.modal-icon{flex-shrink:0;width:40px;height:40px}.modal-icon.warning{color:var(--color-warning)}.modal-icon.info{color:var(--color-info)}.modal-title{font-size:var(--font-size-lg);color:var(--color-gray-900);font-weight:600}.modal-close{cursor:pointer;width:32px;height:32px;color:var(--color-gray-400);border-radius:var(--border-radius);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.modal-body{padding:var(--spacing-6);max-height:60vh;overflow-y:auto}.modal-body p{margin:0 0 var(--spacing-4);color:var(--color-gray-600);line-height:1.6}.modal-body p:last-child{margin-bottom:0}.modal-body strong{color:var(--color-gray-900)}.affected-steps-list{margin:var(--spacing-4) 0;background:var(--color-warning-light);border-radius:var(--border-radius);padding:0;padding:var(--spacing-3) var(--spacing-4);border-left:3px solid var(--color-warning);list-style:none}.affected-steps-list li{padding:var(--spacing-2) 0;color:var(--color-gray-800);align-items:center;gap:var(--spacing-2);font-weight:500;display:flex}.affected-steps-list li:before{content:"⚠️";font-size:var(--font-size-sm)}.affected-steps-list li:not(:last-child){border-bottom:1px solid #0000001a}.modal-note{font-size:var(--font-size-sm);color:var(--color-gray-500);font-style:italic}.modal-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);justify-content:flex-end;gap:var(--spacing-3);background:var(--color-gray-50);display:flex}.toast-container{bottom:var(--spacing-6);right:var(--spacing-6);gap:var(--spacing-3);z-index:1100;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);animation:.3s toastSlideIn;display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;width:24px;height:24px}.toast.success .toast-icon{color:var(--color-success)}.toast.error .toast-icon{color:var(--color-error)}.toast.warning .toast-icon{color:var(--color-warning)}.toast.info .toast-icon{color:var(--color-info)}.empty-state{text-align:center;padding:var(--spacing-12)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--spacing-4);color:var(--color-gray-300)}.empty-state-title{font-size:var(--font-size-lg);color:var(--color-gray-900);margin-bottom:var(--spacing-2);font-weight:600}.empty-state-description{color:var(--color-gray-500);margin-bottom:var(--spacing-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.w-full{width:100%}.hidden{display:none}@media (width<=768px){.sidebar{transition:transform var(--transition-base);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.progress-steps{padding:var(--spacing-4);justify-content:flex-start;overflow-x:auto}.progress-step-label{display:none}.variation-grid{grid-template-columns:1fr}}:root{--ai-sidebar-width:380px}.main-content{transition:margin-right var(--transition-base), width var(--transition-base);width:calc(100% - var(--sidebar-width))}.main-content.ai-sidebar-open{margin-right:var(--ai-sidebar-width);width:calc(100% - var(--sidebar-width) - var(--ai-sidebar-width))}.ai-sidebar{width:var(--ai-sidebar-width);background:var(--color-white);border-left:1px solid var(--color-gray-200);z-index:150;height:100vh;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.ai-sidebar.open{transform:translate(0)}.ai-sidebar-header{padding:0 var(--spacing-5);height:var(--header-height);border-bottom:1px solid var(--color-gray-200);background:var(--color-white);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.ai-sidebar-title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);color:var(--color-gray-900);font-weight:600;display:flex}.ai-sidebar-title svg{width:20px;height:20px;color:var(--color-primary)}.ai-sidebar-close{cursor:pointer;width:32px;height:32px;color:var(--color-gray-400);border-radius:var(--border-radius);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ai-sidebar-close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.ai-sidebar-messages{padding:var(--spacing-4);gap:var(--spacing-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-sidebar-message{gap:var(--spacing-2);animation:.3s messageSlideIn;display:flex}.ai-sidebar-message.user{flex-direction:row-reverse}.ai-sidebar-message-avatar{width:28px;height:28px;font-weight:600;font-size:var(--font-size-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-sidebar-message.assistant .ai-sidebar-message-avatar{background:var(--color-primary);color:var(--color-white)}.ai-sidebar-message.user .ai-sidebar-message-avatar{background:var(--color-gray-700);color:var(--color-white)}.ai-sidebar-message-content{background:var(--color-gray-50);padding:var(--spacing-3);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);font-size:var(--font-size-sm);max-width:calc(100% - 40px);line-height:1.5}.ai-sidebar-message.user .ai-sidebar-message-content{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.ai-sidebar-system-message{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0;margin:var(--spacing-2) 0;display:flex}.ai-sidebar-system-message:before,.ai-sidebar-system-message:after{content:"";background:var(--color-gray-200);flex:1;height:1px}.ai-sidebar-system-message-content{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-gray-400);white-space:nowrap;padding:var(--spacing-1) var(--spacing-3);background:var(--color-gray-100);border-radius:var(--border-radius-full);font-weight:500;display:flex}.ai-sidebar-system-message-content svg{width:12px;height:12px}.ai-sidebar-input-container{padding:var(--spacing-4);border-top:1px solid var(--color-gray-200);background:var(--color-white);flex-shrink:0}.ai-sidebar-input-wrapper{gap:var(--spacing-2);background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);padding:var(--spacing-2);transition:all var(--transition-fast);display:flex}.ai-sidebar-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background:var(--color-white)}.ai-sidebar-input{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);resize:none;background:0 0;border:none;flex:1;min-height:36px;max-height:120px;font-family:inherit;line-height:1.4}.ai-sidebar-input:focus{outline:none}.ai-sidebar-input::placeholder{color:var(--color-gray-400)}.ai-sidebar-send-btn{background:var(--color-primary);width:36px;height:36px;color:var(--color-white);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-sidebar-send-btn:hover{background:var(--color-primary-dark)}.ai-sidebar-send-btn:disabled{background:var(--color-gray-300);cursor:not-allowed}.ai-sidebar-send-btn svg{width:16px;height:16px}.ai-sidebar-toggle{bottom:var(--spacing-6);right:var(--spacing-6);background:var(--color-primary);width:56px;height:56px;color:var(--color-white);cursor:pointer;box-shadow:var(--shadow-lg);z-index:140;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.ai-sidebar-toggle:hover{background:var(--color-primary-dark);transform:scale(1.05)}.ai-sidebar-toggle svg{width:24px;height:24px}.ai-sidebar-toggle.hidden{opacity:0;visibility:hidden;transform:scale(.8)}.ai-sidebar-typing{gap:var(--spacing-1);padding:var(--spacing-2);display:flex}.ai-sidebar-typing .typing-dot{width:6px;height:6px}@media (width<=1200px){:root{--ai-sidebar-width:320px}}@media (width<=768px){:root{--ai-sidebar-width:100%}.main-content.ai-sidebar-open{margin-right:0}.ai-sidebar{width:100%}}.sections-grid{gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.section-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-xl);padding:var(--spacing-6);transition:all var(--transition-fast);cursor:pointer;flex-direction:column;min-height:200px;display:flex;position:relative}.section-card:hover:not(.locked){border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section-card.available{border-color:var(--color-gray-200)}.section-card.available:hover{border-color:var(--color-primary)}.section-card.completed{border-color:var(--color-success);background:linear-gradient(135deg, var(--color-white) 0%, var(--color-success-light) 100%)}.section-card.completed:hover{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-success-light)}.section-card.locked{border-color:var(--color-gray-200);background:var(--color-gray-50);cursor:not-allowed;opacity:.7}.section-card.locked:hover{box-shadow:none;transform:none}.section-icon{background:var(--color-primary-light);border-radius:var(--border-radius-lg);width:48px;height:48px;margin-bottom:var(--spacing-4);color:var(--color-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.section-icon svg{width:24px;height:24px}.section-card.completed .section-icon{background:var(--color-success-light);color:var(--color-success)}.section-card.locked .section-icon{background:var(--color-gray-200);color:var(--color-gray-400)}.section-title{font-size:var(--font-size-lg);color:var(--color-gray-900);margin-bottom:var(--spacing-2);font-weight:600}.section-card.locked .section-title{color:var(--color-gray-500)}.section-description{font-size:var(--font-size-sm);color:var(--color-gray-500);flex:1;line-height:1.5}.section-card.locked .section-description{color:var(--color-gray-400)}.section-lock{top:var(--spacing-4);right:var(--spacing-4);background:var(--color-gray-200);width:32px;height:32px;color:var(--color-gray-400);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.section-lock svg{width:16px;height:16px}.section-complete{top:var(--spacing-4);right:var(--spacing-4);background:var(--color-success);width:32px;height:32px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.section-complete svg{width:18px;height:18px}.section-unlock-hint{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-200);display:flex}.section-unlock-hint svg{flex-shrink:0}.section-action{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-primary);margin-top:var(--spacing-4);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-200);font-weight:500;display:flex}.section-action.completed{color:var(--color-success)}.section-action svg{transition:transform var(--transition-fast)}.section-card:hover:not(.locked) .section-action svg{transform:translate(4px)}.progress-ring{width:60px;height:60px;position:relative}.circular-progress{width:100%;height:100%;transform:rotate(-90deg)}.progress-fill{transition:stroke-dasharray var(--transition-slow)}.progress-text{font-size:var(--font-size-sm);color:var(--color-gray-900);font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=640px){.sections-grid{grid-template-columns:1fr}.section-card{min-height:auto}}.regen-context-container:empty{display:none}.regen-context-container:not(:empty){margin-top:var(--spacing-2)}.regen-context-badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);color:var(--color-primary-dark);max-width:100%;animation:.3s badgeFadeIn;display:inline-flex}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.regen-context-badge svg{color:var(--color-primary);flex-shrink:0}.regen-context-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.regen-context-clear{cursor:pointer;width:18px;height:18px;color:var(--color-primary);transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.regen-context-clear:hover{background:var(--color-primary);color:var(--color-white)}.card-header{gap:var(--spacing-3);flex-wrap:wrap}.card-header .regen-context-container{order:3;width:100%}.card-header .regen-context-container:empty{display:none}.card-header .regen-context-container:not(:empty){margin-top:var(--spacing-1);display:block}.chat-attachment-btn{width:40px;height:40px;color:var(--color-gray-400);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}.chat-attachment-btn:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.chat-attachment-btn svg{width:20px;height:20px}.file-input-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.file-preview-container{gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;border-bottom:none;flex-wrap:wrap;max-width:800px;margin:0 auto;display:none}.file-preview-container.has-files{display:flex}.file-preview-item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-gray-700);animation:.2s filePreviewSlideIn;display:inline-flex}@keyframes filePreviewSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.file-preview-icon{background:var(--color-primary-light);width:24px;height:24px;color:var(--color-primary);border-radius:var(--border-radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-preview-icon svg{width:14px;height:14px}.file-preview-icon.image{background:var(--color-success-light);color:var(--color-success)}.file-preview-icon.pdf{background:var(--color-error-light);color:var(--color-error)}.file-preview-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:500;overflow:hidden}.file-preview-remove{width:20px;height:20px;color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-preview-remove:hover{background:var(--color-error-light);color:var(--color-error)}.file-preview-remove svg{width:12px;height:12px}.chat-input-wrapper.has-files{border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl)}.ai-sidebar-attachment-btn{width:32px;height:32px;color:var(--color-gray-400);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-sidebar-attachment-btn:hover{background:var(--color-gray-200);color:var(--color-gray-600)}.ai-sidebar-attachment-btn svg{width:16px;height:16px}.ai-sidebar-file-preview{gap:var(--spacing-2);padding:var(--spacing-3);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;display:none}.ai-sidebar-file-preview.has-files{display:flex}.ai-sidebar-file-preview .file-preview-item{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.ai-sidebar-file-preview .file-preview-icon{width:20px;height:20px}.ai-sidebar-file-preview .file-preview-icon svg{width:12px;height:12px}.ai-sidebar-file-preview .file-preview-name{max-width:100px}#regen-context-modal .form-textarea{font-size:var(--font-size-sm);line-height:1.5}#regen-context-modal .form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}#regen-confirm-btn{align-items:center;display:inline-flex}#regen-confirm-btn svg{width:16px;height:16px}.regen-image-attachments{margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);display:none}.regen-image-attachments.has-images{display:block}.regen-image-attachments-header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.regen-attachments-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:500}.regen-clear-all-btn{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);background-color:var(--color-white);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.regen-clear-all-btn:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-gray-700)}.regen-image-thumbnails{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.regen-image-thumbnail{border-radius:var(--border-radius);border:2px solid var(--color-gray-300);width:72px;height:72px;transition:border-color var(--transition-fast);animation:.2s thumbnailFadeIn;position:relative;overflow:hidden}@keyframes thumbnailFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.regen-image-thumbnail:hover{border-color:var(--color-primary)}.regen-image-thumbnail img{object-fit:cover;width:100%;height:100%}.regen-remove-btn{width:20px;height:20px;color:var(--color-white);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), background-color var(--transition-fast);background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.regen-image-thumbnail:hover .regen-remove-btn{opacity:1}.regen-remove-btn:hover{background-color:var(--color-error)}.regen-image-index{font-size:var(--font-size-xs);color:var(--color-white);border-radius:var(--border-radius-sm);background-color:#0009;padding:2px 6px;font-weight:600;position:absolute;bottom:4px;left:4px}.toggle-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex}.toggle-item:hover{background:var(--color-gray-100)}.toggle-item span{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:500}.toggle-switch{flex-shrink:0;width:40px;height:22px;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{cursor:pointer;background-color:var(--color-gray-300);transition:all var(--transition-fast);border-radius:var(--border-radius-full);position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--color-white);width:16px;height:16px;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-primary-light)}.toggle-item.active span{color:var(--color-primary)}
/*# sourceMappingURL=approver-review.c1179dfe.css.map */