body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--secondary-color:#6366f1}.home-container{background-color:#f9fafb;min-height:calc(100vh - 64px)}.hero-section{background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;margin-bottom:4rem;padding:6rem 2rem;text-align:center}.hero-section h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem}.hero-section p{font-size:1.25rem;margin:0 auto 2rem;max-width:600px;opacity:.9}.section-title{color:#1e293b;color:var(--text-color);font-size:2.5rem;margin-bottom:3rem;text-align:center}.team-scroll-wrapper{-ms-overflow-style:none;overflow-x:auto;padding:1rem 0;scrollbar-width:none}.team-scroll-wrapper::-webkit-scrollbar{display:none}.team-grid{display:flex;flex-wrap:nowrap;gap:1.5rem}.team-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;flex:0 0 auto;padding:20px;scroll-snap-align:start;text-align:center;transition:transform .3s ease-in-out;width:250px}.team-card:hover{transform:scale(1.05)}.team-card h3{font-size:1.5rem;margin-top:10px}.mission-section{background-color:#fefefe;padding:4rem 2rem}.mission-content{color:#1e293b;color:var(--text-color);font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:900px}.goals-list{list-style:none;margin-top:1.5rem;padding-left:0}.goals-list li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.goals-list li:before{content:"🎯";left:0;position:absolute;top:0}.product-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.product-card{background-color:#f1f1f1;border-radius:12px;box-shadow:0 4px 12px #0000000f;padding:2rem;text-align:center;transition:transform .3s ease-in-out}.product-card:hover{transform:scale(1.05)}.features-section{background-color:#fff;padding:4rem 2rem}.features-section h2{color:#1e293b;color:var(--text-color);font-size:2.5rem;margin-bottom:3rem;text-align:center}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#4f46e5;color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#64748b;line-height:1.6}.cta-button{background-color:#fff;border-radius:.5rem;color:#4f46e5;color:var(--primary-color);display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:transform .2s}.cta-button:hover{transform:translateY(-2px)}@media (max-width:768px){.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1.125rem}.feature-grid,.product-grid{grid-template-columns:1fr}.team-card{min-width:200px}}.dashboard-container{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-title{font-size:2rem;font-weight:700;margin-bottom:2rem}.cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.card{background-color:#fff;box-shadow:0 2px 8px #0000001a;font-size:1.25rem;padding:1.5rem}.card-blue{background-color:#e0f2fe}.card-green{background-color:#dcfce7}.card-yellow{background-color:#fef9c3}.table-wrapper{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000000d;overflow-x:auto;padding:1rem}.jobs-table{border-collapse:collapse;width:100%}.jobs-table td,.jobs-table th{border:1px solid #ccc;padding:.75rem;text-align:left}.jobs-table th{background-color:#f3f4f6;font-weight:600}:root{--primary-color:#2563eb;--secondary-color:#1e40af;--background-color:#f8fafc;--text-color:#1e293b;--border-color:#e2e8f0}body{background-color:#f8fafc;background-color:var(--background-color);color:#1e293b;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}nav{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.nav-left a{color:#2563eb;color:var(--primary-color);font-size:1.25rem;font-weight:600;text-decoration:none}.nav-right{align-items:center;display:flex;gap:1.5rem}.nav-right a{color:#1e293b;color:var(--text-color);font-weight:500;text-decoration:none;transition:color .2s}.nav-right a:hover{color:#2563eb;color:var(--primary-color)}button{background-color:#2563eb;background-color:var(--primary-color);border-radius:.375rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}button:hover{background-color:#1e40af;background-color:var(--secondary-color)}.container{margin:0 auto;max-width:1200px;padding:2rem}.hamburger{color:#000!important;cursor:pointer;display:none;font-size:1.5rem;padding:10px;position:relative}@media (max-width:768px){.nav-right{display:none}.nav-right.open{background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:100%}.hamburger{display:block;opacity:1!important}}.auth-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:20px;box-shadow:0 8px 20px #0000001a;max-width:400px;padding:40px;width:100%}.auth-card h1{color:#333;font-size:24px;margin:0;text-align:center}.auth-subtitle{color:#666;margin-bottom:30px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-input{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.auth-input:focus{border-color:#4caf50;outline:none}.auth-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s;width:100%}.auth-button.primary{background-color:#4caf50;color:#fff}.auth-button.primary:hover{background-color:#45a049}.auth-button.google{align-items:center;background-color:#fff;border:1px solid #ddd;color:#333;display:flex;gap:10px;justify-content:center}.auth-button.google:hover{background-color:#f5f5f5}.google-icon{height:20px;width:20px}.auth-links{margin-top:20px;text-align:center}.link-button{background:none;border:none;color:#4caf50;cursor:pointer;font-size:14px;text-decoration:none}.link-button:hover{text-decoration:underline}.error-message{background-color:#ffebee;border-radius:8px;color:#c62828;margin-bottom:15px;padding:10px;text-align:center}.divider{align-items:center;display:flex;margin:20px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.divider span{color:#666;font-size:14px;padding:0 10px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{background:#fff;border-radius:15px;max-width:400px;padding:30px;width:90%}.modal-buttons{display:flex;gap:10px;margin-top:20px}.modal-buttons .auth-button{flex:1 1}.auth-button.secondary{background-color:#9e9e9e;color:#fff}.auth-button.secondary:hover{background-color:#757575}.payment-success-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin:3rem auto;max-width:800px;padding:2rem;text-align:center}.success-icon{color:#10b981;font-size:4rem;margin-bottom:1rem}.payment-success-container h1{color:#111827;font-size:2rem;font-weight:700;margin-bottom:1rem}.payment-success-container p{color:#4b5563;font-size:1rem;margin-bottom:1.5rem}.order-summary{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;margin:2rem 0;padding:1.5rem}.order-summary h2{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:left}.order-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:#4b5563;font-weight:500}.detail-row span:last-child{color:#111827}.detail-row.total{border-top:2px solid #e5e7eb;font-size:1.125rem;font-weight:700;margin-top:.5rem;padding-top:.5rem}.detail-row.total span:last-child{color:#047857}.action-buttons{gap:1rem;justify-content:center}.primary-button,.retry-button,.return-button,.secondary-button{border:none;border-radius:.375rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.primary-button{background-color:#2563eb;color:#fff}.primary-button:hover{background-color:#1d4ed8}.secondary-button{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.secondary-button:hover{background-color:#f9fafb}.retry-button,.return-button{background-color:#2563eb;color:#fff;margin-top:1rem}.retry-button{background-color:#10b981}.retry-button:hover{background-color:#059669}.loading-spinner-large{animation:spin 1s linear infinite;border:.375rem solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;display:inline-block;height:4rem;margin-bottom:1.5rem;width:4rem}.payment-success-container.error{border-left:4px solid #ef4444}.payment-success-container.error h1{color:#b91c1c}.generation-progress-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;margin:2rem 0;padding:1.5rem}.status-display{margin-bottom:1rem}.status-icon{font-size:1.25rem}.status-text{font-size:1rem}.generation-success-message{align-items:center;background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:.375rem;display:flex;margin:2rem 0;padding:1rem}.message-icon{font-size:1.5rem;margin-right:.75rem}.message-content{text-align:left}.message-content p{color:#065f46;margin:.25rem 0}.contact-us{font-family:Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;padding:20px}.contact-us h1{color:#333;font-size:2.5rem;margin-bottom:20px}.contact-us h2{color:#444;font-size:2rem;margin-bottom:15px;margin-top:30px}.contact-us p{color:#555;font-size:1.1rem;margin-bottom:20px}.contact-info{background-color:#f9f9f9;border-radius:8px;margin-bottom:30px;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:1.1rem;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem}.form-group textarea{resize:vertical}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}button:hover{background-color:#0056b3}.pricing-container{margin:0 auto;max-width:1200px;padding:2rem;text-align:center}.subtitle{color:#666;margin-bottom:2rem}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.plan-card{background:#fff;border:1px solid #eaeaea;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem;position:relative;transition:transform .3s ease}.plan-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.plan-card.recommended{border:2px solid #4f46e5;transform:scale(1.03)}.recommended-badge{background:#4f46e5;border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:.3rem 1rem;position:absolute;right:20px;top:-10px}.plan-card h2{color:#333;margin-bottom:.5rem}.price{color:#4f46e5;font-size:1.5rem;font-weight:700;margin:1rem 0}.features{margin:1.5rem 0;padding-left:1rem;text-align:left}.features li{margin-bottom:.8rem;padding-left:1.5rem;position:relative}.features li:before{color:#4f46e5;content:"✓";left:0;position:absolute}.current-plan,.login-btn,.subscribe-btn{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:.8rem;transition:background .3s ease;width:100%}.subscribe-btn{background:#4f46e5;color:#fff}.subscribe-btn:hover{background:#4338ca}.login-btn{background:#f0f0f0;color:#333}.login-btn:hover{background:#e0e0e0}.current-plan{background:#10b981;color:#fff}.payment-mode-toggle{align-items:center;display:flex;gap:8px;margin:10px 0}.payment-mode-btn{background-color:#f3f3f3;border:1px solid #888;border-radius:4px;color:#000;cursor:pointer;padding:5px 10px;transition:background-color .2s}.payment-mode-btn:hover{background-color:#e0e0e0}@media (max-width:768px){.plans-grid{grid-template-columns:1fr}}.form-container{background:#f5f7fa;border-radius:10px;box-shadow:0 2px 15px #0000001a;margin:2rem auto;max-width:1100px;padding:2rem}.form-header{margin-bottom:2rem;text-align:center}.progress-steps{gap:1rem;margin:1rem 0}.progress-steps,.step{display:flex;justify-content:center}.step{align-items:center;background:#ddd;border-radius:50%;cursor:pointer;height:30px;width:30px}.step.active{background:#2196f3;color:#fff}.form-section{background:#fff;border-radius:8px;margin-bottom:1rem;padding:2rem}.form-group{margin-bottom:1.5rem}label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.required{color:#e53935;margin-left:3px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;width:100%}.date-range{display:flex;gap:1rem}.file-upload input[type=file]{padding:.5rem}.add-button{background:#4caf50;border-radius:4px;margin:1rem 0;padding:.8rem 1.5rem}.form-navigation{display:flex;justify-content:space-between;margin-top:2rem}.nav-button{background:#2196f3;color:#fff;cursor:pointer}.nav-button,.submit-button{border:none;border-radius:4px;padding:.8rem 1.5rem}.submit-button{background:#4caf50;width:100%}:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--secondary-color:#f9fafb;--accent-color:#8b5cf6;--danger-color:#ef4444;--text-color:#1f2937;--text-light:#6b7280;--border-color:#e5e7eb;--card-bg:#fff;--bg-color:#f3f4f6;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius:0.5rem;--transition:all 0.2s ease}.text-to-video-converter{background-color:#f3f4f6;background-color:var(--bg-color);border-radius:.5rem;border-radius:var(--radius);color:#1f2937;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:2rem 1rem}.converter-header{margin-bottom:2rem;text-align:center}.converter-header h1{color:#4f46e5;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.converter-header p{color:#6b7280;color:var(--text-light);margin-bottom:1.5rem}.progress-container{background-color:var(--border-color)}.progress-bar{background-color:#4f46e5}.steps-navigation{display:flex;justify-content:space-between;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.step-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;min-width:80px;padding:.5rem;position:relative;transition:all .2s ease;transition:var(--transition)}.step-button:after{background-color:#e5e7eb;background-color:var(--border-color);content:"";height:2px;left:50%;position:absolute;top:1.5rem;transform:translateX(50%);width:100%;z-index:0}.step-button:last-child:after{display:none}.step-number{align-items:center;background-color:#f9fafb;background-color:var(--secondary-color);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:50%;display:flex;font-weight:600;height:2rem;justify-content:center;margin-bottom:.5rem;position:relative;width:2rem;z-index:1}.step-label,.step-number{transition:all .2s ease;transition:var(--transition)}.step-label{color:#6b7280;color:var(--text-light);font-size:.875rem}.step-button.active .step-number{background-color:#4f46e5;background-color:var(--primary-color);border-color:#4f46e5;border-color:var(--primary-color);color:#fff}.step-button.active .step-label{color:#4f46e5;color:var(--primary-color);font-weight:600}.step-button.completed .step-number{background-color:#10b981;background-color:var(--success-color);border-color:#10b981;border-color:var(--success-color);color:#fff}.step-button:disabled{cursor:not-allowed;opacity:.5}.step-container{background-color:#fff;background-color:var(--card-bg);border-radius:.5rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);margin-bottom:1rem}.step-container h2{color:#4f46e5;color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.step-description{color:#6b7280;color:var(--text-light);margin-bottom:1.5rem}.story-textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);font-family:inherit;margin-bottom:1rem;min-height:200px;padding:1rem;resize:vertical;transition:all .2s ease;transition:var(--transition);width:100%}.story-textarea:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533;outline:none}.scene-count-container{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.scene-count-container input{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);padding:.5rem;transition:all .2s ease;transition:var(--transition);width:80px}.scene-count-container input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533;outline:none}.step-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.back-button,.download-button,.generate-button,.next-button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;transition:var(--transition)}.back-button{background-color:#f9fafb;background-color:var(--secondary-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#1f2937;color:var(--text-color)}.back-button:hover{background-color:#e5e7eb}.download-button,.generate-button,.next-button{background-color:#4f46e5;background-color:var(--primary-color);color:#fff}.download-button:hover,.generate-button:hover,.next-button:hover{background-color:#4338ca;background-color:var(--primary-hover)}.download-button{background-color:#10b981;background-color:var(--success-color)}.download-button:hover{background-color:#059669}.prompt-template{margin-bottom:1.5rem}.prompt-template h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.prompt-template textarea{background-color:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);color:#6b7280;color:var(--text-light);font-family:inherit;min-height:150px;padding:1rem;resize:vertical;width:100%}.prompts-container,.scenes-container{margin-bottom:1.5rem}.prompts-container h3,.scenes-container h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.prompts-list,.scenes-list{display:flex;flex-direction:column;gap:.75rem}.prompt-card,.scene-card{background-color:#f9fafb;background-color:var(--secondary-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);padding:1rem}.prompt-card h4{font-weight:600;margin-bottom:.5rem}.images-container{margin-bottom:1.5rem}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.image-card{background-color:#f9fafb;background-color:var(--secondary-color);border-radius:.5rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease;transition:var(--transition)}.image-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.image-card img{height:180px;object-fit:cover;width:100%}.image-card p{color:#6b7280;color:var(--text-light);font-size:.875rem;padding:.75rem;text-align:center}.fallback-label{color:#ef4444;color:var(--danger-color);font-size:.75rem;font-style:italic}.video-preview-container{margin-bottom:1.5rem}.video-preview{aspect-ratio:16/9;background-color:#000;border-radius:.5rem;border-radius:var(--radius);margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.video-preview img{height:100%;object-fit:cover;width:100%}.caption-overlay{bottom:2rem;display:flex;justify-content:center;left:0;position:absolute;right:0}.caption-overlay p{background-color:#000000b3;border-radius:.25rem;color:#fff;max-width:80%;padding:.5rem 1rem;text-align:center}.video-timeline{margin-bottom:1rem}.timeline-labels{color:#6b7280;color:var(--text-light);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.timeline-slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;background:var(--border-color);border-radius:3px;height:6px;outline:none;width:100%}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4f46e5;background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;width:16px}.timeline-slider::-moz-range-thumb{background:#4f46e5;background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.current-time{color:#6b7280;color:var(--text-light);font-size:.875rem;margin-top:.5rem;text-align:center}.audio-settings{background-color:#f9fafb;background-color:var(--secondary-color);border-radius:.5rem;border-radius:var(--radius);margin-bottom:1.5rem;overflow:hidden}.settings-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex}.tab-button{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-light);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease;transition:var(--transition)}.tab-button:hover{background-color:#0000000d}.tab-button.active{border-bottom:2px solid #4f46e5;border-bottom:2px solid var(--primary-color);color:#4f46e5;color:var(--primary-color)}.caption-editor,.general-settings,.music-editor{padding:1.5rem}.caption-editor h3,.general-settings h3,.music-editor h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.caption-input{display:flex;gap:1rem;margin-bottom:1.5rem}.caption-input textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);flex:1 1;font-family:inherit;min-height:80px;padding:.75rem;resize:vertical}.caption-input textarea:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533;outline:none}.add-button{align-items:center;align-self:flex-end;background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;transition:var(--transition)}.add-button:hover{background-color:#4338ca;background-color:var(--primary-hover)}.captions-table,.music-tracks{margin-top:1.5rem}.music-tracks h4{font-size:1rem;font-weight:600;margin-bottom:.75rem}table{border-collapse:collapse;width:100%}th{color:#6b7280;color:var(--text-light);font-size:.875rem;font-weight:600;text-align:left}td,th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:.75rem}.caption-text{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-button{align-items:center;background-color:#ef44441a;border:none;border-radius:50%;color:#ef4444;color:var(--danger-color);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;transition:var(--transition);width:2rem}.remove-button:hover{background-color:#ef444433}.toggle-container{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.toggle{display:inline-block;height:26px;position:relative;width:50px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e5e7eb;background-color:var(--border-color);border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .2s ease;transition:var(--transition)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:18px;left:4px;width:18px}input:checked+.toggle-slider{background-color:#4f46e5;background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translateX(24px)}.music-controls{gap:1.5rem}.music-controls,.music-selection{display:flex;flex-direction:column}.music-selection{gap:.5rem}.music-selection select{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);padding:.75rem;transition:all .2s ease;transition:var(--transition)}.music-selection select:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533;outline:none}.music-upload-container{display:flex;gap:1rem;margin-top:.5rem}.music-select{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);flex:1 1;padding:.75rem;transition:all .2s ease;transition:var(--transition)}.upload-music-container{position:relative}.upload-music-label{align-items:center;background-color:#8b5cf6;background-color:var(--accent-color);border-radius:.5rem;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.upload-music-label:hover{background-color:#7c3aed}.upload-music-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.audio-preview{align-items:center;background-color:#8b5cf61a;border-radius:.5rem;border-radius:var(--radius);display:flex;margin-top:1rem;padding:.75rem}.audio-preview-button{align-items:center;background-color:#8b5cf6;background-color:var(--accent-color);border:none;border-radius:.5rem;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;transition:var(--transition)}.audio-preview-button:hover{background-color:#7c3aed}.audio-preview-button.playing{background-color:#ef4444;background-color:var(--danger-color)}.audio-preview-button.playing:hover{background-color:#dc2626}.time-controls{gap:1rem}.time-control,.time-controls{display:flex;flex-direction:column}.time-control{gap:.5rem}.time-control input{-webkit-appearance:none;appearance:none;background:#e5e7eb;background:var(--border-color);border-radius:3px;height:6px;outline:none;width:100%}.time-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4f46e5;background:var(--primary-color);border-radius:50%;cursor:pointer;height:16px;width:16px}.time-control input::-moz-range-thumb{background:#4f46e5;background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.music-visualization{margin-top:1.5rem}.music-visualization h4{font-size:1rem;font-weight:600;margin-bottom:.75rem}.timeline-container{background-color:#f3f4f6;border-radius:.5rem;border-radius:var(--radius);height:40px;margin-bottom:.5rem;position:relative}.music-segment{align-items:center;background-color:#8b5cf6;background-color:var(--accent-color);border-radius:4px;color:#fff;display:flex;font-size:.75rem;height:30px;justify-content:center;overflow:hidden;padding:0 .5rem;position:absolute;text-overflow:ellipsis;top:5px;white-space:nowrap}.timeline-cursor{background-color:#ef4444;background-color:var(--danger-color);height:100%;position:absolute;top:0;width:2px;z-index:10}.settings-group{background-color:#fff;border-radius:.5rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem}.setting-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 0}.setting-item:last-child{border-bottom:none}.setting-label{align-items:center;display:flex;font-weight:500;gap:.75rem}.setting-item select{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);min-width:150px;padding:.5rem}.export-actions{display:flex;justify-content:space-between;margin-top:2rem}.error-message{background-color:#ef44441a;border-left:4px solid #ef4444;border-left:4px solid var(--danger-color);border-radius:0 .5rem .5rem 0;border-radius:0 var(--radius) var(--radius) 0;color:#ef4444;color:var(--danger-color);margin-top:1rem;padding:.75rem}.spinner{margin-right:.5rem}.generate-button:disabled{opacity:.7}.generate-button:disabled,.generate-button:disabled:hover{background-color:#4f46e5;background-color:var(--primary-color)}@media (max-width:768px){.text-to-video-converter{padding:1rem .5rem}.step-container{padding:1.5rem 1rem}.steps-navigation{justify-content:flex-start;overflow-x:auto;padding-bottom:1rem}.step-button{min-width:70px}.caption-input{flex-direction:column}.add-button{align-self:stretch}.export-actions{flex-direction:column;gap:1rem}.back-button,.download-button{justify-content:center;width:100%}}*{box-sizing:border-box;margin:0;padding:0}.container{background-color:#f3f4f6;min-height:100vh;padding:2rem 1rem}.report-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin:0 auto;max-width:48rem;overflow:hidden}.tabs-container{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto;scrollbar-color:#2563eb #e5e7eb;scrollbar-width:thin;white-space:nowrap}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-track{background:#e5e7eb;border-radius:4px}.tabs-container::-webkit-scrollbar-thumb{background-color:#2563eb;border-radius:4px}.tab{background:none;border:none;color:#6b7280;cursor:pointer;flex:0 0 auto;font-size:.875rem;font-weight:500;padding:.75rem 1rem;white-space:nowrap}.tab:hover{color:#fff}.active-tab{background-color:#2563eb;border-bottom:2px solid #2563eb;color:#ff0}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-field{margin-bottom:1rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.form-input,.form-select{border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;display:block;font-size:.875rem;padding:.5rem .75rem;width:100%}.form-input:focus,.form-select:focus{ring:2px;ring-offset:2px;ring-color:#3b82f6;border-color:#3b82f6;outline:none}.form-input:disabled,.form-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.5}.payment-input{background-color:#f0fdf4;color:#047857;font-weight:700}.required{color:#ef4444}.helper-text{color:#6b7280;font-size:.75rem;margin-top:.25rem}.input-with-button{display:flex;gap:.5rem}.input-with-button .form-input{flex:1 1}.generate-button{align-items:center;background-color:#2563eb;border:1px solid #0000;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.generate-button:hover{background-color:#1d4ed8}.generate-button:focus{ring:2px;ring-offset:2px;ring-color:#2563eb;outline:none}.generate-button:disabled{cursor:not-allowed;opacity:.5}.loading-spinner{animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem}.suggestions-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;margin-top:1rem;padding:1rem}.suggestions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.suggestions-title{font-size:1.125rem;font-weight:500}.reset-button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.875rem}.reset-button:hover{color:#1d4ed8}.suggestions-message{color:#6b7280}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-option{align-items:center;display:flex}.radio-input{color:#2563eb;height:1rem;width:1rem}.radio-input:focus{ring:#3b82f6}.radio-label{color:#374151;display:block;font-size:.875rem;margin-left:.5rem}.form-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.phone-field{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 3fr}.country-code{flex:1 1}.phone-number{flex:3 1}.invisible{visibility:hidden}.progress-container{margin-bottom:.75rem;margin-top:1.5rem;padding-bottom:2.5rem}.status-display{align-items:center;display:flex}.status-icon{color:#3b82f6;margin-right:.5rem}.status-text{color:#374151;font-size:.875rem;font-weight:500}.progress-bar-container{margin-top:.75rem}.progress-bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-label,.progress-percentage{color:#2563eb;font-size:.75rem;font-weight:600}.progress-bar-background{background-color:#dbeafe;border-radius:9999px;height:.5rem;margin-bottom:1rem;overflow:hidden}.progress-bar{justify-center:center;color:#fff;display:flex;flex-direction:column;text-align:center;transition:width .5s ease;white-space:nowrap}.error-message,.success-message{border-radius:.375rem;display:flex;margin-top:1rem;padding:.75rem}.error-message{background-color:#fee2e2;border:1px solid #fecaca}.success-message{background-color:#d1fae5;border:1px solid #a7f3d0}.message-icon{flex-shrink:0}.message-content{margin-left:.75rem}.error-message .message-content p{color:#b91c1c;font-size:.875rem}.success-message .message-content p{color:#065f46;font-size:.875rem}.action-buttons{display:flex;justify-content:flex-end;margin-top:2rem}.submit-button{background-color:#2563eb;border:1px solid #0000;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem}.submit-button:hover{background-color:#1d4ed8}.submit-button:focus{ring:2px;ring-offset:2px;ring-color:#2563eb;outline:none}.submit-button:disabled{cursor:not-allowed;opacity:.5}.format-selection{align-items:center;display:flex;gap:.5rem}.info-icon-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:2rem;justify-content:center;padding:0;transition:background-color .2s;width:2rem}.info-icon-button:hover{background-color:#f3f4f6}.info-icon-button:focus{ring:2px;ring-offset:2px;ring-color:#3b82f6;outline:none}.info-icon-button:disabled{cursor:not-allowed;opacity:.5}.chapter-structure{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;margin-top:.75rem;padding:.75rem}.structure-title{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.structure-table{border-collapse:collapse;font-size:.875rem;width:100%}.structure-table td,.structure-table th{border-bottom:1px solid #e5e7eb;padding:.5rem;text-align:left}.structure-table th{color:#4b5563;font-weight:600}.structure-table td{color:#6b7280}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.phone-field{grid-template-columns:1fr 2fr}}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--success-color:#10b981;--success-light:#d1fae5;--success-border:#34d399;--warning-color:#f59e0b;--warning-light:#fef3c7;--warning-border:#fbbf24;--error-color:#ef4444;--error-light:#fee2e2;--error-border:#f87171;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--border-radius:0.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.face-detection-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.app-title{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.grid-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;position:relative}@media (min-width:768px){.grid-container{grid-template-columns:1fr 1fr}}.card{border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);overflow:hidden}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.5rem}.card-title{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem}.card-content{padding:1.5rem}.upload-area{border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:.5rem;border-radius:var(--border-radius);margin-bottom:1rem;padding:1rem;text-align:center;transition:all .2s ease}.upload-area:hover{background-color:#f9fafb;background-color:var(--gray-50);border-color:#3b82f6;border-color:var(--primary-color)}.upload-placeholder{padding:3rem 1rem}.upload-placeholder-text{color:#6b7280;color:var(--gray-500);margin-bottom:1rem}.uploaded-image-container{position:relative}.uploaded-image{display:block;margin:0 auto;max-height:300px;object-fit:contain}.btn{align-items:center;border-radius:.375rem;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.btn-primary{background-color:#3b82f6;background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary-hover)}.btn-outline{background-color:initial;border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-outline:hover:not(:disabled){background-color:#f3f4f6;background-color:var(--gray-100)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-icon{margin-right:.5rem}.center-button-container{display:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}@media (min-width:768px){.center-button-container{display:block}}.center-button{align-items:center;background-color:#3b82f6;background-color:var(--primary-color);border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);color:#fff;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.center-button:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary-hover);transform:scale(1.1)}.center-button:active:not(:disabled){transform:scale(.95)}.mobile-button{font-size:1rem;margin-top:1rem;padding:.75rem;width:100%}@media (min-width:768px){.mobile-button{display:none}}.database-images-list{display:flex;flex-direction:column;gap:1rem;max-height:350px;overflow-y:auto;padding-right:.5rem}.database-image-item{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--border-radius);display:flex;gap:1rem;padding:.5rem;transition:all .2s ease}.database-image-item:hover{background-color:#f9fafb;background-color:var(--gray-50)}.database-image{border-radius:.25rem;height:4rem;object-fit:cover;width:4rem}.database-image-info{flex:1 1}.database-image-name{color:#111827;color:var(--gray-900);font-weight:500}.database-image-id{color:#6b7280;color:var(--gray-500);font-size:.875rem}.comparing-image-item{animation:pulse 1.5s infinite;background-color:#f9fafb;background-color:var(--gray-50);border:2px solid #3b82f6;border:2px solid var(--primary-color)}.comparing-status{color:#3b82f6;color:var(--primary-color);font-size:.875rem}.match-image-container{background-color:#d1fae5;background-color:var(--success-light);border:2px solid #10b981;border:2px solid var(--success-color);position:relative}.match-image{animation:glow 2s infinite}.match-percentage-container{align-items:center;display:flex;margin-top:.25rem}.match-percentage-bar{background-color:#e5e7eb;background-color:var(--gray-200);border-radius:9999px;flex:1 1;height:.5rem;overflow:hidden}.match-percentage-progress{background-color:#10b981;background-color:var(--success-color);border-radius:9999px;height:100%;transition:width 1.5s ease-out}.match-percentage-text{font-size:.875rem;font-weight:500;margin-left:.5rem}.match-badge{align-items:center;background-color:#d1fae5;background-color:var(--success-light);border-radius:.25rem;color:#10b981;color:var(--success-color);display:flex;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.match-badge-icon{margin-right:.25rem}.match-details-card{margin-top:1.5rem}.match-detail-item{background-color:#d1fae5;background-color:var(--success-light);border:1px solid #34d399;border:1px solid var(--success-border);border-radius:.5rem;border-radius:var(--border-radius);padding:1rem}.match-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.match-detail-title{font-size:1.125rem;font-weight:500}.match-detail-score{color:#10b981;color:var(--success-color);font-size:1.125rem;font-weight:700}.match-images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.match-image-section{display:flex;flex-direction:column}.match-image-label{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-bottom:.25rem}.match-comparison-image{border-radius:.25rem;height:10rem;object-fit:cover;width:100%}.match-confidence{margin-top:1rem}.match-confidence-label{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.match-confidence-bar{background-color:#e5e7eb;background-color:var(--gray-200);border-radius:9999px;height:.625rem;overflow:hidden;width:100%}.match-confidence-progress{background-color:#10b981;background-color:var(--success-color);border-radius:9999px;height:100%;transition:width 1.5s ease-out}.alert{border-radius:.5rem;border-radius:var(--border-radius);display:flex;margin-bottom:1.5rem;padding:1rem}.alert-icon{flex-shrink:0;height:1.25rem;margin-right:.75rem;width:1.25rem}.alert-content{flex:1 1}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-description{font-size:.875rem}.alert-success{background-color:#d1fae5;background-color:var(--success-light);border:1px solid #34d399;border:1px solid var(--success-border)}.alert-success .alert-icon,.alert-success .alert-title{color:#10b981;color:var(--success-color)}.alert-warning{background-color:#fef3c7;background-color:var(--warning-light);border:1px solid #fbbf24;border:1px solid var(--warning-border)}.alert-warning .alert-icon,.alert-warning .alert-title{color:#f59e0b;color:var(--warning-color)}.alert-error{background-color:#fee2e2;background-color:var(--error-light);border:1px solid #f87171;border:1px solid var(--error-border)}.alert-error .alert-icon,.alert-error .alert-title{color:#ef4444;color:var(--error-color)}.alert-info{background-color:#e0f2fe;border:1px solid #7dd3fc}.alert-info .alert-icon,.alert-info .alert-title{color:#0284c7}.progress-container{background-color:#e5e7eb;background-color:var(--gray-200);border-radius:9999px;height:.5rem;margin:.5rem 0;overflow:hidden;width:100%}.progress-bar{background-color:#3b82f6;background-color:var(--primary-color);border-radius:9999px;height:100%;transition:width .3s ease}.spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:1.5rem;width:1.5rem}@keyframes spin{to{transform:rotate(1turn)}}.app-footer{color:#6b7280;color:var(--gray-500);font-size:.75rem;margin-top:2rem;text-align:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(-100px) rotate(2turn)}}@keyframes glow{0%{box-shadow:0 0 5px #10b98180}50%{box-shadow:0 0 20px #10b981cc}to{box-shadow:0 0 5px #10b98180}}@keyframes scrollUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.match-found-card{animation:pulse .5s ease-in-out}.match-alert{animation:slideIn .5s ease-out}.fade-in{animation:fadeIn .8s ease-out}.slide-in{animation:slideIn .5s ease-out}.confetti-container{inset:0;overflow:hidden;pointer-events:none;position:absolute}.confetti-piece{animation:confetti 1s forwards;border-radius:50%;height:10px;position:absolute;width:10px}.sparkles-container{inset:0;overflow:hidden}.sparkle,.sparkles-container{pointer-events:none;position:absolute}.sparkle{height:20px;width:20px}.demo-mode-banner{background-color:#e0f2fe;border:1px solid #7dd3fc;border-radius:.5rem;border-radius:var(--border-radius);color:#0284c7;margin-bottom:1.5rem;padding:.75rem;text-align:center}.database-images-list::-webkit-scrollbar{width:6px}.database-images-list::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:10px}.database-images-list::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:10px}.database-images-list::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.match-results-card{margin-top:1.5rem}.match-results-header{grid-gap:1rem;background-color:#f3f4f6;background-color:var(--gray-100);border-radius:.375rem;color:#374151;color:var(--gray-700);display:grid;font-weight:600;gap:1rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:.5rem;padding:.75rem 1rem}.match-results-header-item{padding:0 .5rem}.match-results-list{display:flex;flex-direction:column;gap:.75rem;max-height:350px;overflow-y:auto}.match-results-item{grid-gap:1rem;align-items:center;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.375rem;cursor:pointer;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;padding:.75rem 1rem;transition:all .2s ease}.match-results-item-selected,.match-results-item:hover{background-color:#f9fafb;background-color:var(--gray-50)}.match-results-item-selected{border:2px solid #3b82f6;border:2px solid var(--primary-color);position:relative}.match-results-item-selected:after{border-bottom:8px solid #0000;border-left:8px solid #3b82f6;border-left:8px solid var(--primary-color);border-top:8px solid #0000;content:"";height:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0}.match-results-user{align-items:center;display:flex;gap:.75rem}.match-results-avatar{border-radius:50%;height:2.5rem;object-fit:cover;width:2.5rem}.match-results-user-info{display:flex;flex-direction:column}.match-results-user-name{color:#111827;color:var(--gray-900);font-weight:500}.match-results-user-role{color:#6b7280;color:var(--gray-500);font-size:.875rem}.match-results-similarity{display:flex;flex-direction:column;gap:.25rem}.match-results-similarity-value{font-weight:600;text-align:center}.match-results-similarity-bar{background-color:#e5e7eb;background-color:var(--gray-200);border-radius:9999px;height:.5rem;overflow:hidden}.match-results-similarity-progress{background-color:#3b82f6;background-color:var(--primary-color);border-radius:9999px;height:100%;transition:width .5s ease-out}.match-results-status{border-radius:.25rem;font-weight:500;justify-self:center;padding:.25rem .5rem;text-align:center;width:fit-content}.match-status-high{background-color:#d1fae5;background-color:var(--success-light);color:#10b981;color:var(--success-color)}.match-status-medium{background-color:#fef3c7;background-color:var(--warning-light);color:#f59e0b;color:var(--warning-color)}.match-status-low{background-color:#fee2e2;background-color:var(--error-light);color:#ef4444;color:var(--error-color)}.user-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.user-details-grid{grid-template-columns:3fr 2fr}}.user-details-images{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.user-details-image-container{display:flex;flex-direction:column;gap:.25rem}.user-details-info{background-color:#f9fafb;background-color:var(--gray-50);border-radius:.375rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.user-details-info-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding-bottom:.5rem}.user-details-info-label{color:#374151;color:var(--gray-700);font-weight:500}.user-details-info-value{color:#111827;color:var(--gray-900);font-weight:600}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-container{animation:slideIn .3s ease-out;background-color:#fff;border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}.popup-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);justify-content:space-between;padding:1rem 1.5rem}.popup-header,.popup-title{align-items:center;display:flex}.popup-title{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.popup-close{align-items:center;background:#0000;border:none;border-radius:.25rem;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.popup-close:hover{background-color:#f3f4f6;background-color:var(--gray-100);color:#374151;color:var(--gray-700)}.popup-content{flex:1 1;overflow-y:auto;padding:1.5rem}.popup-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;padding:1rem 1.5rem}.no-matches-message{color:#6b7280;color:var(--gray-500);padding:2rem;text-align:center}.btn-sm{font-size:.875rem;padding:.25rem .5rem}.mt-2{margin-top:.5rem}.best-match-comparison{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:2rem;padding-top:1.5rem}.best-match-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.best-match-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:640px){.best-match-content{grid-template-columns:3fr 2fr}}.best-match-images{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.best-match-image-container{display:flex;flex-direction:column;gap:.25rem}.best-match-info{background-color:#f9fafb;background-color:var(--gray-50);border-radius:.5rem;border-radius:var(--border-radius);padding:1rem}.best-match-info-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:.5rem 0}.best-match-info-item:last-child{border-bottom:none}.best-match-info-label{color:#374151;color:var(--gray-700);font-weight:500}.best-match-info-value{color:#111827;color:var(--gray-900);font-weight:600}.match-count-badge{align-items:center;background-color:#3b82f6;background-color:var(--primary-color);border-radius:9999px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;margin-left:.5rem;min-width:1.5rem;padding:0 .375rem}.match-status-button-container{display:flex;justify-content:center;margin:1.5rem 0}.match-status-button{align-items:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);display:inline-flex;font-size:1rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.match-status-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.popup-alert{border-radius:.5rem;border-radius:var(--border-radius);display:flex;margin-bottom:1.5rem;padding:1rem}.popup-alert-icon{flex-shrink:0;height:1.25rem;margin-right:.75rem;width:1.25rem}.popup-alert-content{flex:1 1}.popup-alert-title{font-weight:600;margin-bottom:.25rem}.popup-alert-description{font-size:.875rem}.popup-alert-success{background-color:#d1fae5;background-color:var(--success-light);border:1px solid #34d399;border:1px solid var(--success-border)}.popup-alert-success .popup-alert-icon,.popup-alert-success .popup-alert-title{color:#10b981;color:var(--success-color)}.popup-alert-warning{background-color:#fef3c7;background-color:var(--warning-light);border:1px solid #fbbf24;border:1px solid var(--warning-border)}.popup-alert-warning .popup-alert-icon,.popup-alert-warning .popup-alert-title{color:#f59e0b;color:var(--warning-color)}.uploaded-images-container{display:flex;flex-direction:column;gap:1rem}.selected-image-container{background-color:#f9fafb;background-color:var(--gray-50);border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:.5rem;border-radius:var(--border-radius);padding:.5rem;position:relative}.image-thumbnails-container{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:.5rem;max-height:100px;overflow-y:auto;padding:.5rem}.image-thumbnail{border:2px solid #0000;border-radius:.25rem;cursor:pointer;height:60px;overflow:hidden;position:relative;transition:all .2s ease;width:60px}.image-thumbnail img{height:100%;object-fit:cover;width:100%}.selected-thumbnail{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f64d}.remove-thumbnail-btn{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:18px;justify-content:center;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .2s ease;width:18px}.image-thumbnail:hover .remove-thumbnail-btn{opacity:1}.remove-thumbnail-btn:hover{background-color:#ef4444cc}.image-actions{display:flex;justify-content:space-between;margin-top:1rem}.image-count{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-top:.5rem}.image-navigation{gap:.5rem;margin-top:.5rem}.image-nav-button,.image-navigation{align-items:center;display:flex;justify-content:center}.image-nav-button{background-color:#f3f4f6;background-color:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:50%;cursor:pointer;height:30px;transition:all .2s ease;width:30px}.image-nav-button:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--gray-200)}.image-nav-button:disabled{cursor:not-allowed;opacity:.5}.image-counter{color:#374151;color:var(--gray-700);font-size:.875rem}.edit-modal-overlay{align-items:center;background:#00000080;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.edit-modal-content{background:#fff;border-radius:8px;box-sizing:border-box;max-height:95vh;max-width:1200px;overflow-y:auto;padding:20px;position:relative;width:100%}.edit-modal-close-btn{background:blue;border:none;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.myjobusers-container{background:#f9fbfd;border-radius:12px;box-shadow:0 4px 15px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:30px auto;max-width:900px;min-height:100vh;padding:20px}.myjobusers-container h2{color:#222;font-size:1.8rem;font-weight:700;margin-bottom:20px}.myjobusers-table{border-collapse:initial;border-spacing:0 12px;font-size:1rem;width:100%}.myjobusers-table thead tr{background-color:#2f80ed;color:#ff0;font-weight:600;-webkit-user-select:none;user-select:none}.myjobusers-table thead th{color:#ff0;padding:14px 20px;text-align:left}.myjobusers-table tbody tr{background:#f3f6fc;border-radius:8px;box-shadow:0 1px 3px #0000001a}.myjobusers-table tbody td{padding:15px 20px;vertical-align:middle}.myjobusers-table tbody td.actions-col{align-items:center;display:flex;gap:10px;padding:15px 20px;white-space:nowrap}.myjobusers-table tbody td.actions-col button{border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;flex-shrink:0;font-weight:600;min-width:90px;padding:8px 14px;transition:background-color .3s ease;white-space:nowrap}.myjobusers-table tbody td.actions-col .btn-delete{background-color:#e74c3c;color:#fff}.myjobusers-table tbody td.actions-col .btn-delete:hover{background-color:#c0392b}.myjobusers-table tbody td.actions-col .btn-edit{background-color:#2563eb;color:#fff}.myjobusers-table tbody td.actions-col .btn-edit:hover{background-color:#1d4ed8}.myjobusers-table tbody td.actions-col .btn-autoapply{background-color:#10b981;color:#fff}.myjobusers-table tbody td.actions-col .btn-autoapply:hover{background-color:#059669}.no-data{color:#666;font-style:italic;padding:20px;text-align:center}.roles-container{background-color:#f9f9f9;border:2px solid #ddd;border-radius:12px;font-family:Arial,sans-serif;margin:20px auto;max-width:800px;padding:20px}.add-role{display:flex;gap:10px;margin-bottom:20px}.add-role input{border:1px solid #ccc;border-radius:6px;flex:1 1;padding:8px}.add-role button{background-color:#07c;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.role-card{background:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:20px;padding:16px}.role-card h3{align-items:center;display:flex;justify-content:space-between}.delete-role{background:red;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:4px 10px}.skills-list{list-style:none;margin-top:10px;padding:0}.skills-list li{border-bottom:1px dashed #ccc;display:flex;justify-content:space-between;padding:4px 0}.delete-skill{background:#0000;border:none;color:red;cursor:pointer;font-weight:700}.add-skill{display:flex;gap:10px;margin-top:10px}.add-skill input{border:1px solid #aaa;border-radius:6px;flex:1 1;padding:6px}.add-skill button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.search-role{margin:16px 0}.search-role input{border:1px solid #ccc;border-radius:6px;padding:8px;width:100%}
/*# sourceMappingURL=main.5c2e6340.css.map*/