.video-recorder{margin:0 auto;max-width:640px;width:100%}.video-container{aspect-ratio:16/9}.video-preview{height:100%;object-fit:cover}.video-overlay{align-items:center;background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0}.video-overlay.error{background:#ef4444e6}.start-camera-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:.75rem;padding:2rem;transition:all .3s ease}.start-camera-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.recording-controls{bottom:1.5rem;gap:1.5rem;z-index:10}.record-button{border:4px solid #fff;box-shadow:0 4px 20px #0000004d;height:80px;width:80px}.record-button:hover{box-shadow:0 6px 25px #ef444499}.record-button.recording{animation:recording-pulse 1.5s infinite}.record-dot{background:#fff;border-radius:50%;height:24px;width:24px}.reset-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.reset-button:hover{background:#fff3;border-color:#ffffff80}.duration-display{border:2px solid #fff3;border-radius:25px;min-width:120px}.duration-display,.recording-info{background:#000c;padding:.75rem 1.5rem}.recording-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #10b9814d;border-radius:25px;color:#fff;font-weight:600;gap:.5rem}.recording-instructions{color:#4a5568;font-size:.95rem;line-height:1.5;margin-top:1rem;text-align:center}.technical-info{color:#718096;font-size:.8rem;margin-top:.5rem;text-align:center}.retry-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}@keyframes recording-pulse{0%{box-shadow:0 0 0 0 #ef4444b3}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}.testimonial-page{padding:2rem 1rem}.page-container{color:var(--gray-900)!important;max-width:1200px}.page-header{margin-bottom:3rem}.tenant-logo{margin-bottom:1.5rem;max-height:80px;max-width:200px}.page-title{-webkit-text-fill-color:var(--gray-900)!important;background:none!important;background-clip:initial!important;-webkit-background-clip:unset!important;color:var(--gray-900)!important;font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:none!important}.page-subtitle{color:var(--gray-600)!important;font-size:1.3rem;font-weight:400;line-height:1.6}.testimonial-content{grid-gap:3rem;gap:3rem}.form-section h2,.video-section h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.page-footer{border-top:1px solid #fff3;color:#e2e8f0;font-size:.9rem;margin-top:3rem;padding-top:2rem;text-align:center}.thank-you-page{background:#fff!important;background-image:none!important;padding:2rem 1rem}.thank-you-content{color:#fff;margin:0 auto;max-width:800px;text-align:center}.success-animation{margin-bottom:2rem}.success-circle{align-items:center;animation:success-bounce .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;display:inline-flex;height:120px;justify-content:center;width:120px}.thank-you-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f7fafc);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:800;margin-bottom:1rem}.thank-you-subtitle{color:#e2e8f0;font-size:1.3rem;line-height:1.6;margin-bottom:3rem}.contact-section,.gift-section,.next-steps,.social-section,.submission-details{margin:3rem 0}.detail-card,.gift-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin:1.5rem 0;padding:2rem}.download-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.download-button:hover{box-shadow:0 10px 25px #10b98166;transform:translateY(-2px)}.download-button.downloaded{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:default}.download-success{color:#10b981;font-weight:600;gap:.5rem;margin-top:1rem}.steps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.step{align-items:flex-start;display:flex;gap:1rem;text-align:left}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h4{font-weight:600;margin-bottom:.5rem}.social-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.social-button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.social-button.twitter{background:#1da1f2;color:#fff}.social-button.linkedin{background:#0077b5;color:#fff}.social-button:hover{box-shadow:0 8px 20px #0003;transform:translateY(-2px)}@keyframes success-bounce{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.admin-login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.login-container{max-width:450px;width:100%}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 25px 50px #00000026;padding:3rem}.login-header{margin-bottom:2.5rem;text-align:center}.login-icon{margin-bottom:1rem}.login-title{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#718096;font-size:.95rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.login-button:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}.login-footer{color:#718096;font-size:.85rem;line-height:1.5;margin-top:2rem;text-align:center}.demo-credentials{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;margin-top:2rem;padding:1.5rem}.demo-credentials h4{color:#2d3748;font-weight:600;margin-bottom:1rem}.demo-credentials p{color:#4a5568;font-size:.85rem;margin-bottom:.25rem}.admin-dashboard{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.dashboard-header{align-items:flex-start;margin-bottom:2rem;padding:2rem 2rem 0}.header-content h1{color:#2d3748;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.header-content p{color:#718096;font-size:1.1rem}.logout-button{background:#ef4444;border:none;border-radius:10px;color:#fff;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.logout-button:hover{background:#dc2626;transform:translateY(-1px)}.dashboard-nav{border-bottom:1px solid #e2e8f0;gap:.5rem;margin-bottom:2rem;padding:0 2rem}.nav-tab{border-bottom:3px solid #0000;color:#718096;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.nav-tab:hover{background:#667eea0d;color:#4a5568}.nav-tab.active{background:#667eea1a;border-bottom-color:#667eea;color:#667eea}.dashboard-content{padding:0 2rem 2rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.stat-card{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;gap:1rem;padding:2rem}.stat-icon{background:#667eea1a;border-radius:12px;padding:1rem}.stat-content h3{color:#2d3748;margin-bottom:.25rem}.stat-content p{color:#718096;font-weight:500}.recent-activity{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:2rem}.recent-activity h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.activity-item{align-items:center;border-bottom:1px solid #f7fafc;display:flex;gap:1rem;padding:1rem 0}.activity-item:last-child{border-bottom:none}.activity-icon{background:#f7fafc;border-radius:8px;color:#667eea;padding:.5rem}.activity-content{flex:1 1}.activity-content p{color:#2d3748;margin-bottom:.25rem}.activity-time{color:#718096;font-size:.85rem}.settings-header,.submissions-header,.tenants-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.settings-header h2,.submissions-header h2,.tenants-header h2{color:#2d3748;font-size:1.8rem;font-weight:700}.settings-actions,.submissions-actions{display:flex;gap:1rem}.action-button{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.action-button:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.action-button.primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.submissions-grid,.tenants-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.submission-card,.tenant-card{background:#fff;border:2px solid #f7fafc;border-radius:16px;box-shadow:0 2px 10px #00000005;padding:2rem;transition:all .3s ease}.submission-card:hover,.tenant-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.submission-header,.tenant-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.submission-info h3,.tenant-header h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.submission-info p{color:#718096;margin-bottom:.25rem}.submission-meta{flex-wrap:wrap;gap:1rem;margin:1rem 0}.meta-item,.tenant-info p{align-items:center;color:#718096;display:flex;font-size:.9rem;gap:.5rem}.submission-actions,.tenant-actions{display:flex;gap:.75rem;margin-top:1rem}.tenant-status{border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.tenant-status.active{background:#d1fae5;color:#065f46}.tenant-status.inactive{background:#fee2e2;color:#991b1b}.empty-state{color:#718096;padding:4rem 2rem}.empty-state h3{color:#4a5568;font-size:1.5rem;margin:1rem 0}.settings-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:2rem}.settings-section{margin-bottom:3rem}.settings-section h3{border-bottom:2px solid #f7fafc;color:#2d3748;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem}@media (max-width:768px){.testimonial-content{gap:2rem;grid-template-columns:1fr}.page-title{font-size:2rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-nav{flex-wrap:wrap}.stats-grid{grid-template-columns:1fr}.settings-header,.submissions-header,.tenants-header{align-items:flex-start;flex-direction:column;gap:1rem}.settings-actions,.submissions-actions{width:100%}.action-button{flex:1 1;justify-content:center}.submission-actions,.tenant-actions{flex-wrap:wrap}.steps-grid{grid-template-columns:1fr}.social-buttons{flex-direction:column}}.error-container,.loading-container{color:#fff;gap:1rem;min-height:50vh}.loading-container{color:#4a5568}.error-container p,.loading-container p{font-size:1.1rem;margin-top:1rem}.error-container h2{color:#ef4444;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.product-link.disabled{cursor:not-allowed;opacity:.6}.product-link.disabled:hover{background:none;transform:none}.product-info{display:flex;flex-direction:column}.product-name{font-weight:600}.product-status{color:#a0aec0;font-size:.75rem;margin-top:.25rem}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:2rem}.version-info{color:#a0aec0;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.form-input:focus-within{box-shadow:0 0 0 3px #667eea1a}textarea.form-input{min-height:80px;resize:vertical}.form-help{font-size:.875rem;font-style:italic;margin-top:.25rem}.form-help a{color:#667eea;text-decoration:none}.form-help a:hover{text-decoration:underline}.email-provider-info{background:#f0f9ff;border-left:4px solid #667eea;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.provider-description{color:#374151;font-size:.95rem;line-height:1.5;margin:0}.checkbox-group{align-items:center;display:flex;gap:.75rem}.form-checkbox{cursor:pointer;height:1.25rem;width:1.25rem}.checkbox-label{color:#374151;cursor:pointer;font-weight:500}.email-test-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.test-email-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.test-email-button:hover:not(:disabled){box-shadow:0 4px 15px #10b9814d;transform:translateY(-1px)}.test-email-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.email-test-result{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem}.email-test-result.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.email-test-result.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.bounce-in{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}#root,.App,body,html{background:#fff!important;background-color:#fff!important;background-image:none!important}:root{--white:#fff;--black:#000;--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;--user-bg:#fff;--admin-bg:#fff7ed;--platform-admin-bg:#fff;--blue:#007aff;--blue-hover:#0051d4;--green:#34c759;--red:#ff3b30;--orange:#ff9500;--font-system:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-family:var(--font-system);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.5}body,html{background:none!important;background-color:#fff!important;background-color:var(--white)!important}.user-background,body,html{background-image:none!important}.user-background{background-color:#fff!important;background-color:var(--user-bg)!important}.admin-background{background-color:#fff7ed!important;background-color:var(--admin-bg)!important;background-image:none!important}.platform-admin-background{background-color:#fff!important;background-color:var(--platform-admin-bg)!important;background-image:none!important}.App,.app-container,.main-content{background:none!important;background-image:none!important}.testimonial-page{background:#fff!important;background-color:#fff!important;background-image:none!important}.admin-login-page,.password-reset-page{background:#fff7ed!important;background:var(--admin-bg)!important;background-image:none!important}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--gray-900);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{color:#4b5563;color:var(--gray-600);line-height:1.6}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-family:var(--font-system);font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);justify-content:center;padding:12px 24px;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background-color:#007aff;background-color:var(--blue);color:#fff}.btn-primary:hover{background-color:#0051d4;background-color:var(--blue-hover);transform:translateY(-1px)}.btn-secondary{background-color:#f3f4f6;background-color:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--gray-200);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background-color:#e5e7eb;background-color:var(--gray-200)}.btn-danger{background-color:#ff3b30;background-color:var(--red)}.btn-success{background-color:#34c759;background-color:var(--green);color:#fff}.btn-lg{font-size:1rem;padding:16px 32px;padding:var(--space-4) var(--space-8)}.btn-sm{font-size:.875rem;padding:8px 16px;padding:var(--space-2) var(--space-4)}.form-group{margin-bottom:20px;margin-bottom:var(--space-5)}.form-label{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-2)}.form-input{background-color:#fff;background-color:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-family:var(--font-system);font-size:.9rem;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s ease}.form-input:focus{border-color:#007aff;border-color:var(--blue);box-shadow:0 0 0 3px #007aff1a}.form-input::placeholder{color:#9ca3af;color:var(--gray-400)}.form-help{color:#6b7280;color:var(--gray-500);display:block;font-size:.8rem;margin-top:4px;margin-top:var(--space-1)}.card{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.card-header{background-color:#f9fafb;background-color:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200)}.card-body,.card-header{padding:24px;padding:var(--space-6)}.card-footer{background-color:#f9fafb;background-color:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:16px 24px;padding:var(--space-4) var(--space-6)}.status-message{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;font-size:.9rem;gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4);padding:12px 16px;padding:var(--space-3) var(--space-4)}.status-message.success{background-color:#f0f9ff;border:1px solid #bbf7d0;color:#065f46}.status-message.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.status-message.info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.App{min-height:100vh;position:relative}.app-container{display:flex;min-height:100vh}.main-content{flex:1 1;overflow-y:auto;padding:0}.main-content.full-width{margin-left:0;width:100%}.platform-sidebar{background:linear-gradient(180deg,#1a202c,#2d3748);box-shadow:4px 0 20px #00000026;color:#fff;padding:2rem 1.5rem;position:relative;width:280px}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:2.5rem;padding-bottom:1.5rem}.platform-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.platform-subtitle{color:#a0aec0;font-size:.875rem;font-weight:400}.product-list{list-style:none}.product-item{margin-bottom:.75rem}.product-link{align-items:center;border-radius:8px;color:#e2e8f0;display:flex;font-weight:500;overflow:hidden;padding:.875rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.product-link:hover{background:#ffffff1a;transform:translateX(4px)}.product-link.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.product-icon{font-size:1.25rem;margin-right:.75rem}.default-landing{color:#fff;margin:0 auto;max-width:1200px;padding:4rem 2rem}.landing-title{-webkit-text-fill-color:#000!important;-webkit-text-fill-color:var(--black)!important;background:none!important;background-clip:initial!important;-webkit-background-clip:unset!important;font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:none!important}.landing-subtitle{color:#e2e8f0;font-size:1.25rem;font-weight:400;margin-bottom:3rem}.feature-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:4rem 0}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card:hover{background:#ffffff26;box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.feature-card h3{color:#fff;font-weight:600;margin-bottom:1rem}.feature-card p{color:#e2e8f0}.demo-section{border-top:1px solid #fff3;margin-top:4rem;padding-top:3rem}.demo-section h2{color:#fff;margin-bottom:2rem}.demo-links{gap:1.5rem}.demo-link{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;display:inline-block;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.demo-link:hover{background:#fff3;box-shadow:0 10px 25px #0003;transform:translateY(-2px)}.demo-link.admin{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.image-carousel{margin-bottom:48px;margin-bottom:var(--space-12);margin-left:calc(-50vw + 50%);overflow:hidden;position:relative;width:100vw}.carousel-container{height:280px;overflow:hidden;position:relative;width:100%}.carousel-track{display:flex;gap:20px;width:-webkit-fit-content;width:fit-content}.carousel-track.continuous-flow{animation:flowLeft linear infinite}@keyframes flowLeft{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}.carousel-slide{align-items:center;display:flex;flex:0 0 300px;flex-direction:column;text-align:center}.carousel-image-container{border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);height:200px;margin-bottom:12px;margin-bottom:var(--space-3);overflow:hidden;width:300px}.carousel-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.carousel-image:hover{transform:scale(1.05)}.carousel-caption{color:#4b5563;color:var(--gray-600);font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium);line-height:1.4;margin:0;max-width:280px}.carousel-management{max-width:800px}.carousel-preview-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px;margin-top:var(--space-6)}.carousel-preview-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:16px;padding:var(--space-4);text-align:center}.carousel-preview-image{border-radius:8px;border-radius:var(--radius-md);height:120px;margin-bottom:12px;margin-bottom:var(--space-3);object-fit:cover;width:100%}.carousel-preview-caption{color:#374151;color:var(--gray-700);font-size:.85rem;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:12px;margin-bottom:var(--space-3)}.no-carousel-images{border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--gray-500);font-style:italic;padding:32px;padding:var(--space-8);text-align:center}.carousel-speed-control,.no-carousel-images{background:#f9fafb;background:var(--gray-50)}.carousel-speed-control{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);margin-top:24px;margin-top:var(--space-6);padding:24px;padding:var(--space-6)}.carousel-speed-group{max-width:400px}.speed-controls{align-items:center;display:flex;gap:16px;gap:var(--space-4);margin-bottom:12px;margin-bottom:var(--space-3)}.speed-slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;background:var(--gray-200);border-radius:4px;flex:1 1;height:8px;outline:none}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;height:20px;width:20px}.speed-slider::-moz-range-thumb{background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;height:20px;width:20px}.speed-display{align-items:center;display:flex;flex-direction:column;min-width:80px}.speed-value{color:var(--primary);font-size:1.1rem;font-weight:600;font-weight:var(--font-weight-semibold)}.speed-label{color:#6b7280;color:var(--gray-500);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.tenant-product-access{border:1px solid #e5e7eb;border:1px solid var(--gray-200);margin:16px 0;margin:var(--space-4) 0;padding:12px;padding:var(--space-3)}.tenant-product-access h4{color:#374151;color:var(--gray-700);font-size:.9rem}.product-toggles{gap:8px;gap:var(--space-2)}.product-toggle{align-items:center;display:flex}.toggle-label{font-size:.85rem;gap:8px;gap:var(--space-2)}.toggle-input{display:none}.toggle-slider{border-radius:8px;height:16px;transition:background .3s ease;width:32px}.toggle-slider:before{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:12px;transition:transform .3s ease;width:12px}.toggle-input:checked+.toggle-slider{background:var(--primary)}.toggle-input:checked+.toggle-slider:before{transform:translateX(16px)}.toggle-text{color:#374151;color:var(--gray-700)}.tenant-app-wrapper{position:relative}.tenant-app-link.disabled{cursor:pointer;opacity:.6}.tenant-app-link.disabled .tenant-app-name{color:#6b7280;color:var(--gray-500)}.disabled-badge{background:#ff3b30;background:var(--red);border-radius:8px;color:#fff;font-size:.7rem;font-weight:500;font-weight:var(--font-weight-medium);margin-left:8px;margin-left:var(--space-2);padding:1px 6px}.info-icon{color:#9ca3af;color:var(--gray-400);margin-left:auto}.speech-bubble{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);opacity:0;padding:16px;padding:var(--space-4);position:absolute;right:-320px;top:0;transform:translateX(-10px);transition:all .3s ease;visibility:hidden;width:300px;z-index:1000}.speech-bubble:before{border-right:8px solid #e5e7eb;border-right:8px solid var(--gray-200);left:-8px}.speech-bubble:after,.speech-bubble:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";height:0;position:absolute;top:20px;width:0}.speech-bubble:after{border-right:8px solid #fff;left:-7px}.tenant-app-wrapper:hover .speech-bubble{opacity:1;transform:translateX(0);visibility:visible}.speech-bubble-content strong{color:#1f2937;color:var(--gray-800);display:block;font-size:.9rem;margin-bottom:8px;margin-bottom:var(--space-2)}.speech-bubble-content p{color:#4b5563;color:var(--gray-600);font-size:.85rem;line-height:1.4;margin:0 0 8px;margin:0 0 var(--space-2) 0}.speech-bubble-content small{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-style:italic}.dashboard-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);display:flex;margin-bottom:24px;margin-bottom:var(--space-6)}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);padding:12px 24px;padding:var(--space-3) var(--space-6);transition:all .2s ease}.tab-button:hover{background:#f9fafb;background:var(--gray-50);color:var(--primary)}.tab-button.active{background:var(--primary-light);border-bottom-color:var(--primary);color:var(--primary)}.tab-content{min-height:400px}.quiz-list-section{margin-bottom:32px;margin-bottom:var(--space-8)}.section-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6);padding-bottom:16px;padding-bottom:var(--space-4)}.section-header h2{color:#1f2937;color:var(--gray-800);margin:0}.section-header p{color:#4b5563;color:var(--gray-600);font-size:.9rem;margin:4px 0 0;margin:var(--space-1) 0 0 0}.create-quiz-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;overflow:auto}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:24px;padding:var(--space-6)}.modal-header h3{color:#1f2937;color:var(--gray-800);margin:0}.modal-close{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--gray-400);cursor:pointer;padding:4px;padding:var(--space-1)}.modal-close:hover{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}.modal-actions,.modal-body{padding:24px;padding:var(--space-6)}.modal-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);gap:12px;gap:var(--space-3);justify-content:flex-end}.quiz-grid{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:16px;margin-top:var(--space-4)}.quiz-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);padding:16px;padding:var(--space-4);transition:all .2s ease}.quiz-card:hover{border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.quiz-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-3)}.quiz-header h3{color:#1f2937;color:var(--gray-800);font-size:1.1rem;margin:0}.quiz-actions{display:flex;gap:4px;gap:var(--space-1)}.quiz-info{color:#4b5563;color:var(--gray-600)}.quiz-description{font-size:.9rem;line-height:1.4;margin:0 0 12px;margin:0 0 var(--space-3) 0}.quiz-stats{display:flex;gap:16px;gap:var(--space-4);margin-bottom:8px;margin-bottom:var(--space-2)}.stat{display:flex;font-size:.85rem;gap:4px;gap:var(--space-1)}.stat-label{color:#6b7280;color:var(--gray-500)}.stat-value{color:#374151;color:var(--gray-700);font-weight:500;font-weight:var(--font-weight-medium)}.stat-value.active{color:#34c759;color:var(--green)}.stat-value.draft{color:#ff9500;color:var(--orange)}.quiz-created{color:#9ca3af;color:var(--gray-400);font-size:.8rem}.empty-state{grid-column:1/-1}.empty-state p{color:#6b7280;color:var(--gray-500);margin:0 0 24px;margin:0 0 var(--space-6) 0;margin-left:auto;margin-right:auto;max-width:400px}.editor-placeholder{background:#f9fafb;background:var(--gray-50);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:12px;border-radius:var(--radius-lg);padding:48px;padding:var(--space-12);text-align:center}.editor-placeholder h4{color:#374151;color:var(--gray-700);margin:16px 0 8px;margin:var(--space-4) 0 var(--space-2) 0}.editor-placeholder p{color:#4b5563;color:var(--gray-600);margin:0 0 16px;margin:0 0 var(--space-4) 0}.editor-placeholder ul{color:#4b5563;color:var(--gray-600);margin:0 auto;max-width:400px;text-align:left}.editor-placeholder li{margin-bottom:8px;margin-bottom:var(--space-2)}.quiz-editor-section{border-top:2px solid #e5e7eb;border-top:2px solid var(--gray-200);margin-top:32px;margin-top:var(--space-8);padding-top:24px;padding-top:var(--space-6)}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6)}.editor-header h3{color:#1f2937;color:var(--gray-800);margin:0}.editor-actions{display:flex;gap:8px;gap:var(--space-2)}.quiz-editor-tabs{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);display:flex;margin-bottom:16px;margin-bottom:var(--space-4)}.editor-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s ease}.editor-tab:hover{background:#f9fafb;background:var(--gray-50);color:var(--primary)}.editor-tab.active{background:var(--primary-light);border-bottom-color:var(--primary);color:var(--primary)}.editor-content{padding:16px 0;padding:var(--space-4) 0}.questions-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4)}.questions-section h4{color:#1f2937;color:var(--gray-800);margin:0}.empty-state-small{background:#f9fafb;background:var(--gray-50);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:12px;border-radius:var(--radius-lg)}.empty-state-small h4{font-size:1.1rem}.empty-state-small p{color:#4b5563;color:var(--gray-600)}.questions-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.question-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);padding:16px;padding:var(--space-4)}.question-header{align-items:flex-start;display:flex;gap:12px;gap:var(--space-3);margin-bottom:8px;margin-bottom:var(--space-2)}.question-number{background:var(--primary);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:.8rem;font-weight:600;font-weight:var(--font-weight-semibold);min-width:32px;padding:4px 8px;padding:var(--space-1) var(--space-2);text-align:center}.question-title{color:#1f2937;color:var(--gray-800);flex:1 1;font-size:1rem;line-height:1.4;margin:0}.question-actions{display:flex;gap:4px;gap:var(--space-1)}.question-info{color:#6b7280;color:var(--gray-500);display:flex;font-size:.85rem;gap:16px;gap:var(--space-4)}.question-type{font-weight:500;font-weight:var(--font-weight-medium);text-transform:capitalize}.question-builder-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.modal-content.large{max-height:90vh;max-width:700px;overflow:auto;width:90%}.options-builder{flex-direction:column}.option-row,.options-builder{display:flex;gap:8px;gap:var(--space-2)}.option-row{align-items:center}.option-input{flex:1 1}.option-input,.points-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--radius-sm);font-size:.9rem;padding:8px;padding:var(--space-2)}.points-input{text-align:center;width:80px}.rating-config,.yesno-config{background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--radius-md);padding:16px;padding:var(--space-4)}.rating-row,.yesno-row{align-items:center;display:flex;gap:8px;gap:var(--space-2);margin-bottom:8px;margin-bottom:var(--space-2)}.rating-row span,.yesno-row span{font-weight:500;font-weight:var(--font-weight-medium);min-width:80px}.question-settings{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:16px;margin-top:var(--space-4);padding-top:16px;padding-top:var(--space-4)}.form-row{display:flex;gap:16px;gap:var(--space-4)}.form-row .form-group{flex:1 1}.outcomes-section,.scoring-section{padding:16px 0;padding:var(--space-4) 0}.config-group{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);margin-bottom:32px;margin-bottom:var(--space-8);padding-bottom:24px;padding-bottom:var(--space-6)}.config-group:last-child{border-bottom:none}.config-group h5{color:#1f2937;color:var(--gray-800);font-size:1.1rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 12px;margin:0 0 var(--space-3) 0}.config-group p{color:#4b5563;color:var(--gray-600);font-size:.9rem;margin:0 0 16px;margin:0 0 var(--space-4) 0}.scoring-methods{flex-direction:column}.scoring-method,.scoring-methods{display:flex;gap:12px;gap:var(--space-3)}.scoring-method{align-items:flex-start;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;padding:16px;padding:var(--space-4);transition:all .2s ease}.scoring-method:hover{background:var(--primary-light);border-color:var(--primary)}.scoring-method input[type=radio]{margin-top:2px}.method-info strong{color:#1f2937;color:var(--gray-800);display:block;margin-bottom:4px;margin-bottom:var(--space-1)}.method-info p{color:#4b5563;color:var(--gray-600);font-size:.85rem;margin:0}.categories-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-3);margin-bottom:16px;margin-bottom:var(--space-4)}.category-card{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);padding:16px;padding:var(--space-4)}.category-header{align-items:center;display:flex;gap:8px;gap:var(--space-2);margin-bottom:12px;margin-bottom:var(--space-3)}.category-name-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--radius-sm);flex:1 1;font-weight:600;font-weight:var(--font-weight-semibold);padding:8px;padding:var(--space-2)}.category-settings{align-items:end;display:flex;gap:16px;gap:var(--space-4)}.weight-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--radius-sm);padding:8px;padding:var(--space-2);text-align:center;width:60px}.qualification-thresholds{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.threshold-item{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.threshold-item label{font-weight:500;font-weight:var(--font-weight-medium);min-width:180px}.threshold-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--radius-sm);padding:8px;padding:var(--space-2);width:150px}.outcomes-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.outcome-card{background:#f9fafb;background:var(--gray-50);padding:16px;padding:var(--space-4)}.outcome-header{gap:8px;gap:var(--space-2)}.outcome-title-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--radius-sm);font-size:1rem;padding:8px;padding:var(--space-2)}.outcome-config{flex-direction:column}.outcome-config,.score-range{display:flex;gap:12px;gap:var(--space-3)}.range-inputs,.score-range{align-items:center}.range-inputs{display:flex;gap:8px;gap:var(--space-2)}.range-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--radius-sm);padding:8px;padding:var(--space-2);text-align:center;width:80px}.preview-controls{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);padding:16px;padding:var(--space-4)}.preview-score{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.preview-score-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--radius-sm);padding:8px;padding:var(--space-2);text-align:center;width:100px}.btn-danger{background:#ff3b30;background:var(--red);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{font-size:.8rem;padding:4px 12px;padding:var(--space-1) var(--space-3)}@media (max-width:768px){.app-container{flex-direction:column}.platform-sidebar{padding:1rem;width:100%}.sidebar-header{margin-bottom:1rem;padding-bottom:1rem}.product-list{display:flex;flex-wrap:wrap;gap:.5rem}.product-item{margin-bottom:0}.product-link{font-size:.875rem;padding:.5rem 1rem}.landing-title{font-size:2.5rem}.feature-grid{gap:1.5rem;grid-template-columns:1fr}.demo-links{align-items:center;flex-direction:column}.default-landing{padding:2rem 1rem}}.video-container{background:#000;border-radius:16px;box-shadow:0 10px 30px #0000004d;overflow:hidden}.video-preview{display:block;height:auto}.recording-controls{align-items:center;bottom:1rem;display:flex;gap:1rem;left:50%;position:absolute;transform:translateX(-50%)}.record-button{background:#ef4444;border:3px solid #fff;border-radius:50%;font-size:1.5rem;height:70px;transition:all .3s ease;width:70px}.record-button:hover{box-shadow:0 0 20px #ef444499;transform:scale(1.1)}.record-button.recording{animation:pulse 1.5s infinite}.record-button.stopping{background:#fbbf24}@keyframes pulse{0%{box-shadow:0 0 0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}.duration-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;color:#fff;font-weight:600;padding:.5rem 1rem}.testimonial-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:#2d3748;display:block;font-weight:600;margin-bottom:.5rem}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.submit-button:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.submit-button:disabled{background:#cbd5e0;box-shadow:none;transform:none}.loading{opacity:.7}.status-message{border-radius:12px;font-weight:500;margin:1rem 0;padding:1rem}.status-message.success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.status-message.error{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.status-message.warning{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.consent-group{gap:.75rem}.consent-checkbox{height:1.25rem;margin-top:.25rem;width:1.25rem}.consent-label{color:#4a5568;flex:1 1;font-size:.95rem;line-height:1.5}.admin-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:2rem;padding:2rem}.admin-header{border-bottom:2px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1rem}.admin-title{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.5rem}.submissions-grid{grid-gap:1rem;display:grid;gap:1rem}.submission-card{background:#fff;border:2px solid #f7fafc;border-radius:12px;padding:1.5rem;transition:all .3s ease}.submission-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main-top-bar{background:#374151;background:var(--gray-700);border-bottom:1px solid #4b5563;border-bottom:1px solid var(--gray-600);height:60px;left:0;position:fixed;right:0;top:0;z-index:1000}.main-top-bar,.top-bar-content{align-items:center;display:flex}.top-bar-content{gap:32px;gap:var(--space-8);margin:0 auto;max-width:1400px;padding:0 24px;padding:0 var(--space-6);width:100%}.platform-branding-topbar{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.platform-logo-topbar{max-height:32px;max-width:120px;object-fit:contain}.platform-title-topbar{color:#fff;font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.logo-upload-topbar{position:relative}.edit-logo-topbar{align-items:center;background:none;border:1px solid #6b7280;border:1px solid var(--gray-500);border-radius:6px;border-radius:var(--radius-sm);color:#d1d5db;color:var(--gray-300);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;padding:var(--space-1);transition:all .2s ease;width:24px}.edit-logo-topbar:hover{background:#4b5563;background:var(--gray-600);color:#fff}.upload-controls-topbar{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);min-width:200px;padding:12px;padding:var(--space-3);position:absolute;right:0;top:100%;z-index:10}.logo-upload-input-topbar{font-size:.8rem;margin-bottom:8px;margin-bottom:var(--space-2);width:100%}.cancel-upload-topbar{background:#e5e7eb;background:var(--gray-200);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#374151;color:var(--gray-700);cursor:pointer;font-size:.8rem;padding:4px 8px;padding:var(--space-1) var(--space-2);width:100%}.cancel-upload-topbar:hover{background:#d1d5db;background:var(--gray-300)}.topbar-nav{align-items:center;display:flex}.topbar-product-list{display:flex;gap:16px;gap:var(--space-4);list-style:none;margin:0;padding:0}.topbar-product-item{margin:0}.topbar-product-link{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#d1d5db;color:var(--gray-300);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .2s ease}.topbar-product-link:hover{background:#4b5563;background:var(--gray-600);color:#fff}.topbar-product-link.active{background:#007aff;background:var(--blue);color:#fff}.topbar-product-name{font-size:.9rem}.topbar-actions{align-items:center;display:flex;gap:12px;gap:var(--space-3);margin-left:auto}.topbar-logout-button{align-items:center;background:none;border:1px solid #6b7280;border:1px solid var(--gray-500);border-radius:8px;border-radius:var(--radius-md);color:#d1d5db;color:var(--gray-300);cursor:pointer;display:flex;font-size:.85rem;gap:8px;gap:var(--space-2);padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .2s ease}.topbar-logout-button:hover{background:#4b5563;background:var(--gray-600);border-color:#9ca3af;border-color:var(--gray-400);color:#fff}.main-content.with-topbar{margin-left:0;padding-top:60px;width:100%}.simple-landing{align-items:center;background:#fff;background:var(--white);display:flex;justify-content:center;min-height:100vh;padding:32px;padding:var(--space-8)}.simple-landing-container{max-width:400px;text-align:center;width:100%}.platform-branding{margin-bottom:48px;margin-bottom:var(--space-12)}.landing-logo{margin-bottom:16px;margin-bottom:var(--space-4);max-height:80px;max-width:200px;object-fit:contain}.simple-landing-title{color:#111827;color:var(--gray-900);font-size:2.5rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-2)}.simple-login-section{margin-bottom:48px;margin-bottom:var(--space-12)}.login-heading{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:12px;margin-bottom:var(--space-3)}.login-description{color:#4b5563;color:var(--gray-600);font-size:1.1rem;margin-bottom:32px;margin-bottom:var(--space-8)}.login-options{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.simple-login-button{align-items:center;background:#007aff;background:var(--blue);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 10px #007aff33;color:#fff;display:inline-flex;font-size:1rem;font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;padding:16px 32px;padding:var(--space-4) var(--space-8);text-decoration:none;transition:all .2s ease}.simple-login-button:hover{background:#0051d4;background:var(--blue-hover);box-shadow:0 4px 20px #007aff4d;transform:translateY(-1px)}.simple-footer{color:#6b7280;color:var(--gray-500);text-align:center}.simple-footer p{font-size:.9rem;margin:0}.platform-logo-section{position:relative}.platform-logo{margin-bottom:8px;margin-bottom:var(--space-2);max-height:60px;max-width:180px;object-fit:contain}.logo-upload-section{position:absolute;right:0;top:0}.edit-logo-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;padding:4px;padding:var(--space-1);transition:all .2s ease}.edit-logo-btn:hover{background:#fff3;color:#fff}.upload-controls{background:#000c;border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;gap:var(--space-2);padding:12px;padding:var(--space-3);position:absolute;right:0;top:0;width:200px;z-index:10}.logo-upload-input{background:#fff;border-radius:6px;border-radius:var(--radius-sm);font-size:.8rem;padding:8px;padding:var(--space-2)}.cancel-upload-btn{background:#4b5563;background:var(--gray-600);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;padding:var(--space-1) var(--space-2)}.cancel-upload-btn:hover{background:#374151;background:var(--gray-700)}.default-landing{align-items:center;background-color:#fff;background-color:var(--platform-admin-bg);display:flex;justify-content:center;min-height:100vh;padding:32px;padding:var(--space-8)}.landing-container{max-width:1200px;text-align:center;width:100%}.landing-title{color:#000!important;color:var(--black)!important;font-size:3rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:16px;margin-bottom:var(--space-4)}.landing-subtitle{color:#1f2937!important;color:var(--gray-800)!important;font-size:1.5rem}.feature-grid,.landing-subtitle{margin-bottom:48px;margin-bottom:var(--space-12)}.feature-grid{grid-gap:32px;grid-gap:var(--space-8);display:grid;gap:32px;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:32px;padding:var(--space-8)}.feature-card h3{color:#000!important;color:var(--black)!important;font-size:1.5rem;margin-bottom:16px;margin-bottom:var(--space-4)}.feature-card p{color:#374151!important;color:var(--gray-700)!important;line-height:1.6}.demo-section{margin-top:48px;margin-top:var(--space-12)}.demo-section h2{color:#000!important;color:var(--black)!important;font-size:2rem;margin-bottom:24px;margin-bottom:var(--space-6)}.demo-links{display:flex;flex-wrap:wrap;gap:24px;gap:var(--space-6);justify-content:center}.demo-link{align-items:center;background-color:#007aff;background-color:var(--blue);border-radius:12px;border-radius:var(--radius-lg);color:#fff;display:inline-flex;font-weight:500;font-weight:var(--font-weight-medium);padding:16px 32px;padding:var(--space-4) var(--space-8);text-decoration:none;transition:all .2s ease}.demo-link:hover{background-color:#0051d4;background-color:var(--blue-hover);transform:translateY(-1px)}.demo-link.admin{background-color:#34c759;background-color:var(--green)}@media (max-width:768px){.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1.25rem}.feature-grid{gap:24px;gap:var(--space-6);grid-template-columns:1fr}.demo-links{align-items:center;flex-direction:column}}.testimonial-page{background-color:#fff;background-color:var(--white);min-height:100vh;padding:24px;padding:var(--space-6)}.page-container{margin:0 auto;max-width:900px}.page-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);margin-bottom:32px;margin-bottom:var(--space-8);padding-bottom:24px;padding-bottom:var(--space-6);text-align:center}.tenant-logo{margin-bottom:16px;margin-bottom:var(--space-4);max-height:60px;max-width:180px;object-fit:contain}.page-title{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:12px;margin-bottom:var(--space-3)}.page-subtitle{color:#4b5563;color:var(--gray-600);font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:600px}.testimonial-content{grid-gap:32px;grid-gap:var(--space-8);align-items:start;display:grid;gap:32px;gap:var(--space-8);grid-template-columns:1fr 1fr}.form-section,.video-section{background-color:#f9fafb;background-color:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-6)}.form-section h2,.video-section h2{color:#111827;color:var(--gray-900);font-size:1.25rem;margin-bottom:16px;margin-bottom:var(--space-4);text-align:center}.testimonial-form{width:100%}.video-recorder{text-align:center}.video-preview{aspect-ratio:16/9;background-color:#111827;background-color:var(--gray-900);border-radius:8px;border-radius:var(--radius-md);margin:0 auto 16px;margin:0 auto var(--space-4) auto;max-width:400px;width:100%}.recorder-controls{display:flex;gap:12px;gap:var(--space-3);justify-content:center;margin-bottom:12px;margin-bottom:var(--space-3)}.record-button{border-radius:8px;border-radius:var(--radius-md);font-size:.9rem;gap:8px;gap:var(--space-2);min-width:110px;padding:12px 16px;padding:var(--space-3) var(--space-4)}.record-button.record{background-color:#ff3b30;background-color:var(--red);color:#fff}.record-button.stop{background-color:#4b5563;background-color:var(--gray-600);color:#fff}.recording-indicator{align-items:center;color:#ff3b30;color:var(--red);display:flex;font-size:.9rem;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);justify-content:center}.recording-dot{animation:pulse 1s infinite;background-color:#ff3b30;background-color:var(--red);border-radius:50%;height:6px;width:6px}.duration-display{color:#4b5563;color:var(--gray-600);font-size:.85rem;margin-top:4px;margin-top:var(--space-1)}.consent-section{background-color:#f3f4f6;background-color:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);margin-top:16px;margin-top:var(--space-4);padding:16px;padding:var(--space-4)}.consent-group{align-items:flex-start;display:flex;gap:12px;gap:var(--space-3)}.consent-checkbox{accent-color:#007aff;accent-color:var(--blue);height:16px;margin-top:2px;width:16px}.consent-text{color:#374151;color:var(--gray-700);font-size:.85rem;line-height:1.5}.submit-button{align-items:center;background-color:#007aff;background-color:var(--blue);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);justify-content:center;margin-top:16px;margin-top:var(--space-4);min-height:44px;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){background:var(--primary-600);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.tenant-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tenant-modal .modal-content{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;padding:var(--space-8);width:90%}.tenant-modal h3{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 8px;margin:0 0 var(--space-2) 0}.tenant-modal p{color:#4b5563;color:var(--gray-600);margin:0 0 24px;margin:0 0 var(--space-6) 0}.create-button{align-items:center;background-color:#007aff;background-color:var(--blue);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);justify-content:center;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s ease}.create-button:hover{background:#0051d4;background:var(--blue-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.analytics-section{padding:24px;padding:var(--space-6)}.analytics-overview{margin:24px 0;margin:var(--space-6) 0}.analytics-stats{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;margin-bottom:var(--space-6)}.stat-card{background:#fff;border-radius:8px;border-radius:var(--radius-md);padding:20px;padding:var(--space-5);text-align:center;transition:all .2s ease}.stat-card:hover{border-color:#007aff;border-color:var(--blue);box-shadow:0 2px 8px #007bff1a}.stat-number{color:#007aff;color:var(--blue);font-size:1.875rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:4px;margin-bottom:var(--space-1)}.stat-label{color:#4b5563;color:var(--gray-600);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.sessions-table-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);margin:24px 0;margin:var(--space-6) 0;overflow:hidden}.table-header{align-items:center;background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px 20px;padding:var(--space-4) var(--space-5)}.table-header h5{color:#111827;color:var(--gray-900);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.sessions-table{width:100%}.table-header-row{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600;font-weight:var(--font-weight-semibold)}.table-header-row,.table-row{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:2fr 2fr 1fr 1fr 1.5fr 1.5fr;padding:16px 20px;padding:var(--space-4) var(--space-5)}.table-row{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);transition:background-color .2s ease}.table-row:hover{background:#f9fafb;background:var(--gray-50)}.table-cell{display:flex;flex-direction:column;font-size:.875rem;justify-content:center}.user-info .user-name{color:#111827;color:var(--gray-900);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:2px}.user-info .user-email{color:#6b7280;color:var(--gray-500);font-size:.75rem}.quiz-name{color:#111827;color:var(--gray-900);font-weight:500;font-weight:var(--font-weight-medium)}.score-badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:2px;padding:4px 8px}.score-badge.excellent{background:#d1fae5;color:#065f46}.score-badge.good{background:#dbeafe;color:#1e40af}.score-badge.fair{background:#fef3c7;color:#92400e}.score-badge.poor{background:#fee2e2;color:#991b1b}.score-details{color:#6b7280;color:var(--gray-500);font-size:.75rem}.action-buttons{display:flex;gap:8px;gap:var(--space-2)}.table-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);color:#4b5563;color:var(--gray-600);font-size:.875rem;padding:16px 20px;padding:var(--space-4) var(--space-5);text-align:center}.outcome-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);padding:20px;padding:var(--space-5)}.outcome-card,.outcome-header{margin-bottom:16px;margin-bottom:var(--space-4)}.outcome-header{align-items:center;display:flex;justify-content:space-between}.outcome-title-input{background:#0000;border:none;color:#111827;color:var(--gray-900);flex:1 1;font-size:1.125rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-right:16px;margin-right:var(--space-4)}.outcome-title-input:focus{border-radius:6px;border-radius:var(--radius-sm);outline:none;padding:8px;padding:var(--space-2)}.action-config,.outcome-title-input:focus{background:#f9fafb;background:var(--gray-50)}.action-config{border-radius:8px;border-radius:var(--radius-md);margin:16px 0;margin:var(--space-4) 0;padding:16px;padding:var(--space-4)}.action-config h6{color:#374151;color:var(--gray-700);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 12px;margin:0 0 var(--space-3) 0}.pdf-options{flex-direction:column;margin:12px 0;margin:var(--space-3) 0}.checkbox-option,.pdf-options{display:flex;gap:8px;gap:var(--space-2)}.checkbox-option{align-items:center;color:#374151;color:var(--gray-700);cursor:pointer;font-size:.875rem}.checkbox-option input[type=checkbox]{accent-color:#007aff;accent-color:var(--blue);height:16px;width:16px}.result-design-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:16px;margin-top:var(--space-4);padding-top:16px;padding-top:var(--space-4)}.result-design-section h6{color:#374151;color:var(--gray-700);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 12px;margin:0 0 var(--space-3) 0}.design-options{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:1fr 1fr}.color-options{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.color-input{border-radius:6px;border-radius:var(--radius-sm);height:32px}.display-options{display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.outcome-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:16px;margin-top:var(--space-4);padding-top:16px;padding-top:var(--space-4)}.report-options-section{background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--radius-md);margin:24px 0;margin:var(--space-6) 0;padding:20px;padding:var(--space-5)}.report-options-section h5{color:#111827;color:var(--gray-900);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 16px;margin:0 0 var(--space-4) 0}.report-options{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:1fr 1fr}.option-group h6{color:#374151;color:var(--gray-700);font-weight:500;font-weight:var(--font-weight-medium);margin:0 0 12px;margin:0 0 var(--space-3) 0}.option-list{flex-direction:column}.option-item,.option-list{display:flex;gap:8px;gap:var(--space-2)}.option-item{align-items:center;color:#374151;color:var(--gray-700);cursor:pointer;font-size:.875rem}.branding-options{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.branding-options .form-group{display:flex;flex-direction:column;gap:4px;gap:var(--space-1)}.branding-options label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium)}.loading-container{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;justify-content:center;padding:32px;padding:var(--space-8)}.loading-spinner{border:3px solid #e5e7eb;border-top:3px solid #007aff;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--blue);height:32px;margin-bottom:12px;margin-bottom:var(--space-3);width:32px}.empty-state-small{color:#6b7280;color:var(--gray-500);padding:32px;padding:var(--space-8);text-align:center}.empty-state-small h4{color:#374151;color:var(--gray-700);font-weight:500;font-weight:var(--font-weight-medium);margin:12px 0 8px;margin:var(--space-3) 0 var(--space-2) 0}.empty-state-small p{font-size:.875rem;margin:0}@media (max-width:768px){.analytics-stats{grid-template-columns:repeat(2,1fr)}.table-header-row,.table-row{gap:8px;gap:var(--space-2);grid-template-columns:1fr}.table-cell{padding:4px 0;padding:var(--space-1) 0}.design-options,.report-options{grid-template-columns:1fr}}.create-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6}.error-container,.loading-container{padding:32px;padding:var(--space-8);text-align:center}.error-container h2{margin:12px 0 8px;margin:var(--space-3) 0 var(--space-2) 0}.error-container p{color:#4b5563;color:var(--gray-600)}@media (max-width:768px){.testimonial-page{padding:16px;padding:var(--space-4)}.page-title{font-size:1.75rem}.page-subtitle{font-size:1rem}.testimonial-content{gap:24px;gap:var(--space-6);grid-template-columns:1fr}.form-section,.video-section{padding:16px;padding:var(--space-4)}.recorder-controls{align-items:center;flex-direction:column}.record-button{max-width:180px;width:100%}}.admin-dashboard{min-height:100vh}.admin-container{margin:0 auto;max-width:1200px;padding:24px;padding:var(--space-6)}.dashboard-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8);padding-bottom:24px;padding-bottom:var(--space-6)}.header-content{flex:1 1}.header-content h1{color:#111827;color:var(--gray-900);font-size:2rem;margin-bottom:4px;margin-bottom:var(--space-1)}.header-content p{color:#4b5563;color:var(--gray-600);font-size:1rem}.header-actions{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.back-to-platform-button{align-items:center;background-color:#f3f4f6;background-color:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .2s ease}.back-to-platform-button:hover{background-color:#e5e7eb;background-color:var(--gray-200);color:#111827;color:var(--gray-900)}.preview-button{align-items:center;background-color:#007aff;background-color:var(--blue);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .2s ease}.preview-button:hover{background-color:#0051d4;background-color:var(--blue-hover);transform:translateY(-1px)}.logout-button{align-items:center;background-color:#f3f4f6;background-color:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;gap:8px;gap:var(--space-2);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s ease}.logout-button:hover{background-color:#e5e7eb;background-color:var(--gray-200)}.dashboard-nav{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:4px;gap:var(--space-1);margin-bottom:32px;margin-bottom:var(--space-8)}.nav-tab{align-items:center;background:none;border:none;border-radius:8px 8px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;gap:8px;gap:var(--space-2);padding:16px 24px;padding:var(--space-4) var(--space-6);position:relative;transition:all .2s ease}.nav-tab:hover{background-color:#f9fafb;background-color:var(--gray-50);color:#111827;color:var(--gray-900)}.nav-tab.active{background-color:#fff;background-color:var(--white);border-bottom:2px solid #007aff;border-bottom:2px solid var(--blue);color:#007aff;color:var(--blue)}.settings-form{max-width:800px}.settings-section{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:32px;margin-bottom:var(--space-8);padding:24px;padding:var(--space-6)}.settings-section h3{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#111827;color:var(--gray-900);font-size:1.25rem;padding-bottom:12px;padding-bottom:var(--space-3)}.settings-actions,.settings-section h3{margin-bottom:24px;margin-bottom:var(--space-6)}.settings-actions{display:flex;gap:12px;gap:var(--space-3)}.action-button{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .2s ease}.action-button.primary{background-color:#007aff;background-color:var(--blue);border-color:#007aff;border-color:var(--blue);color:#fff}.action-button.primary:hover{background-color:#0051d4;background-color:var(--blue-hover)}.action-button.danger{background-color:#ff3b30;background-color:var(--red);border-color:#ff3b30;border-color:var(--red);color:#fff}.action-button.danger:hover:not(:disabled){background-color:#dc2626}.action-button:not(.primary):not(.danger){background-color:#f3f4f6;background-color:var(--gray-100);color:#374151;color:var(--gray-700)}.action-button:not(.primary):not(.danger):hover{background-color:#e5e7eb;background-color:var(--gray-200)}.action-button:disabled{cursor:not-allowed;opacity:.6}.share-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:16px;margin-top:var(--space-4);padding-top:16px;padding-top:var(--space-4)}.share-section h4{color:#374151;color:var(--gray-700);font-size:.9rem;margin-bottom:12px;margin-bottom:var(--space-3)}.share-buttons{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.share-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium);gap:4px;gap:var(--space-1);padding:8px 12px;padding:var(--space-2) var(--space-3);text-decoration:none;transition:all .2s ease}.share-btn.twitter{background-color:#1da1f2;color:#fff}.share-btn.linkedin{background-color:#0077b5;color:#fff}.share-btn.facebook{background-color:#1877f2;color:#fff}.share-btn.copy{background-color:#f3f4f6;background-color:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.share-btn:hover{filter:brightness(110%);transform:translateY(-1px)}.upload-status{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:8px;gap:var(--space-2);margin-top:8px;margin-top:var(--space-2);padding:8px 12px;padding:var(--space-2) var(--space-3)}.upload-status.success{background-color:#f0f9ff;border:1px solid #bbf7d0;color:#065f46}.upload-status.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.upload-status.loading{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.current-logo,.current-preview{align-items:flex-start;display:flex;flex-direction:column;gap:12px;gap:var(--space-3);margin-bottom:16px;margin-bottom:var(--space-4)}.logo-preview{background:#fff;background:var(--white);max-height:80px;max-width:200px;padding:8px;padding:var(--space-2)}.logo-preview,.pdf-preview-image{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md)}.pdf-preview-image{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);max-height:200px;max-width:150px}.logo-status,.preview-status{color:#34c759;color:var(--green);font-size:.875rem}.no-logo,.no-preview{color:#6b7280;color:var(--gray-500);font-size:.875rem}.file-input{cursor:pointer}.file-input::-webkit-file-upload-button{background-color:#f9fafb;background-color:var(--gray-50);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;margin-right:12px;margin-right:var(--space-3);padding:8px 16px;padding:var(--space-2) var(--space-4);-webkit-transition:all .2s ease;transition:all .2s ease}.file-input::-webkit-file-upload-button:hover{background-color:#f3f4f6;background-color:var(--gray-100)}.stats-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px;margin-bottom:var(--space-8)}.stat-card{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:16px;gap:var(--space-4);padding:24px;padding:var(--space-6)}.stat-icon{flex-shrink:0}.stat-content h3{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:4px;margin-bottom:var(--space-1)}.stat-content p{color:#4b5563;color:var(--gray-600);font-size:.9rem}.submissions-list{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden}.submission-row{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--space-4) var(--space-6);transition:background-color .2s ease}.submission-row:last-child{border-bottom:none}.submission-row:hover{background-color:#f9fafb;background-color:var(--gray-50)}.submission-info{flex:1 1;min-width:0}.submission-name{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:600;font-weight:var(--font-weight-semibold)}.submission-email,.submission-name{margin-bottom:4px;margin-bottom:var(--space-1)}.submission-email{color:#4b5563;color:var(--gray-600);font-size:.875rem}.submission-website{align-items:center;color:#6b7280;color:var(--gray-500);font-size:.8rem}.submission-meta,.submission-website{display:flex;gap:4px;gap:var(--space-1)}.submission-meta{flex-direction:column;margin:0 24px;margin:0 var(--space-6);min-width:200px}.submission-date,.submission-duration,.submission-size{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.8rem;gap:4px;gap:var(--space-1)}.submission-actions-inline{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.action-icon-btn{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-icon-btn:hover{background-color:#f3f4f6;background-color:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400);color:#111827;color:var(--gray-900)}.action-icon-btn.danger{color:#ff3b30;color:var(--red)}.action-icon-btn.danger:hover{background-color:#fef2f2;border-color:#ff3b30;border-color:var(--red)}.action-icon-btn:disabled{cursor:not-allowed;opacity:.5}.share-links-row{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;font-size:.875rem;gap:8px;gap:var(--space-2);margin-top:12px;margin-top:var(--space-3);padding-top:12px;padding-top:var(--space-3)}.share-link{background:none;border:none;color:#007aff;color:var(--blue);cursor:pointer;font-size:.8rem;padding:4px 8px;padding:var(--space-1) var(--space-2);text-decoration:underline}.share-link:hover{color:#0051d4;color:var(--blue-hover)}.share-link.download{color:#34c759;color:var(--green);font-weight:500;font-weight:var(--font-weight-medium)}.share-link.download:hover{color:#16a34a}.submissions-grid{display:none}@media (max-width:768px){.submission-row{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-3)}.submission-meta{margin:0;min-width:auto;width:100%}.submission-actions-inline{justify-content:center;width:100%}.action-icon-btn{height:36px;width:36px}}.empty-state{color:#6b7280;color:var(--gray-500);padding:48px;padding:var(--space-12);text-align:center}.empty-state h3{color:#374151;color:var(--gray-700);margin:16px 0 8px;margin:var(--space-4) 0 var(--space-2) 0}.error-container,.loading-container{min-height:400px}@media (max-width:768px){.admin-container{padding:16px;padding:var(--space-4)}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--space-4)}.dashboard-nav{flex-wrap:wrap;gap:4px;gap:var(--space-1)}.nav-tab{padding:12px 16px;padding:var(--space-3) var(--space-4)}.stats-grid,.submissions-grid{grid-template-columns:1fr}.settings-section{padding:16px;padding:var(--space-4)}.settings-actions{flex-direction:column}}.simple-thank-you-page{align-items:center;background-color:#fff!important;background-image:none!important;display:flex;justify-content:center;min-height:100vh;padding:32px;padding:var(--space-8)}.simple-container{background-color:#fff;max-width:600px;padding:32px;padding:var(--space-8);text-align:center;width:100%}.simple-success-icon{margin-bottom:24px;margin-bottom:var(--space-6)}.simple-company-name{font-size:1.5rem}.simple-company-name,.simple-main-message{color:#111827;color:var(--gray-900);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:16px;margin-bottom:var(--space-4)}.simple-main-message{font-size:2rem;line-height:1.3}.simple-subtitle{color:#4b5563;color:var(--gray-600);font-size:1.1rem;line-height:1.5;margin-bottom:32px;margin-bottom:var(--space-8)}.simple-gift-section{background-color:#f9fafb;background-color:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);margin:32px 0;margin:var(--space-8) 0;padding:32px;padding:var(--space-8)}.simple-gift-icon{font-size:3rem;margin-bottom:16px;margin-bottom:var(--space-4)}.simple-gift-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:12px;margin-bottom:var(--space-3)}.simple-gift-description{color:#4b5563;color:var(--gray-600);margin-bottom:24px;margin-bottom:var(--space-6)}.simple-pdf-preview{display:flex;justify-content:center;margin:24px 0;margin:var(--space-6) 0}.simple-preview-image{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);max-height:200px;max-width:150px}.simple-download-btn{align-items:center;background-color:#007aff;background-color:var(--blue);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);justify-content:center;margin-bottom:16px;margin-bottom:var(--space-4);padding:16px 32px;padding:var(--space-4) var(--space-8);transition:all .2s ease}.simple-download-btn:hover:not(:disabled){background-color:#0051d4;background-color:var(--blue-hover);transform:translateY(-1px)}.simple-download-btn.downloaded{background-color:#34c759;background-color:var(--green)}.simple-download-btn:disabled{cursor:default;transform:none}.simple-success-message{align-items:center;color:#34c759;color:var(--green);display:flex;font-size:.9rem;gap:8px;gap:var(--space-2);justify-content:center;margin-top:12px;margin-top:var(--space-3)}.simple-footer{color:#4b5563;color:var(--gray-600);margin:32px 0;margin:var(--space-8) 0}.simple-footer p{font-size:.95rem;margin-bottom:8px;margin-bottom:var(--space-2)}.simple-submit-another{background-color:#f3f4f6;background-color:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);cursor:pointer;margin-top:16px;margin-top:var(--space-4);padding:12px 24px;padding:var(--space-3) var(--space-6);transition:all .2s ease}.simple-submit-another:hover{background-color:#e5e7eb;background-color:var(--gray-200)}@media (max-width:640px){.simple-main-message{font-size:1.75rem}.simple-subtitle{font-size:1rem}.simple-gift-section{padding:24px;padding:var(--space-6)}.simple-preview-image{max-height:160px;max-width:120px}}.thank-you-page{align-items:center;background-color:#fff;background-color:var(--user-bg);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--space-6)}.thank-you-container{max-width:600px;text-align:center;width:100%}.success-header{margin-bottom:48px;margin-bottom:var(--space-12)}.success-icon{margin-bottom:24px;margin-bottom:var(--space-6)}.success-title{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:16px;margin-bottom:var(--space-4)}.success-subtitle{color:#4b5563;color:var(--gray-600);font-size:1.1rem;line-height:1.6;margin-bottom:0}.gift-section{background-color:#fff;background-color:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin:32px 0;margin:var(--space-8) 0;padding:32px;padding:var(--space-8)}.gift-icon{margin-bottom:16px;margin-bottom:var(--space-4)}.gift-box{font-size:3rem}.gift-box,.gift-title{margin-bottom:12px;margin-bottom:var(--space-3)}.gift-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold)}.gift-description{color:#4b5563;color:var(--gray-600);font-size:1rem;margin-bottom:24px;margin-bottom:var(--space-6)}.pdf-preview{display:flex;justify-content:center;margin:24px 0;margin:var(--space-6) 0}.preview-image{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);max-height:280px;max-width:200px}.preview-placeholder{align-items:center;background-color:#f3f4f6;background-color:var(--gray-100);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:12px;border-radius:var(--radius-lg);color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;height:280px;justify-content:center;width:200px}.placeholder-icon{font-size:3rem;margin-bottom:8px;margin-bottom:var(--space-2)}.download-btn{align-items:center;background-color:#007aff;background-color:var(--blue);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);justify-content:center;min-width:200px;padding:16px 32px;padding:var(--space-4) var(--space-8);transition:all .2s ease}.download-btn:hover:not(:disabled){background-color:#0051d4;background-color:var(--blue-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.download-btn.downloaded{background-color:#34c759;background-color:var(--green);cursor:default}.download-btn:disabled{cursor:default;transform:none}.arrow-icon{animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.download-success{align-items:center;background-color:#f0f9ff;border:1px solid #bbf7d0;border-radius:8px;border-radius:var(--radius-md);color:#065f46;display:flex;font-size:.9rem;gap:8px;gap:var(--space-2);justify-content:center;margin-top:16px;margin-top:var(--space-4);padding:12px 16px;padding:var(--space-3) var(--space-4)}.additional-message{color:#4b5563;color:var(--gray-600);margin:32px 0;margin:var(--space-8) 0}.additional-message p{font-size:.95rem;margin-bottom:8px;margin-bottom:var(--space-2)}.action-section{margin-top:32px;margin-top:var(--space-8)}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:48px;padding:var(--space-12)}.error-container p,.loading-container p{color:#4b5563;color:var(--gray-600);margin-top:16px;margin-top:var(--space-4)}.error-container h2{color:#111827;color:var(--gray-900);margin-top:16px;margin-top:var(--space-4)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.thank-you-page{padding:16px;padding:var(--space-4)}.success-title{font-size:1.75rem}.success-subtitle{font-size:1rem}.gift-section{padding:24px;padding:var(--space-6)}.preview-image{max-height:210px;max-width:150px}.preview-placeholder{height:210px;width:150px}.download-btn{font-size:.9rem;min-width:180px;padding:12px 24px;padding:var(--space-3) var(--space-6)}}.forgot-password-section{margin-top:1rem;text-align:center}.forgot-password-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline}.forgot-password-link:hover{color:#4c51bf}.forgot-password-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:400px;overflow-y:auto;padding:2rem;width:90%}.modal-content h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.modal-content p{color:#4a5568;font-size:.9rem;line-height:1.4;margin:0 0 1.5rem}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.cancel-button,.reset-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s}.cancel-button{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.cancel-button:hover{background:#edf2f7}.reset-button{background:linear-gradient(135deg,#667eea,#764ba2)}.reset-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.cancel-button:disabled,.reset-button:disabled{cursor:not-allowed;opacity:.6}.password-reset-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.reset-container{max-width:400px;width:100%}.reset-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;text-align:center}.reset-header{margin-bottom:2rem}.reset-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.reset-header h1{color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.reset-header p{color:#4a5568;font-size:.9rem;margin:0}.reset-form{text-align:left}.password-input-wrapper{position:relative}.password-toggle{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#667eea}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.reset-submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.875rem 1rem;transition:all .2s;width:100%}.reset-submit-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 10px 15px -3px #667eea4d;transform:translateY(-1px)}.reset-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.back-to-login-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;text-decoration:none}.back-to-login-link:hover{color:#4c51bf;text-decoration:underline}.back-to-login-button,.login-now-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.875rem 1.5rem;transition:all .2s}.back-to-login-button:hover,.login-now-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px)}.error-container,.loading-container,.success-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;padding:3rem 2rem;text-align:center}.error-container p,.loading-container p,.success-container p{color:#4a5568;margin:1rem 0 0}.error-container h2,.success-container h2{color:#1a202c;font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem}.testimonial-view-page{background-color:#fff;background-color:var(--white);min-height:100vh;padding:32px;padding:var(--space-8)}.testimonial-container{margin:0 auto;max-width:800px}.testimonial-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);margin-bottom:32px;margin-bottom:var(--space-8);padding-bottom:24px;padding-bottom:var(--space-6);text-align:center}.company-logo{margin-bottom:16px;margin-bottom:var(--space-4);max-height:80px;max-width:200px;object-fit:contain}.video-testimonial-section{margin-bottom:32px;margin-bottom:var(--space-8);text-align:center}.video-player{background-color:#111827;background-color:var(--gray-900);border-radius:12px;border-radius:var(--radius-lg);margin:0 auto;max-width:640px;overflow:hidden}.testimonial-video{aspect-ratio:16/9;height:auto;width:100%}.no-video{align-items:center;background-color:#f3f4f6;background-color:var(--gray-100);color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--space-12)}.no-video,.testimonial-info{border-radius:12px;border-radius:var(--radius-lg)}.testimonial-info{background-color:#f9fafb;background-color:var(--gray-50);margin-bottom:32px;margin-bottom:var(--space-8);padding:24px;padding:var(--space-6)}.customer-info{text-align:center}.customer-name{color:#111827;color:var(--gray-900);font-size:1.5rem;margin-bottom:16px;margin-bottom:var(--space-4)}.customer-website{align-items:center;display:flex;gap:8px;gap:var(--space-2);justify-content:center;margin-bottom:12px;margin-bottom:var(--space-3)}.customer-website a{color:#007aff;color:var(--blue);text-decoration:none}.customer-website a:hover{text-decoration:underline}.testimonial-date{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.9rem;gap:8px;gap:var(--space-2);justify-content:center}.testimonial-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:24px;padding:var(--space-6);text-align:center}.submit-link{color:#007aff;color:var(--blue);font-weight:500;font-weight:var(--font-weight-medium);text-decoration:none}.submit-link:hover{text-decoration:underline}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--space-12);text-align:center}.error-state h2{color:#111827;color:var(--gray-900);margin:16px 0 8px;margin:var(--space-4) 0 var(--space-2) 0}.back-button{align-items:center;background-color:#007aff;background-color:var(--blue);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;gap:8px;gap:var(--space-2);margin-top:16px;margin-top:var(--space-4);padding:12px 16px;padding:var(--space-3) var(--space-4)}.back-button:hover{background-color:#0051d4;background-color:var(--blue-hover)}.chatbot-widget{bottom:24px;bottom:var(--space-6);position:fixed;right:24px;right:var(--space-6);z-index:1000}.chat-toggle-button{align-items:center;border:none;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.chat-toggle-button:hover{transform:scale(1.1)}.chat-window{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);bottom:80px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:500px;overflow:hidden;position:absolute;right:0;width:380px}.chat-header{color:#fff;justify-content:space-between;padding:16px;padding:var(--space-4)}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{flex:1 1;gap:12px;gap:var(--space-3)}.avatar-container{background:#fff3;border-radius:50%;height:40px;overflow:hidden;width:40px}.avatar-container,.chat-avatar,.default-avatar{align-items:center;display:flex;justify-content:center}.chat-avatar,.default-avatar{height:100%;width:100%}.chat-avatar{object-fit:cover}.chat-info h3{font-size:1rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.chat-info p{font-size:.8rem;margin:0;opacity:.9}.chat-close-button{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:4px;padding:var(--space-1);transition:background .2s ease}.chat-close-button:hover{background:#fff3}.chat-messages{background:#f9fafb;background:var(--gray-50);flex:1 1;overflow-y:auto;padding:16px;padding:var(--space-4)}.message{display:flex;gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4)}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;background:#d1d5db;background:var(--gray-300);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.message.user .message-avatar{background:#007aff;background:var(--blue);color:#fff}.message.assistant .message-avatar{background:#4b5563;background:var(--gray-600);color:#fff}.bot-avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}.message-content{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);max-width:70%;padding:12px 16px;padding:var(--space-3) var(--space-4);position:relative}.message.user .message-content{background:#007aff;background:var(--blue);color:#fff}.message-content p{font-size:.9rem;line-height:1.4;margin:0}.message-time{display:block;font-size:.7rem;margin-top:4px;margin-top:var(--space-1);opacity:.7}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#9ca3af;background:var(--gray-400);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-action-buttons{background:#f3f4f6;background:var(--gray-100);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:12px;padding:var(--space-3)}.feedback-button{align-items:center;background:#34c759;background:var(--green);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);justify-content:center;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .2s ease;width:100%}.feedback-button:hover{background:#16a34a}.chat-input{background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:8px;gap:var(--space-2);padding:16px;padding:var(--space-4)}.chat-input-field{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);flex:1 1;font-size:.9rem;outline:none;padding:12px;padding:var(--space-3)}.chat-input-field:focus{border-color:#007aff;border-color:var(--blue);box-shadow:0 0 0 2px #007aff1a}.chat-send-button{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chat-send-button:disabled{cursor:not-allowed;opacity:.5}.chat-send-button:hover:not(:disabled){filter:brightness(110%)}.chatbot-dashboard{min-height:100vh}.dashboard-container{margin:0 auto;max-width:1200px;padding:24px;padding:var(--space-6)}.overview-tab{display:flex;flex-direction:column;gap:32px;gap:var(--space-8)}.quick-actions h2{color:#111827;color:var(--gray-900);margin-bottom:24px;margin-bottom:var(--space-6)}.action-cards{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-6);text-align:center;transition:all .2s ease}.action-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-card h3{color:#111827;color:var(--gray-900);margin:16px 0 8px;margin:var(--space-4) 0 var(--space-2) 0}.action-card p{color:#4b5563;color:var(--gray-600);margin-bottom:16px;margin-bottom:var(--space-4)}.conversations-tab,.quiz-tab{display:flex;flex-direction:column}.conversations-header,.quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6)}.conversations-list,.quiz-list{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);display:flex;justify-content:center;min-height:400px}.color-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);cursor:pointer;height:40px;padding:0;width:60px}@media (max-width:640px){.chatbot-widget{bottom:16px;bottom:var(--space-4);right:16px;right:var(--space-4)}.chat-window{bottom:70px;height:calc(100vh - 120px);right:0;width:calc(100vw - 32px);width:calc(100vw - var(--space-8))}.action-cards{grid-template-columns:1fr}}.chatbot-app{align-items:center;background:#f9fafb;background:var(--gray-50);display:flex;justify-content:center;min-height:100vh;padding:16px;padding:var(--space-4)}.chatbot-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:700px;max-width:500px;overflow:hidden;width:100%}.chatbot-app-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:24px;padding:var(--space-6)}.chatbot-header-info{align-items:center;display:flex;flex:1 1;gap:16px;gap:var(--space-4)}.chatbot-header-info h1{color:#fff;font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.chatbot-header-info p{color:#fff;font-size:.9rem;margin:4px 0 0;margin:var(--space-1) 0 0 0;opacity:.9}.tenant-branding{color:#fff;font-size:.8rem;opacity:.8}.chatbot-messages{background:#f9fafb;background:var(--gray-50);flex:1 1;overflow-y:auto;padding:24px;padding:var(--space-6)}.chatbot-actions{background:#f3f4f6;background:var(--gray-100);padding:16px;padding:var(--space-4)}.chatbot-actions,.chatbot-input{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200)}.chatbot-input{background:#fff;display:flex;gap:12px;gap:var(--space-3);padding:24px;padding:var(--space-6)}.chatbot-input-field{background:#f9fafb;background:var(--gray-50);border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:12px;border-radius:var(--radius-lg);flex:1 1;font-size:1rem;outline:none;padding:16px;padding:var(--space-4)}.chatbot-input-field:focus{background:#fff;border-color:#007aff;border-color:var(--blue);box-shadow:0 0 0 3px #007aff1a}.chatbot-send-button{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .2s ease;width:50px}.chatbot-send-button:disabled{cursor:not-allowed;opacity:.5}.chatbot-send-button:hover:not(:disabled){filter:brightness(110%);transform:translateY(-1px)}.chatbot-error,.chatbot-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:48px;padding:var(--space-12);text-align:center}.chatbot-error h2{color:#111827;color:var(--gray-900);margin:16px 0 8px;margin:var(--space-4) 0 var(--space-2) 0}.embed-tab{display:flex;flex-direction:column;gap:32px;gap:var(--space-8)}.embed-header{margin-bottom:24px;margin-bottom:var(--space-6);text-align:center}.embed-header h2{color:#111827;color:var(--gray-900);margin-bottom:8px;margin-bottom:var(--space-2)}.embed-header p{color:#4b5563;color:var(--gray-600)}.embed-options{display:flex;flex-direction:column;gap:32px;gap:var(--space-8)}.embed-option{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-6)}.embed-option h3{color:#111827;color:var(--gray-900);margin-bottom:8px;margin-bottom:var(--space-2)}.embed-option p{color:#4b5563;color:var(--gray-600);margin-bottom:16px;margin-bottom:var(--space-4)}.embed-code-container{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.embed-code{background:#111827;background:var(--gray-900);border-radius:8px;border-radius:var(--radius-md);color:#0f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.5;max-height:300px;overflow-x:auto;overflow-y:auto;padding:16px;padding:var(--space-4);white-space:pre-wrap}.copy-button{align-self:flex-start;background:#007aff;background:var(--blue);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .2s ease}.copy-button:hover{background:#0051d4;background:var(--blue-hover);transform:translateY(-1px)}.embed-preview{background:#f3f4f6;background:var(--gray-100);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-6);text-align:center}.embed-preview h3{color:#111827;color:var(--gray-900);margin-bottom:8px;margin-bottom:var(--space-2)}.embed-preview p{color:#4b5563;color:var(--gray-600);margin-bottom:16px;margin-bottom:var(--space-4)}@media (max-width:768px){.chatbot-app{padding:8px;padding:var(--space-2)}.chatbot-container{height:calc(100vh - 16px);height:calc(100vh - var(--space-4));max-width:100%}.embed-option{padding:16px;padding:var(--space-4)}}.chatbot-platform-overview{display:flex;flex-direction:column;gap:32px;gap:var(--space-8)}.chatbot-platform-overview h2{color:#111827;color:var(--gray-900);margin-bottom:8px;margin-bottom:var(--space-2);text-align:center}.chatbot-platform-overview>p{color:#4b5563;color:var(--gray-600);margin-bottom:32px;margin-bottom:var(--space-8);text-align:center}.tenant-chatbot-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px;margin-bottom:var(--space-8)}.tenant-chatbot-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-6)}.chatbot-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4)}.chatbot-card-header h3{color:#111827;color:var(--gray-900);margin:0}.chatbot-status{border-radius:6px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;font-weight:var(--font-weight-medium);padding:4px 12px;padding:var(--space-1) var(--space-3)}.chatbot-status.active{background:#34c759;background:var(--green);color:#fff}.tenant-chatbot-card p{color:#4b5563;color:var(--gray-600);font-size:.9rem;margin-bottom:8px;margin-bottom:var(--space-2)}.chatbot-card-actions{display:flex;gap:8px;gap:var(--space-2);margin-top:16px;margin-top:var(--space-4)}.chatbot-platform-stats{margin-top:32px;margin-top:var(--space-8)}@media (max-width:768px){.tenant-chatbot-grid{grid-template-columns:1fr}.chatbot-card-actions{flex-direction:column}.chatbot-app{padding:8px;padding:var(--space-2)}.chatbot-container{height:calc(100vh - 16px);height:calc(100vh - var(--space-4));max-width:100%}}.tenant-sidebar{background:linear-gradient(180deg,#1f2937,#111827);box-shadow:4px 0 20px #00000026;color:#fff;display:flex;flex-direction:column;height:100vh;padding:24px 16px;padding:var(--space-6) var(--space-4);position:relative;width:280px}.tenant-sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;margin-bottom:var(--space-6);padding-bottom:16px;padding-bottom:var(--space-4)}.tenant-title{color:#fff;font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:4px;margin-bottom:var(--space-1)}.tenant-subtitle{color:#ffffffb3;font-size:.875rem;font-weight:400;font-weight:var(--font-weight-regular)}.tenant-nav{flex:1 1}.tenant-app-list{list-style:none;margin:0;padding:0}.tenant-app-item{margin-bottom:8px;margin-bottom:var(--space-2)}.tenant-app-link{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fffc;cursor:pointer;display:flex;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4);text-align:left;transition:all .2s ease;width:100%}.tenant-app-link:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.tenant-app-link.active{background:#007aff;background:var(--blue);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.tenant-app-icon{flex-shrink:0}.tenant-app-info{flex:1 1}.tenant-app-name{display:block;font-size:1rem;font-weight:500;font-weight:var(--font-weight-medium)}.tenant-sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:16px;padding-top:var(--space-4)}.tenant-logout-button{align-items:center;background:#ffffff1a;border:none;border-radius:8px;border-radius:var(--radius-md);color:#fffc;cursor:pointer;display:flex;gap:8px;gap:var(--space-2);margin-bottom:16px;margin-bottom:var(--space-4);padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .2s ease;width:100%}.tenant-logout-button:hover{background:#fff3;color:#fff}.tenant-info{text-align:center}.tenant-info p{color:#ffffff80;font-size:.8rem;margin-bottom:4px;margin-bottom:var(--space-1)}.tenant-chatbot-dashboard{background-color:#fff7ed;background-color:var(--admin-bg);min-height:100vh}.tenant-chatbot-dashboard .dashboard-container{margin:0 auto;max-width:1200px;padding:24px;padding:var(--space-6)}.chatbot-stats-section{margin-bottom:32px;margin-bottom:var(--space-8)}.chatbot-settings-form{max-width:800px}@media (max-width:768px){.tenant-sidebar{padding:16px 12px;padding:var(--space-4) var(--space-3);width:240px}.tenant-title{font-size:1.25rem}.tenant-app-link{padding:8px 12px;padding:var(--space-2) var(--space-3)}}.recording-controls-external{gap:16px;gap:var(--space-4);margin-top:16px;margin-top:var(--space-4);padding:16px;padding:var(--space-4)}.record-button,.recording-controls-external{align-items:center;display:flex;justify-content:center}.record-button{background:#ff3b30;background:var(--red);border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 10px #ef44444d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;font-weight:var(--font-weight-medium);height:50px;transition:all .2s ease;width:120px}.record-button:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 15px #ef444466;transform:translateY(-1px)}.record-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.record-button.recording{animation:pulse-recording 1.5s infinite;background:#dc2626}@keyframes pulse-recording{0%{box-shadow:0 2px 10px #ef44444d,0 0 0 0 #ef444466}50%{box-shadow:0 4px 15px #ef444466,0 0 0 4px #ef444433}to{box-shadow:0 2px 10px #ef44444d,0 0 0 0 #ef444400}}.record-dot{display:none}.reset-button{background:#007aff;background:var(--blue);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;font-weight:var(--font-weight-medium);padding:12px 24px;padding:var(--space-3) var(--space-6);transition:all .2s ease}.reset-button:hover{background:#0051d4;background:var(--blue-hover);transform:translateY(-1px)}.recording-info{align-items:center;color:#34c759;color:var(--green);display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2)}.duration-display{font-size:1.1rem;font-weight:700;font-weight:var(--font-weight-bold);text-align:center}.video-container{position:relative}.video-preview[controls]{background:#000;position:relative;z-index:9999!important}.video-container .video-preview[controls]+*{display:none!important}.video-container .video-preview[controls]~.video-overlay{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-999!important}.video-container:has(.video-preview[controls])>.video-overlay{display:none!important;pointer-events:none!important;visibility:hidden!important}@media (max-width:768px){.video-preview{touch-action:manipulation}.video-container .video-preview[controls]+.video-overlay,.video-container .video-preview[controls]~.video-overlay{display:none!important;pointer-events:none!important;visibility:hidden!important}.video-container .video-preview[controls]{border:2px solid #007aff;border:2px solid var(--blue);border-radius:8px;border-radius:var(--radius-md);outline:none;position:relative;z-index:10}.video-preview[controls]::-webkit-media-controls-panel{background:#000000e6}.video-preview[controls]::-webkit-media-controls-play-button{background-color:#007aff;background-color:var(--blue);border-radius:50%;margin:10px}}.tenant-product-access{background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--radius-md);margin-top:16px;margin-top:var(--space-4);padding:16px;padding:var(--space-4)}.tenant-product-access h4{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 12px;margin:0 0 var(--space-3) 0}.product-toggles{display:flex;flex-direction:column;gap:12px;gap:var(--space-3)}.product-toggle{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);padding:12px;padding:var(--space-3);transition:all .2s ease}.product-toggle:hover{border-color:#007aff;border-color:var(--blue);box-shadow:0 2px 4px #007bff1a}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.toggle-input:checked+.toggle-slider{background:#34c759;background:var(--green)}.toggle-input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-input:focus+.toggle-slider{box-shadow:0 0 0 3px #3b82f61a}.toggle-text{color:#111827;color:var(--gray-900);flex:1 1;font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium)}.toggle-input:checked+.toggle-slider+.toggle-text:after{color:#34c759;color:var(--green);content:" (ENABLED)";font-size:.75rem;font-weight:600;font-weight:var(--font-weight-semibold);text-transform:uppercase}.toggle-input:not(:checked)+.toggle-slider+.toggle-text:after{color:#ff3b30;color:var(--red);content:" (DISABLED)";font-size:.75rem;font-weight:600;font-weight:var(--font-weight-semibold);text-transform:uppercase}.product-toggle.loading{opacity:.6;pointer-events:none}.product-toggle.loading .toggle-slider{opacity:.5}.toggle-input{height:0;opacity:0;position:absolute;width:0;z-index:1}.toggle-label{align-items:center;display:flex;gap:12px;gap:var(--space-3);-webkit-user-select:none;user-select:none}.toggle-label,.toggle-slider{cursor:pointer;position:relative;z-index:2}.toggle-slider{background:#d1d5db;background:var(--gray-300);border-radius:24px;flex-shrink:0;height:24px;transition:all .3s ease;width:48px}@media (max-width:768px){.product-toggles{gap:8px;gap:var(--space-2)}.product-toggle{padding:8px;padding:var(--space-2)}.toggle-label{gap:8px;gap:var(--space-2)}.toggle-text{font-size:.8rem}}
/*# sourceMappingURL=main.920b4ccc.css.map*/