.campaign-loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}.loading-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s infinite ease-in-out}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:300px;height:300px;background:linear-gradient(135deg,#667eea,#764ba2);bottom:-150px;right:-150px;animation-delay:7s}.orb-3{width:350px;height:350px;background:linear-gradient(135deg,#f093fb,#f5576c);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,50px) scale(1.1)}66%{transform:translate(-50px,-50px) scale(.9)}}.loading-content{position:relative;z-index:1;max-width:600px;width:90%;padding:3rem 2rem;background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;border:1px solid rgba(148,163,184,.2);box-shadow:0 20px 60px #00000080}.loading-header{text-align:center;margin-bottom:3rem}.loading-icon-wrapper{position:relative;display:inline-block;margin-bottom:1.5rem}.loading-icon{font-size:4rem;animation:bounce 2s infinite;position:relative;z-index:1}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:3px solid rgba(255,107,107,.3);border-radius:50%;animation:pulse 2s infinite}.pulse-ring:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border:2px solid rgba(255,107,107,.2);border-radius:50%;animation:pulse 2s infinite .5s}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.loading-title{font-size:1.75rem;font-weight:700;color:#e5e7eb;margin:0 0 .5rem;background:linear-gradient(135deg,#ff6b6b,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-subtitle{font-size:1rem;color:#9ca3af;margin:0}.progress-section{margin-bottom:2rem}.progress-bar-container{position:relative;width:100%;height:16px;background:#0f172acc;border-radius:999px;overflow:hidden;margin-bottom:2rem;border:1px solid rgba(148,163,184,.2)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ee5a6f,#c44569);border-radius:999px;transition:width .5s ease;position:relative;overflow:hidden}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s infinite}.progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1}.steps-container{display:flex;flex-direction:column;gap:1rem}.loading-step{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0f172a66;border-radius:.75rem;border:1px solid rgba(148,163,184,.1);transition:all .3s ease;opacity:.5}.loading-step.active{opacity:1;background:#ff6b6b1a;border-color:#ff6b6b4d;transform:scale(1.02);box-shadow:0 4px 12px #ff6b6b33}.loading-step.completed{opacity:.7;background:#22c55e1a;border-color:#22c55e33}.step-icon-wrapper{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#94a3b81a;border-radius:50%;flex-shrink:0}.loading-step.active .step-icon-wrapper{background:#ff6b6b33;animation:iconPulse 2s infinite}.loading-step.completed .step-icon-wrapper{background:#22c55e33}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.step-icon{font-size:1.5rem;position:relative;z-index:1}.step-check{position:absolute;font-size:1.25rem;color:#22c55e;z-index:2}.step-content{flex:1;min-width:0}.step-label{font-size:1rem;font-weight:600;color:#e5e7eb;margin-bottom:.25rem}.loading-step.active .step-label{color:#ffb3b3}.loading-step.completed .step-label{color:#86efac}.step-description{font-size:.875rem;color:#9ca3af;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.step-loader{display:flex;gap:.5rem;flex-shrink:0}.loader-dot{width:8px;height:8px;background:#ff6b6b;border-radius:50%;animation:dotBounce 1.4s infinite ease-in-out}.loader-dot:nth-child(1){animation-delay:0s}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.loading-footer{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(148,163,184,.1)}.tip-container{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ff6b6b0d;border-radius:.75rem;border:1px solid rgba(255,107,107,.1);animation:tipFade .5s ease}@keyframes tipFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tip-icon{font-size:1.25rem;flex-shrink:0}.tip-text{font-size:.875rem;color:#cbd5e1;line-height:1.5}.time-estimate{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#9ca3af;justify-content:center}.time-icon{font-size:1rem}.loading-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#ff6b6b66;border-radius:50%;animation:particleFloat 4s infinite ease-in-out}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(50px) scale(1);opacity:0}}.game-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(148,163,184,.1)}.game-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.game-icon{font-size:1.25rem}.game-title{flex:1;font-size:.875rem;font-weight:600;color:#cbd5e1}.game-toggle-btn{padding:.5rem 1rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:.5rem;color:#ffb3b3;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.game-toggle-btn:hover{background:#ff6b6b33;border-color:#ff6b6b80;transform:translateY(-1px)}.game-container{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.game-canvas{width:100%;max-width:400px;height:200px;background:#0f172a;border:2px solid rgba(148,163,184,.3);border-radius:.75rem;cursor:pointer;image-rendering:pixelated;image-rendering:crisp-edges}.game-controls{text-align:center;width:100%}.game-instructions{color:#9ca3af;font-size:.875rem;line-height:1.6}.game-instructions kbd{background:#94a3b833;border:1px solid rgba(148,163,184,.3);border-radius:.25rem;padding:.25rem .5rem;font-family:monospace;font-size:.75rem;color:#e5e7eb}.game-playing{color:#9ca3af;font-size:.875rem}.game-playing kbd{background:#94a3b833;border:1px solid rgba(148,163,184,.3);border-radius:.25rem;padding:.25rem .5rem;font-family:monospace;font-size:.75rem;color:#e5e7eb}.game-score-display{margin-top:.5rem;font-size:1rem;font-weight:700;color:#ff6b6b}.game-over{color:#9ca3af}.game-over-title{font-size:1.25rem;font-weight:700;color:#ef4444;margin:0 0 .5rem}.game-over-score{font-size:1rem;color:#ff6b6b;font-weight:600;margin:0 0 1rem}.game-restart-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.game-restart-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}@media (max-width: 768px){.loading-content{padding:2rem 1.5rem;border-radius:1.5rem}.loading-icon{font-size:3rem}.loading-title{font-size:1.5rem}.loading-subtitle,.step-label{font-size:.875rem}.step-description{font-size:.75rem}.game-canvas{height:150px}}.unified-campaign-results{width:100%;max-width:1400px;margin:0 auto}.campaign-tabs{display:flex;gap:.5rem;border-bottom:1px solid rgba(148,163,184,.2);margin-bottom:2rem;overflow-x:auto}.campaign-tab{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#9ca3af;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.campaign-tab:hover{color:#e5e7eb;background:#ffffff0d}.campaign-tab.active{color:#ff6b6b;border-bottom-color:#ff6b6b;background:#ff6b6b1a}.campaign-tab-content{padding:0}.videos-tab{width:100%}.videos-layout{display:grid;grid-template-columns:1fr;gap:2rem}.videos-layout.with-preview{grid-template-columns:1fr 450px}@media (max-width: 1024px){.videos-layout.with-preview{grid-template-columns:1fr}}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.video-card{background:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.video-card.selected{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b4d}.video-card .video-preview video{width:100%;height:100%;object-fit:cover}.video-card .video-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:.75rem;flex-wrap:wrap}.video-card .video-actions .button{flex:1;font-size:.875rem;padding:.625rem 1rem;min-width:100px}.video-card .upload-status{padding:.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:.5rem;font-size:.875rem;color:#22c55e;margin-top:.75rem}.video-card .upload-status.error{background:#ef44441a;border-color:#ef444433;color:#ef4444}.video-preview-panel{position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;background:#0f172acc;border:1px solid rgba(148,163,184,.2);border-radius:1rem;padding:1.5rem}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.2)}.preview-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#e5e7eb}.close-button{background:transparent;border:1px solid rgba(148,163,184,.3);color:#9ca3af;width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;line-height:1;transition:all .2s ease}.close-button:hover{border-color:#ff6b6b;color:#ff6b6b;background:#ff6b6b1a}.preview-video-container{position:relative;width:100%;border-radius:.75rem;overflow:hidden;background:#000;margin-bottom:1.5rem}.preview-video-container .preview-video{width:100%;height:auto;display:block;border-radius:.75rem}.upload-status-banner{padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;margin-bottom:1rem}.upload-status-banner.success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.upload-status-banner.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.preview-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.preview-actions .button{width:100%;justify-content:center}.thumbnail-preview{margin-bottom:1.5rem;padding:1rem;background:#ffffff0d;border-radius:.75rem;border:1px solid rgba(255,255,255,.1)}.thumbnail-preview h4{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:#e5e7eb}.thumbnail-image{width:100%;height:auto;border-radius:.5rem}.preview-metadata{display:flex;flex-direction:column;gap:1.5rem}.metadata-section{padding-bottom:1.5rem;border-bottom:1px solid rgba(148,163,184,.1)}.metadata-section:last-child{border-bottom:none;padding-bottom:0}.metadata-section h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#e5e7eb}.metadata-section p{margin:0;color:#cbd5e1;font-size:.9rem;line-height:1.6}.hashtags-list{display:flex;flex-wrap:wrap;gap:.5rem}.hashtag-pill{padding:.375rem .75rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:.5rem;font-size:.875rem;color:#ff6b6b;font-weight:500}.script-preview{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;padding:1rem;color:#cbd5e1;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:inherit;max-height:400px;overflow-y:auto}.batch-upload-section{margin-top:2rem;padding:1.5rem;background:#ffffff0d;border-radius:.75rem;border:1px solid rgba(255,255,255,.1)}.batch-upload-section h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:#e5e7eb}.batch-upload-section p{margin:0 0 1rem;color:#9ca3af;font-size:.95rem}.scripts-tab{padding:1rem 0}.scripts-list{display:flex;flex-direction:column;gap:1.5rem}.script-card{background:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.script-card:hover{border-color:#ff6b6b4d;transform:translateY(-2px)}.script-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.2)}.script-header h4{margin:0;font-size:1.1rem;font-weight:700;color:#e5e7eb}.script-meta{font-size:.875rem;color:#9ca3af}.script-content{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:.5rem;padding:1rem;color:#cbd5e1;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:inherit}.script-hashtags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.analytics-tab{padding:1rem 0}@media (max-width: 768px){.campaign-tabs{gap:.25rem}.campaign-tab{padding:.75rem 1rem;font-size:.9rem}.videos-grid,.videos-layout.with-preview{grid-template-columns:1fr}.video-preview-panel{position:relative;top:0;max-height:none}.campaign-stats{gap:1rem;padding:1rem}.stat-item{min-width:100px}}.campaigns-history{padding:2rem;max-width:1400px;margin:0 auto}.campaigns-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.campaigns-history-header h2{font-size:2rem;font-weight:700;color:#fff;margin:0;flex:1}.campaigns-stats{color:#9ca3af;font-size:.95rem}.campaigns-loading,.campaigns-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.campaigns-loading .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#ff6b6b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.campaigns-loading p{color:#9ca3af;font-size:1.1rem}.campaigns-error p{color:#ef4444;font-size:1.1rem;margin-bottom:1rem}.campaigns-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.campaigns-empty .empty-icon{font-size:4rem;margin-bottom:1rem}.campaigns-empty h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}.campaigns-empty p{color:#9ca3af;font-size:1rem;margin-bottom:2rem}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.campaign-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.campaign-card:hover{background:#ffffff0d;border-color:#ff6b6b4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.campaign-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.campaign-platform{display:flex;align-items:center;gap:.5rem}.platform-icon{font-size:1.5rem}.platform-name{font-weight:600;color:#e5e7eb;text-transform:capitalize}.quality-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.campaign-card-body{flex:1}.campaign-topic{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.campaign-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:1rem;font-weight:600;color:#e5e7eb}.campaign-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.campaign-date{font-size:.875rem;color:#9ca3af}.button-small{padding:.5rem 1rem;font-size:.875rem}@media (max-width: 768px){.campaigns-history{padding:1rem}.campaigns-history-header{flex-direction:column;align-items:flex-start}.campaigns-history-header h2{font-size:1.5rem}.campaigns-grid{grid-template-columns:1fr}.campaign-card-header{flex-wrap:wrap}.campaign-meta{gap:1rem}}.profile-container{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow-x:hidden}.profile-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.profile-card{max-width:900px;margin:0 auto;background:#0f172a66;border-radius:20px;box-shadow:0 20px 60px #00000026;padding:0;overflow:hidden;position:relative;z-index:1}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 50%,#0f172a 100%);margin-bottom:0}.profile-title{margin:0;font-size:2rem;font-weight:700;color:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 50%,#0f172a 100%);display:flex;align-items:center;gap:.75rem}.profile-content{padding:2.5rem}.profile-section{margin-bottom:2rem;padding:1.75rem;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a);border-radius:16px;border:1px solid #e5e7eb;transition:all .2s}.profile-section:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.section-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6}.section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.info-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.info-item{padding:1.25rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s;box-shadow:0 1px 3px #0000000d}.info-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.info-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.info-value{font-size:1rem;color:#1f2937;display:flex;align-items:center;gap:.75rem;font-weight:500}.verification-badge{padding:.35rem .85rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-flex;align-items:center;gap:.35rem}.verification-badge.verified{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.verification-badge.unverified{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.status-badge{padding:.35rem .85rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-flex;align-items:center}.status-badge.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.verification-warning{padding:1.25rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:12px;margin:1.5rem 0;box-shadow:0 4px 12px #f59e0b26}.verification-warning p{margin:0 0 1rem;color:#92400e;font-weight:500}.verification-warning button{color:#92400e}.profile-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a);border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.field-label{font-size:.875rem;font-weight:600;color:#374151}.input{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .2s;background:#fff;color:#1f2937}.input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.field-hint{font-size:.75rem;color:#6b7280;font-style:italic}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.credits-display{margin-bottom:1.5rem}.credits-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 8px 24px #667eea4d;position:relative;overflow:hidden}.credits-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.credits-icon{font-size:3.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));position:relative;z-index:1}.credits-info{flex:1;position:relative;z-index:1}.credits-label{font-size:.875rem;opacity:.95;margin-bottom:.5rem;font-weight:500;letter-spacing:.5px}.credits-value{font-size:3rem;font-weight:800;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.2)}.credit-purchase{margin-top:1.5rem;padding:1.75rem;background:#fff;border-radius:16px;border:2px solid #e5e7eb;box-shadow:0 4px 12px #00000014}.credit-purchase h3{margin:0 0 1rem;color:#1f2937}.currency-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.currency-btn{padding:.5rem 1rem;border:2px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.currency-btn:hover{border-color:#667eea}.currency-btn.active{background:#667eea;color:#fff;border-color:#667eea}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.plan-card{padding:2rem 1.5rem;border:2px solid #e5e7eb;border-radius:16px;text-align:center;transition:all .3s;background:#fff;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s}.plan-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea40;transform:translateY(-4px);background:#fafbfc}.plan-card:hover:before{transform:scaleX(1)}.plan-card h4{margin:0 0 1rem;text-transform:capitalize;color:#1f2937;font-size:1.25rem;font-weight:700}.plan-price{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:.75rem 0;line-height:1.2;display:flex;align-items:baseline;justify-content:center;gap:.25rem}.plan-credits{color:#6b7280;margin-bottom:1.5rem;font-weight:500;font-size:.95rem}.security-actions{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a);border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.account-details{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a);border-radius:12px;border:1px solid #e5e7eb;transition:all .2s;box-shadow:0 1px 3px #0000000d}.detail-item:hover{border-color:#667eea;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a);box-shadow:0 4px 12px #667eea26;transform:translate(4px)}.detail-label{font-weight:600;color:#6b7280;font-size:.9rem}.detail-value{color:#1f2937;font-weight:600;font-size:.95rem}.error-message{padding:1rem;background:#fee2e2;border-left:4px solid #ef4444;border-radius:4px;margin-bottom:1.5rem;color:#991b1b;display:flex;align-items:center;gap:.5rem}.success-message{padding:1rem;background:#d1fae5;border-left:4px solid #10b981;border-radius:4px;margin-bottom:1.5rem;color:#065f46;display:flex;align-items:center;gap:.5rem}.error-icon,.success-icon{font-size:1.25rem}.loading-spinner{text-align:center;padding:3rem}.loading-spinner .spinner{width:48px;height:48px;margin:0 auto 1rem}.button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.button-primary:active{transform:translateY(0)}.button-secondary{background:#f3f4f6;color:#374151}.button-secondary:hover{background:#e5e7eb}.button-outline{background:#fff;color:#667eea;border:2px solid #667eea}.button-outline:hover{background:#f3f4f6}.button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.profile-container{padding:1rem .5rem}.profile-card{border-radius:16px}.profile-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem}.profile-content{padding:1.5rem}.profile-title{font-size:1.5rem}.info-display,.plans-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.credits-card{padding:1.5rem}.credits-icon{font-size:2.5rem}.credits-value{font-size:2rem}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a);color:#e5e7eb;min-height:100vh}.app-root{min-height:100vh;display:flex;justify-content:center;padding:2rem 1rem}.card{width:100%;max-width:1400px;background:#020617;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #000000bf;border:1px solid rgba(148,163,184,.2)}.card-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(148,163,184,.15)}.card-title{font-size:2rem;font-weight:800;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.card-subtitle{font-size:.95rem;color:#9ca3af;margin-top:.5rem;line-height:1.5}.icon{font-size:1.5rem}.section{margin-bottom:2rem;background:#0f172a66;border-radius:1rem;padding:1.5rem;border:1px solid rgba(148,163,184,.1);transition:all .2s ease}.section:hover{border-color:#94a3b833}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.section-icon{font-size:1.25rem}.section-title{font-size:1.1rem;font-weight:600;margin:0;color:#e5e7eb}.section-content{display:flex;flex-direction:column;gap:1.25rem}.preview-section{background:#ff6b6b1a;border-color:#ff6b6b4d}.grid{display:grid;gap:1.5rem}@media (min-width: 768px){.grid-cols-2{grid-template-columns:1.4fr 1fr;gap:2rem}}.main-panel{display:flex;flex-direction:column;gap:0}.sidebar-panel{position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.875rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.field-hint{font-size:.75rem;color:#64748b;margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.hint-item{display:inline-flex;align-items:center;gap:.25rem}.select,.input,.textarea{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.3);background:#0f172a99;color:#e5e7eb;font-size:.9rem;transition:all .2s ease}.select:hover,.input:hover,.textarea:hover{border-color:#94a3b880}.select:focus,.input:focus,.textarea:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b26;background:#0f172acc}.textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.6}.video-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.video-type-btn{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;border:2px solid rgba(148,163,184,.3);background:#0f172a99;color:#e5e7eb;cursor:pointer;transition:all .2s ease;text-align:left}.video-type-btn:hover{border-color:#94a3b880;background:#0f172acc;transform:translateY(-2px)}.video-type-btn.active{border-color:#ff6b6b;background:#ff6b6b26;box-shadow:0 0 0 3px #ff6b6b26}.btn-icon{font-size:2rem}.btn-title{font-weight:600;font-size:1rem}.btn-subtitle{font-size:.8rem;color:#9ca3af;margin-top:.25rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;text-decoration:none}.button-primary{background:linear-gradient(135deg,#ff6b6b,#ff8787,#ff9a9a 60%,#ff6b6b);background-size:200% 200%;color:#fff;width:100%;box-shadow:0 4px 20px #ff6b6b66,0 0 30px #ff6b6b33;position:relative;overflow:hidden;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.button-primary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.button-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #ff6b6b99,0 0 40px #ff6b6b4d;background:linear-gradient(135deg,#ff8787,#ff9a9a,#ffb3b3 60%,#ff8787);background-size:200% 200%}.button-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.button-primary.loading{opacity:.8;cursor:wait}.button-glow{box-shadow:0 4px 20px #ff6b6b80,0 0 40px #ff6b6b4d,0 0 60px #ff6b6b1a!important;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #ff6b6b80,0 0 40px #ff6b6b4d,0 0 60px #ff6b6b1a}50%{box-shadow:0 6px 30px #ff6b6bb3,0 0 60px #ff6b6b80,0 0 80px #ff6b6b33}}.button-hero{padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;letter-spacing:.5px}.button-nav{padding:.65rem 1.5rem;font-size:.9rem;font-weight:600}.button-outline{background:transparent;border:2px solid rgba(255,255,255,.3);color:#e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.button-outline:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.button-secondary{background:transparent;border:1px solid rgba(148,163,184,.5);color:#e5e7eb}.button-secondary:hover{background:#94a3b81a;border-color:#94a3b8b3}.button[disabled]{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.action-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(148,163,184,.15)}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.875rem;margin-bottom:1rem}.error-icon{font-size:1.1rem}.status-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;margin-bottom:1rem}.status-message.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.status-message.info{background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:#ffb3b3}.badge{font-size:.75rem;padding:.25rem .5rem;border-radius:999px;border:1px solid rgba(148,163,184,.6)}.status-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.25rem .6rem;border-radius:999px;background:#0f766e40;color:#6ee7b7}.status-dot{width:.5rem;height:.5rem;border-radius:999px;background:#22c55e}.history-list{list-style:none;padding:0;margin:.5rem 0 0;max-height:400px;overflow-y:auto}.history-item{padding:.75rem 1rem;border-radius:.75rem;background:#0f172a99;border:1px solid rgba(255,107,107,.2);margin-bottom:.5rem;transition:all .2s ease}.history-item:hover{border-color:#ff6b6b66;background:#0f172acc}.history-title{font-size:.9rem}.history-meta{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.tag{display:inline-flex;padding:.1rem .45rem;border-radius:999px;background:#0f172acc;border:1px solid rgba(148,163,184,.5);font-size:.7rem}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.4rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);font-size:.8rem;cursor:pointer;transition:all .2s ease;background:#0f172a66;color:#cbd5e1}.chip:hover{border-color:#94a3b899;background:#0f172a99}.chip.active{background:#ff6b6b40;border-color:#ff6b6b;color:#ffb3b3}.muted{font-size:.8rem;color:#6b7280}.small{font-size:.78rem}.history-list::-webkit-scrollbar,.sidebar-panel::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track,.sidebar-panel::-webkit-scrollbar-track{background:#0f172a80;border-radius:3px}.history-list::-webkit-scrollbar-thumb,.sidebar-panel::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover,.sidebar-panel::-webkit-scrollbar-thumb:hover{background:#94a3b880}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{width:100%;max-width:450px;background:#020617;border-radius:1.5rem;padding:2.5rem;box-shadow:0 25px 50px -12px #000000bf;border:1px solid rgba(148,163,184,.2)}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:#9ca3af;font-size:.95rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-footer{margin-top:1.5rem;text-align:center;color:#9ca3af;font-size:.9rem}.auth-link{background:none;border:none;color:#ff6b6b;cursor:pointer;font-weight:600;text-decoration:underline;padding:0;font-size:inherit}.auth-link:hover{color:#ff7b7b}.credits-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:#ffb3b3;font-size:.875rem;font-weight:600}.user-menu{display:flex;align-items:center;gap:1rem}.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.onboarding-card{width:100%;max-width:600px;background:#020617;border-radius:1.5rem;padding:2.5rem;box-shadow:0 25px 50px -12px #000000bf;border:1px solid rgba(148,163,184,.2)}.onboarding-header{text-align:center;margin-bottom:2rem}.onboarding-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-subtitle{color:#9ca3af;font-size:.95rem;margin:0 0 1.5rem}.onboarding-progress{margin-top:2rem}.progress-steps{display:flex;justify-content:center;gap:1rem}.progress-step{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(148,163,184,.3);background:#0f172a99;color:#9ca3af;font-weight:600;transition:all .3s ease}.progress-step.active{border-color:#ff6b6b;background:#ff6b6b26;color:#ff6b6b}.progress-step.completed{border-color:#22c55e;background:#22c55e26;color:#22c55e}.step-number{font-size:1rem}.onboarding-content{min-height:300px;margin:2rem 0}.onboarding-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#e5e7eb}.step-description{color:#9ca3af;font-size:.9rem;margin:0 0 2rem}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.option-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border-radius:1rem;border:2px solid rgba(148,163,184,.3);background:#0f172a99;color:#e5e7eb;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.option-card:hover{border-color:#94a3b880;background:#0f172acc;transform:translateY(-2px)}.option-card.selected{border-color:#ff6b6b;background:#ff6b6b26;box-shadow:0 0 0 3px #ff6b6b1a}.option-icon{font-size:2.5rem}.option-label{font-size:.95rem}.option-list{display:flex;flex-direction:column;gap:.75rem}.option-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:.75rem;border:2px solid rgba(148,163,184,.3);background:#0f172a99;color:#e5e7eb;cursor:pointer;transition:all .2s ease;font-size:.95rem}.option-item:hover{border-color:#94a3b880;background:#0f172acc}.option-item.selected{border-color:#ff6b6b;background:#ff6b6b26}.check-icon{color:#ff6b6b;font-weight:700;font-size:1.2rem}.onboarding-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(148,163,184,.15)}.onboarding-actions .button{flex:1}.scene-breakdown-container{max-width:900px;margin:0 auto;padding:2rem}.scene-breakdown-header{margin-bottom:2rem;text-align:center}.breakdown-title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#e5e7eb}.breakdown-subtitle{color:#9ca3af;font-size:.95rem;margin:0}.scenes-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.scene-card{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:1rem;padding:1.5rem;transition:all .2s ease}.scene-card:hover{border-color:#94a3b866;background:#0f172acc}.scene-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.15)}.scene-number{font-weight:700;font-size:1.1rem;color:#ff6b6b}.scene-duration{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.9rem}.duration-icon{font-size:1rem}.scene-content{display:flex;flex-direction:column;gap:1.25rem}.scene-section{display:flex;flex-direction:column;gap:.5rem}.scene-label{font-size:.875rem;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em}.scene-text{padding:1rem;background:#0f172acc;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;color:#e5e7eb;line-height:1.6;cursor:text;min-height:60px}.scene-text:hover{border-color:#94a3b866}.scene-text-edit{padding:1rem;background:#0f172acc;border:2px solid #ff6b6b;border-radius:.75rem;color:#e5e7eb;font-family:inherit;font-size:inherit;line-height:1.6;resize:vertical;outline:none}.scene-visual{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:.75rem;color:#ffb3b3;cursor:text;transition:all .2s ease}.scene-visual:hover{border-color:#ff6b6b80;background:#ff6b6b26}.visual-icon{font-size:1.25rem}.edit-hint{margin-left:auto;font-size:.75rem;opacity:.6}.scene-visual-edit{padding:.875rem 1rem;background:#0f172acc;border:2px solid #ff6b6b;border-radius:.75rem;color:#e5e7eb;font-family:inherit;font-size:inherit;outline:none;width:100%}.scene-actions{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid rgba(148,163,184,.15)}.scene-actions .button{flex:1}.asset-previews{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.15)}.asset-previews-label{font-size:.8rem;color:#9ca3af;margin-bottom:.75rem;font-weight:500}.asset-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.asset-preview-item{position:relative;border-radius:.5rem;overflow:hidden;border:2px solid rgba(148,163,184,.2);background:#0f172a99;cursor:pointer;transition:all .2s ease}.asset-preview-item:hover{border-color:#ff6b6b80;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.asset-thumbnail{width:100%;height:100px;object-fit:cover;display:block}.asset-badge{position:absolute;top:.25rem;right:.25rem;background:#ff6b6be6;color:#fff;font-size:.65rem;padding:.2rem .4rem;border-radius:.25rem;font-weight:600}.loading-previews{color:#9ca3af;font-size:.875rem;margin-top:.5rem;font-style:italic}.youtube-connect{padding:1.5rem;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:1rem;margin-bottom:1.5rem}.youtube-connected,.youtube-disconnected{display:flex;align-items:center;justify-content:space-between;gap:1rem}.connection-status{display:flex;align-items:center;gap:.75rem;color:#e5e7eb;font-size:.95rem}.status-icon{font-size:1.25rem}.landing-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a);color:#e5e7eb;position:relative}.landing-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,107,107,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,206,84,.15) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(34,197,94,.15) 0%,transparent 50%),radial-gradient(circle at 90% 90%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 10% 10%,rgba(168,85,247,.15) 0%,transparent 50%);pointer-events:none;z-index:0;animation:holiColors 20s ease-in-out infinite}@keyframes holiColors{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#020617d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0;box-shadow:0 4px 20px #0000004d}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo{font-size:1.75rem}.nav-title{font-size:1.5rem}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:#cbd5e1;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease}.nav-link:hover{color:#ff6b6b}@media (max-width: 1024px){.nav-container{padding:0 1.5rem}.nav-links{gap:1.5rem}.nav-link{font-size:.875rem}.button-nav{padding:.55rem 1.2rem;font-size:.85rem}}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-links{gap:1rem}.nav-link{display:none}.nav-brand{font-size:1.25rem}.nav-logo{font-size:1.5rem}.button-nav{padding:.5rem 1rem;font-size:.8rem}.button-nav span{display:none}}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:10}@media (max-width: 768px){.container{padding:0 1rem}}.page-content{position:relative;z-index:10}.hero-section{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;overflow:hidden}@media (max-width: 768px){.hero-section{min-height:auto;padding:6rem 1rem 2rem}.hero-content{padding:0}}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.hero-gradient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,107,107,.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,206,84,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(34,197,94,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(168,85,247,.1) 0%,transparent 50%);animation:pulse 20s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);border-radius:999px;font-size:.875rem;color:#ffb3b3;margin-bottom:2rem;font-weight:500}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:1.1;margin:0 0 1.5rem;color:#e5e7eb}.gradient-text{background:linear-gradient(135deg,#ff6b6b,#ffce54,#47cf73,#4fc3f7,#ac73e7);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:holiGradient 5s ease infinite}@keyframes holiGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:#9ca3af;line-height:1.7;margin:0 0 2.5rem;max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.hero-cta .button{padding:.875rem 1.75rem;font-size:1rem}@media (max-width: 768px){.hero-cta{flex-direction:column;gap:.75rem;margin-bottom:3rem;width:100%}.hero-cta .button{width:100%;padding:.875rem 1.5rem;font-size:.95rem}}.button-large{padding:.875rem 1.75rem;font-size:1rem;font-weight:600}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:800px;margin:0 auto}@media (max-width: 768px){.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-number{font-size:2rem}.stat-label{font-size:.8rem}}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#9ca3af;font-weight:500}.features-section{padding:6rem 0;background:#0f172a66;position:relative;z-index:10}.section-header{text-align:center;margin-bottom:4rem;padding:0 1rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin:0 0 1rem;color:#e5e7eb;line-height:1.2}.section-description{font-size:clamp(1rem,2vw,1.2rem);color:#9ca3af;margin:0;line-height:1.6}@media (max-width: 768px){.section-header{margin-bottom:2.5rem}.section-title{margin-bottom:.75rem}.section-description{font-size:1rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.2rem}.feature-description{font-size:.9rem}}.feature-card{background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-5px);border-color:#ff6b6b66;box-shadow:0 10px 30px #ff6b6b33}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.35rem;font-weight:700;margin:0 0 .75rem;color:#e5e7eb}.feature-description{font-size:1rem;color:#9ca3af;line-height:1.6;margin:0}.demo-section{padding:6rem 0;position:relative;z-index:10}@media (max-width: 768px){.demo-section{padding:4rem 0}}.demo-showcase{max-width:800px;margin:0 auto}.demo-video-card{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:1.25rem;overflow:hidden;transition:all .3s ease}.demo-video-card:hover{border-color:#ff6b6b66;transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.demo-card{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:1.25rem;overflow:hidden;transition:all .3s ease}.demo-card:hover{border-color:#ff6b6b66;transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.demo-placeholder{aspect-ratio:16 / 9;background:linear-gradient(135deg,#ff6b6b33,#c4456933);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.demo-icon{font-size:4rem}.demo-label{font-size:1.1rem;font-weight:600;color:#ffb3b3}.demo-info{padding:1.5rem}.demo-title{font-size:1.35rem;font-weight:700;margin:0 0 .5rem;color:#e5e7eb}.demo-description{font-size:1rem;color:#9ca3af;margin:0 0 1rem}.demo-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.demo-time{font-size:.875rem;color:#86efac;font-weight:600}.demo-duration{font-size:.875rem;color:#ff6b6b;font-weight:600}.how-it-works-section{padding:6rem 0;background:#0f172a66;position:relative;z-index:10}@media (max-width: 768px){.how-it-works-section{padding:4rem 0}}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1000px;margin:0 auto}@media (max-width: 768px){.steps-container{grid-template-columns:1fr;gap:2rem}.step-number{width:50px;height:50px;font-size:1.5rem}.step-title{font-size:1.1rem}.step-description{font-size:.9rem}}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:1.5rem;box-shadow:0 8px 16px #ff6b6b4d}.step-content{max-width:280px}.step-title{font-size:1.25rem;font-weight:700;margin:0 0 .75rem;color:#e5e7eb}.step-description{font-size:.95rem;color:#9ca3af;line-height:1.6;margin:0}.cta-section{padding:6rem 0;background:linear-gradient(135deg,#ff6b6b26,#ffce541a,#c4456926);position:relative;z-index:10}@media (max-width: 768px){.cta-section{padding:4rem 0}.cta-content{padding:0 1rem}.cta-title{margin-bottom:.75rem}.cta-description{font-size:1rem;margin-bottom:2rem}}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin:0 0 1rem;color:#e5e7eb}.cta-description{font-size:1.2rem;color:#9ca3af;margin:0 0 2.5rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.cta-buttons .button{padding:.875rem 1.75rem;font-size:1rem}.cta-note{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#9ca3af;font-size:.9rem}.landing-footer{padding:4rem 0 2rem;background:#020617cc;border-top:1px solid rgba(148,163,184,.1);position:relative;z-index:10}@media (max-width: 768px){.landing-footer{padding:3rem 0 1.5rem}.footer-content{text-align:center}}.footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.footer-tagline{color:#9ca3af;font-size:.9rem;margin:0}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.footer-column{display:flex;flex-direction:column;gap:.75rem}.footer-heading{font-size:.95rem;font-weight:700;color:#e5e7eb;margin:0 0 .5rem}.footer-link{color:#9ca3af;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-link:hover{color:#ff6b6b}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(148,163,184,.1);text-align:center;color:#6b7280;font-size:.875rem}@media (max-width: 768px){.container{padding:0 1rem}.pricing-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card{padding:2rem 1.5rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand{max-width:100%;margin:0 auto}.footer-links{grid-template-columns:1fr;gap:1.5rem}.demo-video-card{flex-direction:column;text-align:center}.demo-placeholder{width:100%;height:250px}.demo-info{width:100%}.page-content{padding-top:70px}.contact-form{padding:1.5rem}.hero-badge{font-size:.8rem;padding:.4rem 1rem}.cta-note{font-size:.8rem;flex-wrap:wrap;text-align:center}}.page-content{min-height:calc(100vh - 80px);padding-top:80px}@media (max-width: 768px){.page-content{padding-top:70px;min-height:calc(100vh - 70px)}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.pricing-card{background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:1.25rem;padding:2.5rem;position:relative;transition:all .3s ease}@media (max-width: 1024px){.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.pricing-card{padding:2rem 1.5rem}.pricing-header{text-align:center}.price-amount{font-size:2.5rem}}.pricing-card:hover{border-color:#ff6b6b66;transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.pricing-card-popular{border-color:#ff6b6b80;border-width:2px}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);color:#fff;padding:.5rem 1.5rem;border-radius:999px;font-size:.875rem;font-weight:600}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-name{font-size:1.5rem;font-weight:700;color:#e5e7eb;margin:0 0 1rem}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.5rem}.price-amount{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-period{font-size:1rem;color:#9ca3af}.pricing-credits{color:#9ca3af;font-size:.9rem;margin:0}.pricing-features{list-style:none;padding:0;margin:0}.pricing-features li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;color:#cbd5e1;border-bottom:1px solid rgba(148,163,184,.1)}.pricing-features li:last-child{border-bottom:none}.pricing-features li span{color:#86efac;font-weight:700;flex-shrink:0}.contact-form{max-width:600px;margin:0 auto}.contact-form .form-group{margin-bottom:1.5rem}.contact-form .field-label{display:block;margin-bottom:.5rem;color:#e5e7eb;font-weight:600;font-size:.95rem}.admin-dashboard{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f172a)}.admin-header{margin-bottom:2rem}.admin-title{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-subtitle{color:#9ca3af;font-size:1.1rem;margin:0}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:#ff6b6b66;transform:translateY(-2px)}.stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:#9ca3af;font-size:.9rem;font-weight:500}.admin-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.admin-table-container{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:1rem;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#0f172acc}.admin-table th{padding:1rem;text-align:left;font-weight:600;color:#e5e7eb;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(148,163,184,.2)}.admin-table td{padding:1rem;border-bottom:1px solid rgba(148,163,184,.1);color:#cbd5e1;font-size:.9rem}.admin-table tbody tr:hover{background:#0f172acc}.admin-table tbody tr.row-disabled{opacity:.6}.badge{display:inline-flex;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.badge-danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.badge-warning{background:#fbbf2433;color:#fde047;border:1px solid rgba(251,191,36,.3)}.badge-info{background:#38bdf833;color:#7dd3fc;border:1px solid rgba(56,189,248,.3)}.badge-secondary{background:#94a3b833;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.badge-admin{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.credits-value{font-weight:700;color:#ff6b6b}.credits-used{color:#9ca3af;font-size:.8rem}.plan-badge{padding:.25rem .75rem;border-radius:999px;background:#ff6b6b26;color:#ffb3b3;font-size:.8rem;font-weight:600}.action-buttons{display:flex;gap:.5rem}.button-icon{background:transparent;border:1px solid rgba(148,163,184,.3);color:#cbd5e1;padding:.4rem .6rem;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:all .2s ease}.button-icon:hover{border-color:#94a3b880;background:#0f172a99}.button-icon.button-danger:hover{border-color:#ef444480;background:#ef44441a;color:#fca5a5}.button-icon.button-success:hover{border-color:#22c55e80;background:#22c55e1a;color:#86efac}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#020617;border:1px solid rgba(148,163,184,.2);border-radius:1.5rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #000000bf}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(148,163,184,.15)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#e5e7eb}.modal-body{padding:2rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(148,163,184,.15);display:flex;justify-content:flex-end}.detail-section{margin-bottom:2rem}.detail-section h3{font-size:1.2rem;font-weight:700;color:#e5e7eb;margin:0 0 1rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.8rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.detail-value{font-size:1rem;color:#e5e7eb;font-weight:500}.add-credits-form{display:flex;gap:.75rem;margin-top:1rem;align-items:center}.progress-container{margin:2rem 0;padding:1.5rem;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:1rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-title{font-size:1.1rem;font-weight:600;color:#e5e7eb;margin:0}.progress-percentage{font-size:1rem;font-weight:700;color:#ff6b6b}.progress-bar-wrapper{width:100%;height:12px;background:#0f172acc;border-radius:999px;overflow:hidden;margin-bottom:.75rem}.progress-bar{height:100%;background:linear-gradient(90deg,#ff6b6b,#ee5a6f,#c44569);border-radius:999px;transition:width .3s ease;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-steps{display:flex;flex-direction:column;gap:.5rem}.progress-step-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#9ca3af}.progress-step-item.active{color:#ffb3b3}.progress-step-item.completed{color:#22c55e}.step-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#94a3b833;font-size:.75rem}.progress-step-item.active .step-icon{background:#ff6b6b33;color:#ff6b6b}.progress-step-item.completed .step-icon{background:#22c55e33;color:#22c55e}.video-preview-container{display:flex;flex-direction:column;gap:1.25rem}.video-wrapper{position:relative;width:100%;border-radius:.75rem;overflow:hidden;background:#000;box-shadow:0 8px 24px #00000080}.preview-video{width:100%;height:auto;display:block;border-radius:.75rem}.video-meta{display:flex;gap:1.5rem;padding:.75rem 0}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-label{font-size:.875rem;color:#9ca3af;font-weight:500}.meta-value{font-size:.875rem;color:#e5e7eb;font-weight:600}.video-actions{display:flex;gap:.75rem;flex-wrap:wrap}.video-actions .button{flex:1;min-width:140px}.enhanced-video-preview{width:100%;max-width:1400px;margin:0 auto}.preview-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.preview-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}@media (max-width: 1024px){.preview-content{grid-template-columns:1fr}}.preview-main{display:flex;flex-direction:column;gap:1.5rem}.video-wrapper-large{position:relative;width:100%;border-radius:1rem;overflow:hidden;background:#000;box-shadow:0 12px 32px #0009}.preview-video-large{width:100%;height:auto;display:block;border-radius:1rem;object-fit:contain}.upload-status{padding:1rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.upload-status.success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.upload-status.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.preview-actions{display:flex;gap:1rem;flex-wrap:wrap}.preview-actions .button{flex:1;min-width:160px}.preview-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.25rem}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sidebar-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#e5e7eb}.toggle-button{background:transparent;border:none;color:#9ca3af;font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s}.toggle-button:hover{background:#ffffff1a;color:#e5e7eb}.metadata-content{display:flex;flex-direction:column;gap:1rem}.metadata-item{display:flex;flex-direction:column;gap:.375rem}.metadata-label{font-size:.75rem;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.metadata-value{font-size:.875rem;color:#e5e7eb;line-height:1.5}.script-content{max-height:400px;overflow-y:auto;background:#0003;border-radius:.5rem;padding:1rem}.script-text{margin:0;font-size:.875rem;line-height:1.6;color:#d1d5db;white-space:pre-wrap;word-wrap:break-word;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease}.payment-modal{background:linear-gradient(135deg,#0a0e27,#1a1f3a);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #000000bf;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#e5e7eb;font-size:1.5rem;cursor:pointer;transition:all .2s;z-index:10}.payment-close:hover{background:#ff6b6b33;color:#ff6b6b;transform:rotate(90deg)}.payment-header{padding:2rem 2rem 1.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.payment-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:800;color:#e5e7eb}.payment-header p{margin:0;color:#9ca3af;font-size:1rem}.payment-plan-summary{padding:1.5rem 2rem;background:#ff6b6b1a;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.payment-plan-name{font-size:1.25rem;font-weight:700;color:#e5e7eb;margin-bottom:.5rem}.payment-plan-price{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.payment-plan-price span{font-size:1rem;color:#9ca3af;-webkit-text-fill-color:#9ca3af}.payment-plan-credits{font-size:.9rem;color:#9ca3af}.payment-form{padding:2rem}.payment-section{margin-bottom:2rem}.payment-section h3{font-size:1.1rem;font-weight:700;color:#e5e7eb;margin:0 0 1rem}.payment-methods{display:flex;flex-direction:column;gap:.75rem}.payment-method-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:.75rem;cursor:pointer;transition:all .2s}.payment-method-option:hover{background:#ffffff1a;border-color:#ff6b6b4d}.payment-method-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#ff6b6b}.payment-method-option input[type=radio]:checked+span{color:#ff6b6b;font-weight:600}.payment-method-option span{color:#e5e7eb;font-size:1rem;flex:1}.payment-total{padding:1.5rem;background:#ffffff0d;border-radius:.75rem;margin:2rem 0;border:1px solid rgba(255,255,255,.1)}.payment-total-row{display:flex;justify-content:space-between;padding:.5rem 0;color:#cbd5e1;font-size:.95rem}.payment-total-final{margin-top:.5rem;padding-top:1rem;border-top:2px solid rgba(255,255,255,.1);font-size:1.25rem;font-weight:700;color:#e5e7eb}.payment-actions{display:flex;gap:1rem;margin-bottom:1rem}.payment-actions .button{flex:1}.payment-security{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#9ca3af;font-size:.875rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.payment-modal{max-width:100%;border-radius:1rem;max-height:95vh}.payment-header{padding:1.5rem 1.5rem 1rem}.payment-header h2{font-size:1.5rem}.payment-plan-summary{padding:1.25rem 1.5rem}.payment-plan-price{font-size:2rem}.payment-form{padding:1.5rem}.payment-actions{flex-direction:column}.payment-actions .button{width:100%}}.campaign-generator{padding:0}.platform-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.platform-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;border-radius:.75rem;border:2px solid rgba(148,163,184,.3);background:#0f172a99;color:#e5e7eb;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:600}.platform-btn:hover{border-color:#ff6b6b66;background:#0f172acc;transform:translateY(-2px)}.platform-btn.active{border-color:#ff6b6b;background:#ff6b6b1a;box-shadow:0 4px 12px #ff6b6b33}.platform-btn span:first-child{font-size:1.5rem}.quality-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quality-btn{display:flex;align-items:center;gap:1rem;padding:1.25rem 1rem;border-radius:.75rem;border:2px solid rgba(148,163,184,.3);background:#0f172a99;color:#e5e7eb;cursor:pointer;transition:all .2s ease;text-align:left}.quality-btn:hover{border-color:#ff6b6b66;background:#0f172acc;transform:translateY(-2px)}.quality-btn.active{border-color:#ff6b6b;background:#ff6b6b1a;box-shadow:0 4px 12px #ff6b6b33}.quality-btn span:first-child{font-size:1.5rem;flex-shrink:0}.btn-title{font-size:1rem;font-weight:700;color:#e5e7eb;margin-bottom:.25rem}.btn-subtitle{font-size:.75rem;color:#9ca3af}@media (max-width: 768px){.platform-selector,.quality-selector{grid-template-columns:1fr}.quality-btn{flex-direction:row}}.campaign-results{padding:0}.campaign-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;padding:1.5rem;background:#ffffff0d;border-radius:.75rem;border:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.stat-item .stat-label{font-size:.875rem;color:#9ca3af;font-weight:500}.stat-item .stat-value{font-size:1.25rem;font-weight:700;color:#e5e7eb}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.video-card{background:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.video-card:hover{border-color:#ff6b6b66;box-shadow:0 8px 24px #ff6b6b1a;transform:translateY(-2px)}.video-preview{width:100%;aspect-ratio:9/16;background:#000;display:flex;align-items:center;justify-content:center}.video-info{padding:1rem;display:flex;flex-direction:column;flex:1}.video-title{font-size:1rem;font-weight:700;color:#e5e7eb;margin:0 0 .5rem}.video-description{font-size:.875rem;color:#9ca3af;margin:0 0 .75rem;line-height:1.5}.video-meta{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.meta-tag{padding:.25rem .75rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:.5rem;font-size:.75rem;color:#ff6b6b;text-transform:capitalize}.upload-status{padding:.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:.5rem;font-size:.875rem;color:#22c55e;margin-bottom:.75rem}.video-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:.75rem}.video-actions .button{flex:1;font-size:.875rem;padding:.625rem 1rem}.campaign-analytics{padding:1.5rem;background:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;margin-bottom:2rem}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.25rem;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:#ff6b6b4d;transform:translateY(-2px)}.stat-icon{font-size:2rem;margin-bottom:.5rem}.video-analytics-list{margin-top:2rem}.video-analytics-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.video-analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.video-number{font-weight:700;color:#e5e7eb}.platform-id{font-size:.75rem;color:#9ca3af;font-family:monospace}.video-analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.video-stat{display:flex;flex-direction:column;gap:.25rem}.video-stat-label{font-size:.75rem;color:#9ca3af}.video-stat-value{font-size:1rem;font-weight:700;color:#e5e7eb}.analytics-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.platform-connection-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;margin-bottom:1rem;transition:all .2s ease}.platform-connection-card:hover{border-color:#ff6b6b4d}.platform-info{display:flex;align-items:center;gap:1rem}.platform-icon{font-size:2rem}.platform-name{font-size:1.1rem;font-weight:700;color:#e5e7eb;margin:0 0 .25rem}.platform-description{font-size:.875rem;color:#9ca3af;margin:0}.platform-status{display:flex;align-items:center;gap:1rem}.status-badge{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.status-badge.connected{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}@media (max-width: 768px){.campaign-results{padding:1rem}.videos-grid{grid-template-columns:1fr}.analytics-summary{grid-template-columns:repeat(2,1fr)}.platform-connection-card{flex-direction:column;align-items:flex-start;gap:1rem}.platform-status{width:100%;justify-content:space-between}}