body{font-family:Roboto,sans-serif;background-color:#f4f4f4;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;width:100%}:root{--signin-primary: #667eea;--signin-secondary: #764ba2;--signin-accent: #f093fb;--signin-text: #2d3748;--signin-light: #f7fafc;--signin-border: rgba(255, 255, 255, .2);--signin-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--signin-shadow-hover: 0 35px 60px -12px rgba(0, 0, 0, .35);--signin-transition: all .3s cubic-bezier(.4, 0, .2, 1);--signin-border-radius: 16px}.signin{min-height:100vh;position:relative;overflow:hidden}.signin:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,200,255,.2) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(-10px) rotate(-1deg)}}.signin-container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;padding-top:100px!important}.signin-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;background:#232f3c!important;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem!important;text-align:center;z-index:1000;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 20px #0000001a}.signin-logo{max-height:40px!important;width:auto;transition:transform .3s ease;filter:brightness(1.1)}.signin-logo-placeholder{height:40px;width:200px;margin:0 auto;background:transparent}.signin-form{background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:var(--signin-border-radius);padding:2rem;width:100%;max-width:400px;box-shadow:var(--signin-shadow);border:1px solid rgba(255,255,255,.2);margin-top:2rem;position:relative;overflow:hidden;transition:var(--signin-transition);display:flex;flex-direction:column;align-items:center}.signin-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--signin-primary),var(--signin-accent),var(--signin-secondary));border-radius:var(--signin-border-radius) var(--signin-border-radius) 0 0}.signin-form:hover{transform:translateY(-5px);box-shadow:var(--signin-shadow-hover)}.signin-form h1{font-size:2.5rem;font-weight:700;color:var(--signin-text);text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,var(--signin-primary),var(--signin-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:100%}.signin-form form{width:100%;display:flex;flex-direction:column;align-items:center}.signin-form .input-group{width:100%;max-width:300px;margin-bottom:1.5rem;position:relative}.input-group input{width:100%;height:56px;padding:0 1.5rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#fff;color:var(--signin-text);transition:var(--signin-transition);box-sizing:border-box}.input-group input:focus{outline:none;border-color:var(--signin-primary);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.input-group input::placeholder{color:#9ca3af;font-weight:400}.signin-form>form>button{width:100%;max-width:300px;height:56px;background:linear-gradient(135deg,var(--signin-primary),var(--signin-secondary));color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--signin-transition);position:relative;overflow:hidden;margin-top:1rem}.signin-form>form>button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.signin-form>form>button:hover:before{left:100%}.signin-form>form>button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.signin-form>form>button:active{transform:translateY(0)}.social-signin{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.signin .gsi-material-button,.signin .facebook-button{width:100%!important;height:56px!important;border:none!important;border-radius:12px!important;cursor:pointer!important;transition:var(--signin-transition)!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 15px #0000001a!important;font-weight:600!important;font-size:1rem!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}.signin .gsi-material-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important}.signin .gsi-material-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #667eea4d!important}.signin .gsi-material-button-content-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;height:100%!important;padding:0 24px!important}.signin .gsi-material-button-icon{width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}.signin .gsi-material-button-contents{font-size:1rem!important;font-weight:600!important;color:#fff!important}.signin .facebook-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important}.signin .facebook-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #667eea4d!important}.signin .facebook-button-content{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;height:100%!important;padding:0 24px!important}.signin .facebook-icon{width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}.signin .facebook-button-content span{font-size:1rem!important;font-weight:600!important;color:#fff!important}.or-divider{position:relative;text-align:center;margin:2rem 0;font-weight:500;color:#6b7280;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.or-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent);z-index:-1}.or-divider{background:#fffffff2;padding:0 1rem;display:inline-block}.signin-form .error{background:#ef44441a;color:#dc2626;padding:1rem;border-radius:8px;border-left:4px solid #dc2626;margin-bottom:1rem;font-size:.875rem;font-weight:500;width:100%;max-width:300px;text-align:center}.signin .footer{position:relative;z-index:1;margin-top:2rem}.signin .footer,.signin .footer *,.signin .footer p,.signin .footer span,.signin .footer div{color:#ffffffb3!important}.signin .footer a,.signin .footer a:link,.signin .footer a:visited{color:#fffc!important;transition:var(--signin-transition);text-decoration:none}.signin .footer a:hover,.signin .footer a:focus{color:#fff!important;text-decoration:underline}.signin .footer-links a{color:#fffc!important;text-decoration:none!important;font-size:14px!important;transition:color .2s!important}.signin .footer-links a:hover{color:#fff!important}.signin .footer-copyright{color:#ffffffb3!important;font-size:12px!important}.signin .gsi-material-button-contents,.signin .facebook-button-content span,.signin .gsi-material-button .gsi-material-button-content-wrapper span,.signin .facebook-button .facebook-button-content span{color:#fff!important;font-weight:700!important}.signin .social-signin button,.signin .social-signin .gsi-material-button,.signin .social-signin .facebook-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;font-weight:600!important;height:56px!important;border-radius:12px!important;box-shadow:0 4px 15px #0000001a!important;display:flex!important;align-items:center!important;justify-content:center!important}.signin .social-signin button:hover,.signin .social-signin .gsi-material-button:hover,.signin .social-signin .facebook-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #667eea4d!important}.signin .social-signin button span,.signin .social-signin .gsi-material-button span,.signin .social-signin .facebook-button span{color:#fff!important;font-weight:600!important;font-size:1rem!important}@media (max-width: 768px){.signin-container{padding:1rem;justify-content:flex-start;padding-top:80px!important}.signin-form{padding:1rem;margin-top:1rem;max-width:100%;width:calc(100% - 2rem)}.signin-header{padding:1rem!important}}@media (max-width: 480px){.signin-container{padding:.5rem;min-height:100vh;padding-top:70px!important}.signin-form{padding:1.5rem 1rem;margin:.5rem;width:calc(100% - 1rem)}.signin-header{padding:.5rem!important}}.auth-footer{position:fixed;bottom:0;left:0;right:0;padding:8px 20px;background:transparent;text-align:center}.footer-content{max-width:600px;margin:0 auto}.footer-links{margin-bottom:8px}.footer-links a{color:#666;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:#007bff}.separator{margin:0 10px;color:#666}.footer-copyright{color:#666;font-size:12px}*,*:before,*:after{box-sizing:border-box}.dashboard-container{max-width:1400px;margin:0 auto;padding:1rem;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);min-height:100vh;border-radius:0}@media (min-width: 768px){.dashboard-container{padding:2rem 1rem;border-radius:20px;margin-top:1rem;margin-bottom:1rem}}.onboarding-flow{max-width:1200px;margin:0 auto;padding:1rem;width:100%;box-sizing:border-box}@media (min-width: 768px){.onboarding-flow{padding:2rem}}.welcome-header{text-align:center!important;margin-bottom:2rem;padding:1rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 768px){.welcome-header{margin-bottom:3rem;padding:2rem 0}}.welcome-icon{font-size:3rem;margin-bottom:1rem;text-align:center!important}@media (min-width: 768px){.welcome-icon{font-size:4rem}}.welcome-header h1{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center!important;width:100%;line-height:1.2}@media (min-width: 768px){.welcome-header h1{font-size:3rem}}.welcome-header p{font-size:1.2rem;color:#ffffffe6;max-width:600px;margin:0 auto;text-align:center!important;width:100%}.welcome-subtitle{font-size:1.5rem!important;font-weight:600!important;color:#1a202c!important;margin-top:2rem!important}.feature-selection-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin:3rem 0;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}@media (min-width: 992px){.feature-selection-grid{grid-template-columns:repeat(3,1fr)}}.feature-selection-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 8px 24px #0000001f;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;border:2px solid transparent;position:relative;overflow:hidden}.feature-selection-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.feature-selection-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000029;border-color:#667eea}.feature-selection-card:hover:before{opacity:1}.feature-selection-card.ai-employees .feature-card-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.feature-selection-card.ab-testing .feature-card-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.feature-selection-card.email-campaigns .feature-card-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.feature-card-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;font-size:2.5rem}.feature-selection-card h3{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.feature-selection-card>p{font-size:1rem;color:#4a5568;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.feature-highlights{list-style:none;padding:0;margin:0 0 2rem;text-align:left;width:100%}.feature-highlights li{font-size:.95rem;color:#4a5568;padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-highlights li:before{content:"✓";position:absolute;left:0;color:#48bb78;font-weight:700;font-size:1.1rem}.feature-action-btn{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.feature-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99;background:linear-gradient(135deg,#764ba2,#667eea)}.feature-action-btn:active{transform:translateY(0)}.onboarding-divider{text-align:center;margin:4rem 0 2rem;padding-top:3rem;border-top:2px solid rgba(0,0,0,.1)}.onboarding-divider h2{font-size:2rem;font-weight:700;color:#1a202c;margin:0}.onboarding-steps{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:3rem 0;width:100%}.dashboard-container .onboarding-flow .onboarding-steps .step-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;display:flex;align-items:flex-start;gap:1.5rem;width:100%!important;max-width:800px!important;min-width:600px!important;margin:0 auto!important;box-sizing:border-box!important}.step-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.dashboard-container .onboarding-flow .onboarding-steps .step-card.active{border:2px solid #667eea;box-shadow:0 8px 30px #667eea33}.step-number{width:50px;height:50px;background:linear-gradient(to right,#4a5568,#2d3748);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 12px #4a55684d}.step-content{flex:1;min-width:0}.step-content h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:#2d3748}.step-content p{margin:0 0 1.5rem;color:#64748b;font-size:1rem;line-height:1.6}.code-container{background:#1a202c;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;width:100%;margin-top:1rem}.code-header{background:#2d3748;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4a5568}.code-title{color:#e2e8f0;font-weight:600;font-size:.9rem}.copy-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}.code-block{padding:1.5rem;overflow-x:auto}.code-block code{color:#68d391;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-all}.step-features{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:.5rem;background:#667eea1a;padding:.75rem 1rem;border-radius:8px;font-weight:500;color:#4a5568;flex:1;min-width:150px}.feature-icon{font-size:1.2rem}.ai-visualization{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem;width:100%}.dashboard-bubbles-container{position:relative;width:200px;height:200px;margin:0 auto}.analysis-items{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%}.analysis-item{background:#667eea1a;color:#667eea;padding:.75rem 1rem;border-radius:20px;font-weight:500;font-size:.9rem;border:1px solid rgba(102,126,234,.2)}.dashboard-main{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.dashboard-header h1{font-size:3rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.dashboard-header p{font-size:1.2rem;color:#ffffffe6;margin:0}.recommendations-section{margin-bottom:3rem}.section-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;margin-bottom:2rem;text-align:center}.section-header h2{font-size:1.8rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.recommendation-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;display:flex!important;flex-direction:column!important}.recommendation-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.rec-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.rec-icon-wrapper{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.rec-info h4{font-size:1.2rem;font-weight:700;color:#2d3748;margin:0 0 .25rem}.rec-type{background:#f7fafc;color:#4a5568;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rec-content{margin-bottom:1.5rem;flex:1!important}.rec-suggestion,.rec-reasoning{margin-bottom:1rem}.rec-suggestion h5,.rec-reasoning h5{font-size:.9rem!important;font-weight:700!important;color:#2d3748!important;margin-bottom:.5rem!important;text-transform:uppercase!important;letter-spacing:.5px!important}.rec-suggestion p,.rec-reasoning p{color:#4a5568!important;margin:0!important;line-height:1.5!important;font-weight:400!important}.rec-suggestion,.rec-reasoning{margin-bottom:1.5rem!important;padding-bottom:.5rem!important;border-bottom:1px solid #f7fafc!important}.rec-reasoning{border-bottom:none!important}.rec-actions{display:flex;justify-content:center;margin-top:auto!important}.review-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:.75rem 2rem;border-radius:12px;font-weight:600;transition:all .3s ease}.review-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.section-footer{text-align:center}.view-all-btn{background:#fff;border:2px solid #e2e8f0;color:#4a5568;padding:.75rem 2rem;border-radius:12px;font-weight:600;transition:all .3s ease}.view-all-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.performance-section{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:3rem}.leaderboard-container,.activity-container{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 6px #0000000d}.time-selector{display:flex;gap:.5rem;background:#f7fafc;padding:.5rem;border-radius:12px}.time-btn{background:transparent;border:none;color:#4a5568;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .2s}.time-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.time-btn:hover:not(.active){background:#edf2f7}.leaderboard-content{margin-top:1.5rem;position:relative;overflow:hidden;height:400px}.leaderboard-wrapper{position:relative;width:100%;height:100%}.leaderboard-slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s ease-in-out}.leaderboard-slide.active{transform:translate(0)}.leaderboard-slide.slide-in-right{transform:translate(100%);animation:slideInRight .5s ease-in-out forwards}.leaderboard-slide.slide-in-left{transform:translate(-100%);animation:slideInLeft .5s ease-in-out forwards}.leaderboard-slide.slide-out-right{transform:translate(0);animation:slideOutRight .5s ease-in-out forwards}.leaderboard-slide.slide-out-left{transform:translate(0);animation:slideOutLeft .5s ease-in-out forwards}@keyframes slideInRight{to{transform:translate(0)}}@keyframes slideInLeft{to{transform:translate(0)}}@keyframes slideOutRight{to{transform:translate(-100%)}}@keyframes slideOutLeft{to{transform:translate(100%)}}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.leaderboard-empty .empty-icon{font-size:3rem;margin-bottom:1rem}.leaderboard-empty h4{font-size:1.3rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.leaderboard-empty p{color:#718096;margin:0}.modern-leaderboard h3{font-size:1.4rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem;text-align:center}.leaderboard-table{display:grid;gap:.5rem}.table-header{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:1rem;padding:1rem;background:#f7fafc;border-radius:12px;font-weight:600;color:#4a5568;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table-body{display:grid;gap:.5rem}.table-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:1rem;padding:1rem;background:#f7fafc;border-radius:12px;align-items:center;transition:all .2s}.table-row:hover{background:#edf2f7}.test-name{font-weight:600;color:#2d3748;font-size:.9rem}.control-badge{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-align:center}.variant-text{color:#4a5568;font-size:.9rem;font-weight:500}.metric-value{font-weight:600;color:#2d3748}.gain-value{font-weight:700;font-size:.9rem}.gain-value.positive{color:#38a169}.gain-value.negative{color:#e53e3e}.gain-value.neutral{color:#718096}.activity-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.empty-activity{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center}.empty-activity .empty-icon{font-size:2.5rem;margin-bottom:1rem}.empty-activity p{color:#718096;margin:0}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f7fafc;border-radius:12px;transition:all .2s}.activity-item:hover{background:#edf2f7}.activity-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.activity-content{flex:1}.activity-content h4{font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 .25rem}.activity-content p{color:#4a5568;margin:0;font-size:.9rem;line-height:1.4}.activity-action{background:#fff;border:1px solid #e2e8f0;color:#4a5568;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.85rem;transition:all .2s}.activity-action:hover{background:#f7fafc;border-color:#cbd5e0}.activity-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.view-all-activity{width:100%;background:#fff;border:2px solid #e2e8f0;color:#4a5568;padding:.75rem;border-radius:12px;font-weight:600;transition:all .2s}.view-all-activity:hover{background:#f7fafc;border-color:#cbd5e0}@media (max-width: 1200px){.performance-section{grid-template-columns:1fr;gap:1.5rem}}.dashboard-bubbles-container{position:relative;width:300px;height:300px;margin:0 auto;display:flex;justify-content:center;align-items:center}.dashboard-background-logo{position:absolute;width:300px;opacity:1;bottom:0;left:50%;transform:translate(-50%);z-index:1}.dashboard-bubbles-svg{position:absolute;z-index:2;width:100%;height:100%;transform:scale(.33);bottom:90px}.bubble{fill:#b3cfd499;transform-origin:250px 250px}.bubble:nth-child(2){fill:#ff980099;animation:orbit 8s linear infinite}.bubble:nth-child(3){fill:#36a2eb99;animation:orbit 8s linear infinite;animation-delay:-2.6s}.bubble:nth-child(4){fill:#4bc0c099;animation:orbit 8s linear infinite;animation-delay:-5.3s}@keyframes orbit{0%{transform:rotate(0) translate(100px) rotate(0) scale(.53)}to{transform:rotate(360deg) translate(100px) rotate(-360deg) scale(.53)}}.background-bubble{fill:#f0f0f0;opacity:.5;animation:pulse 3s ease-in-out infinite;transform-origin:center;z-index:1}@keyframes pulse{0%{transform:scale(1.09)}50%{transform:scale(1.21)}to{transform:scale(1.09)}}.bubble{z-index:3;position:relative}.onboarding-flow .step-card,.onboarding-flow .step-card *{box-sizing:border-box}.onboarding-steps>.step-card{flex:0 0 auto;align-self:center}.dashboard-metrics-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:120px!important;gap:1.5rem!important;margin-bottom:2rem!important;width:100%!important;align-items:center!important;align-content:center!important}.dashboard-metric-card{background:#fffffff2!important;border-radius:16px!important;padding:1.5rem!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;cursor:pointer!important;transition:all .3s ease!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 4px 20px #00000014!important;height:120px!important;min-height:120px!important;max-height:120px!important;box-sizing:border-box!important;overflow:hidden!important;width:100%!important;gap:1rem!important}.dashboard-metric-icon{font-size:2rem!important;line-height:1!important;width:60px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:#0000000d!important;flex-shrink:0!important}.dashboard-metric-content{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;flex:1!important;height:60px!important;min-width:0!important;overflow:hidden!important}.dashboard-metric-value{font-size:2rem!important;font-weight:700!important;line-height:1!important;margin:0 0 .25rem!important;color:#1a202c!important;display:block!important}.dashboard-metric-label{font-size:.875rem!important;color:#718096!important;font-weight:500!important;line-height:1.2!important;white-space:nowrap!important;margin:0!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}.dashboard-metric-action{font-size:1.5rem!important;color:#718096!important;transition:transform .2s ease!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.dashboard-metric-card:hover .dashboard-metric-action{transform:translate(4px);color:#4a5568}.dashboard-metric-card.ideas .dashboard-metric-icon{background:#ffc1071a!important;color:#ff6b35!important}.dashboard-metric-card.active .dashboard-metric-icon{background:#28a7451a!important;color:#28a745!important}.dashboard-metric-card.complete .dashboard-metric-icon{background:#17a2b81a!important;color:#17a2b8!important}.dashboard-metric-card.features .dashboard-metric-icon{background:#667eea1a!important;color:#667eea!important}@media (max-width: 768px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,100px)!important;gap:1rem!important}.dashboard-metric-card{grid-template-columns:50px 1fr 20px!important;height:100px!important;min-height:100px!important;max-height:100px!important;padding:1rem!important;gap:.75rem!important}.dashboard-metric-icon{width:50px!important;height:50px!important;font-size:1.5rem!important}.dashboard-metric-value{font-size:1.5rem!important}.dashboard-metric-action{width:20px!important;height:20px!important;font-size:1.25rem!important}}@media (max-width: 480px){.dashboard-metrics-grid{grid-template-columns:1fr!important;grid-template-rows:repeat(4,80px)!important;gap:.75rem!important}.dashboard-metric-card{height:80px!important;min-height:80px!important;max-height:80px!important;gap:.5rem!important}.dashboard-metric-value{font-size:1.25rem!important}}.dashboard-container .dashboard-metrics-grid .dashboard-metric-card{margin-top:0!important;margin-bottom:0!important}@media (max-width: 768px){.dashboard-container .onboarding-flow .onboarding-steps .step-card{min-width:unset!important;max-width:unset!important;width:100%!important;padding:1.5rem!important;gap:1rem!important;flex-direction:column!important;align-items:stretch!important}.step-number{width:40px!important;height:40px!important;font-size:1rem!important;align-self:center!important;margin-bottom:.5rem!important}.step-content{width:100%!important;text-align:center!important}.step-content h3{font-size:1.25rem!important;margin-bottom:.5rem!important}.step-content p{font-size:.95rem!important;line-height:1.5!important;margin-bottom:1rem!important}.code-container{margin-top:1rem!important;border-radius:8px!important}.code-header{padding:.75rem 1rem!important;flex-direction:column!important;gap:.5rem!important;align-items:stretch!important}.code-title{font-size:.8rem!important;text-align:center!important}.copy-btn{width:100%!important;padding:.75rem!important;font-size:.9rem!important;justify-content:center!important}.code-block{padding:1rem!important;font-size:.8rem!important;overflow-x:auto!important}.code-block code{font-size:.75rem!important;line-height:1.4!important;word-break:break-all!important}.step-features{flex-direction:column!important;gap:.75rem!important}.feature-item{min-width:unset!important;flex:none!important;padding:.5rem .75rem!important;font-size:.9rem!important;text-align:center!important}.feature-icon{font-size:1rem!important}.ai-visualization{gap:1rem!important;margin-top:1rem!important}.dashboard-bubbles-container{width:150px!important;height:150px!important}.analysis-items{flex-direction:column!important;gap:.5rem!important}.analysis-item{padding:.5rem .75rem!important;font-size:.8rem!important;text-align:center!important}}@media (max-width: 480px){.dashboard-container .onboarding-flow .onboarding-steps .step-card{padding:1rem!important;border-radius:12px!important}.step-content h3{font-size:1.125rem!important}.step-content p{font-size:.9rem!important}.code-header{padding:.5rem .75rem!important}.code-block{padding:.75rem!important}.code-block code{font-size:.7rem!important}.copy-btn{padding:.5rem!important;font-size:.85rem!important}.dashboard-bubbles-container{width:120px!important;height:120px!important}}.onboarding-footer{margin-top:2rem!important;padding:0 1rem!important;display:flex!important;justify-content:center!important;width:100%!important}.help-card{background:#fffffff2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:16px!important;padding:2rem!important;text-align:center!important;box-shadow:0 4px 20px #00000014!important;border:1px solid rgba(255,255,255,.2)!important;width:100%!important;max-width:400px!important}.help-card h4{font-size:1.25rem!important;font-weight:700!important;color:#2d3748!important;margin:0 0 .5rem!important}.help-card p{color:#4a5568!important;font-size:1rem!important;line-height:1.5!important;margin:0 0 1.5rem!important}@media (max-width: 768px){.onboarding-footer{margin-top:1.5rem!important;padding:0!important}.help-card{padding:1.5rem!important;border-radius:12px!important;max-width:100%!important}.help-card h4{font-size:1.125rem!important}.help-card p{font-size:.95rem!important}}@media (max-width: 480px){.help-card{padding:1rem!important}.help-card h4{font-size:1rem!important}.help-card p{font-size:.9rem!important}}.feature{margin-top:20px}.feature h2,.feature .variable{margin-bottom:20px}.feature .variable .form-group{margin-bottom:10px}.feature-section{margin-bottom:20px}.variables-section{background-color:#f8f9fa;padding:15px;border-radius:5px;margin-bottom:10px;border:1px solid #dee2e6}.feature-details-section{background-color:#fff;padding:15px;border-radius:5px;margin-bottom:10px;border:1px solid #dee2e6}.page-container{display:flex}.navigation-bar{width:200px;background:#f8f9fa;padding:1rem;border-bottom:1px solid #dee2e6;margin-bottom:2rem}.navigation-bar ul{display:flex;gap:2rem;margin:0;padding:0;list-style:none}.navigation-bar li{margin-bottom:10px}.navigation-bar a{text-decoration:none;color:#007bff;font-weight:700}.navigation-bar a:hover{text-decoration:underline}.content{flex-grow:1;padding:20px}.delete-feature-section{background-color:#fff3f3;padding:15px;border-radius:5px;border:1px solid #f5c6cb;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.delete-feature-section h4{margin:0;color:#721c24}.delete-feature-section p{margin:0;color:#721c24;flex-grow:1}.delete-button{margin-left:20px}.feature-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;border-radius:20px;margin-top:1rem;margin-bottom:1rem}.header-content h1{font-size:3rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content p{font-size:1.2rem;color:#ffffffe6;margin:0}.nav-pills{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.nav-pill{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.2)}.nav-pill:hover,.nav-pill.active{background:#fff3;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.pill-icon{font-size:1rem}.feature-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.form-section:hover{box-shadow:0 8px 25px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f7fafc}.section-title h2{font-size:1.8rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.section-title p{color:#718096;margin:0;font-size:1rem}.add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.variables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.variable-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;padding:1.5rem;border:2px solid #e2e8f0;transition:all .3s ease}.variable-card:hover{border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.variable-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.variable-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.variable-title{font-weight:600;color:#2d3748;flex:1}.remove-btn{width:30px;height:30px;border-radius:50%;background:#fed7d7;color:#c53030;border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;transition:all .2s}.remove-btn:hover{background:#feb2b2;transform:scale(1.1)}.variable-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-group.full-width{grid-column:1 / -1}.field-group label{font-weight:600;color:#4a5568;font-size:.9rem;margin-bottom:.25rem}.field-group .form-control,.field-group .form-select{border:2px solid #e2e8f0;border-radius:8px;padding:.75rem;font-size:.95rem;transition:all .2s;background:#fff}.field-group .form-control:focus,.field-group .form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.field-hint{font-size:.8rem;color:#718096;margin-top:.25rem}.feature-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;padding:2rem;border:2px solid #e2e8f0}.feature-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.status-toggle{display:flex;align-items:center;gap:1rem}.status-label{font-weight:600;color:#4a5568}.toggle-buttons{display:flex;gap:.5rem}.status-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;transition:all .2s;border:2px solid #e2e8f0;background:#fff;color:#4a5568}.status-btn.active{transform:scale(1.05)}.status-btn:hover{transform:translateY(-1px)}.status-icon{font-size:.9rem}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;border:2px dashed #cbd5e0}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.empty-state p{color:#718096;margin-bottom:1.5rem;font-size:1.1rem}.form-actions{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;text-align:center}.action-buttons{display:flex;justify-content:center;gap:1rem}.cancel-btn,.save-btn{padding:.75rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.cancel-btn{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.cancel-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #48bb784d}.danger-zone{background:#fff;border-radius:20px;overflow:hidden;border:2px solid #fed7d7}.danger-card{background:linear-gradient(135deg,#fed7d7,#feb2b2)}.danger-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;background:#fed7d7;border-bottom:1px solid #fc8181}.danger-icon{width:50px;height:50px;background:#c53030;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.danger-header h3{font-size:1.3rem;font-weight:700;color:#742a2a;margin:0}.danger-header p{color:#9c4221;margin:0;font-size:.9rem}.danger-content{padding:1.5rem;background:#fff;display:flex;justify-content:space-between;align-items:center}.danger-text h4{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0 0 .5rem}.danger-text p{color:#718096;margin:0;line-height:1.5}.delete-btn{background:linear-gradient(135deg,#e53e3e,#c53030);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e53e3e4d}@media (max-width: 768px){.feature-container{padding:1rem;margin-top:.5rem;margin-bottom:.5rem;border-radius:16px}.header-content h1{font-size:2rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.variables-grid,.variable-fields,.feature-fields{grid-template-columns:1fr}.action-buttons{flex-direction:column}.danger-content{flex-direction:column;gap:1rem;align-items:stretch}.nav-pills{flex-direction:column;align-items:center}.status-toggle{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.form-section,.variable-card,.feature-card{padding:1rem}}.custom-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.variable-card,.feature-card{animation:slideIn .3s ease-out}.loading{opacity:.6;pointer-events:none}.loading *{cursor:wait!important}.nav-pill:focus,.add-btn:focus,.remove-btn:focus,.status-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.variable-card,.feature-card,.form-control,.form-select{border-width:3px}}.features{margin-top:20px}.features h2{margin-bottom:20px}.features .table{margin-top:20px;border:2px solid black}.features-page-centered{max-width:900px;margin:0 auto;padding:2rem 1rem;width:100%;box-sizing:border-box;background:#fff;border-radius:8px}.featuresTable{width:100%;margin-top:1.5rem;border:2px solid black}.featuresTable ul{list-style:none;padding:0;margin:0;width:100%}.featuresTable li{margin-bottom:4px;width:100%}.pill{display:block;text-align:center;padding:4px 8px;border-radius:4px;width:100%}.pill-active{background-color:#28a745;color:#fff}.pill-inactive{background-color:#dc3545;color:#fff}.features-container{max-width:1400px;margin:0 auto;padding:2rem 1rem;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);min-height:100vh;border-radius:20px;margin-top:1rem;margin-bottom:1rem}.add-feature-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;color:#fff;padding:.75rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #48bb784d}.add-feature-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #48bb7866}.stat-icon{width:80px;height:80px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0}.features-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 4px 6px #0000000d}.empty-cta-btn{background:linear-gradient(to right,#4a5568,#2d3748);border:none;color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:1.1rem}.empty-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.feature-card{background:#fff;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a;border-color:#cbd5e0}.feature-header{padding:1.5rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start}.feature-title h3{font-size:1.3rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.feature-key-badge{background:linear-gradient(to right,#4a5568,#2d3748);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feature-actions{display:flex;gap:.5rem}.action-btn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s;border:2px solid #e2e8f0;background:#fff;color:#4a5568}.edit-btn:hover{background:#4299e1;color:#fff;border-color:#4299e1;transform:scale(1.1)}.report-btn:hover{background:#9f7aea;color:#fff;border-color:#9f7aea;transform:scale(1.1)}.feature-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.feature-names h4,.feature-environments h4{font-size:.9rem;font-weight:600;color:#4a5568;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.names-list{display:flex;flex-direction:column;gap:.5rem}.name-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f7fafc;border-radius:8px}.name-text{font-weight:500;color:#2d3748}.name-env{background:#e2e8f0;color:#4a5568;padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600}.env-pills{display:flex;flex-wrap:wrap;gap:.5rem}.env-pill{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;transition:all .2s}.env-pill.active{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);color:#22543d;border:2px solid #68d391}.env-pill.inactive{background:linear-gradient(135deg,#fed7d7,#feb2b2);color:#742a2a;border:2px solid #fc8181}.env-status{font-size:.8rem}.feature-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feature-footer{padding:1rem 1.5rem;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.feature-stats{display:flex;gap:.5rem}.stat-chip{background:#fff;color:#4a5568;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid #e2e8f0}.quick-actions{display:flex;gap:.5rem}.quick-edit-btn{background:#fff;border:2px solid #e2e8f0;color:#4a5568;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;transition:all .2s}.quick-edit-btn:hover{background:#667eea;color:#fff;border-color:#667eea}@media (max-width: 1200px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.btn-outline{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.btn-ghost{background:transparent;border:1px solid #e2e8f0;color:#4a5568}.btn-ghost:hover{background:#f7fafc;border-color:#cbd5e0}@media (max-width: 768px){.features{margin-top:0!important;padding:1rem!important}.features h2{font-size:1.75rem!important;line-height:1.2!important;margin-bottom:1.5rem!important;text-align:center!important;color:#1a202c!important}.features-page-centered{max-width:100%!important;margin:0!important;padding:1rem!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}.features .table,.featuresTable{width:100%!important;margin-top:1rem!important;border:1px solid #e2e8f0!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 2px 8px #0000001a!important}.features-table-container{overflow-x:auto!important;margin:0 -1rem!important;padding:0 1rem!important}.features .table{min-width:600px!important;font-size:.9rem!important}.features .table th,.features .table td{padding:.75rem .5rem!important;vertical-align:middle!important;border-bottom:1px solid #f1f5f9!important;white-space:nowrap!important}.features .table thead th{background-color:#f8fafc!important;font-weight:600!important;color:#4a5568!important;border-bottom:2px solid #e2e8f0!important;position:sticky!important;top:0!important;z-index:10!important}.features .table tbody tr:hover{background-color:#f8fafc!important}.featuresTable ul{margin:0!important;padding:0!important;width:100%!important}.featuresTable li{margin-bottom:.5rem!important;width:100%!important}.pill{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:.5rem .75rem!important;border-radius:6px!important;width:100%!important;font-size:.85rem!important;font-weight:500!important;min-height:36px!important;box-sizing:border-box!important;transition:all .2s ease!important}.pill-active{background-color:#48bb78!important;color:#fff!important;border:1px solid #38a169!important}.pill-inactive{background-color:#f56565!important;color:#fff!important;border:1px solid #e53e3e!important}.pill-partial{background-color:#ed8936!important;color:#fff!important;border:1px solid #dd6b20!important}.pill-premium{background-color:#9f7aea!important;color:#fff!important;border:1px solid #805ad5!important}.feature-comparison{display:flex!important;flex-direction:column!important;gap:1rem!important;margin-top:1.5rem!important}.feature-plan{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:1rem!important;box-shadow:0 2px 4px #0000000d!important}.feature-plan h3{font-size:1.25rem!important;margin-bottom:.75rem!important;color:#1a202c!important;text-align:center!important;font-weight:600!important}.feature-plan .plan-price{font-size:1.5rem!important;font-weight:700!important;color:#667eea!important;text-align:center!important;margin-bottom:1rem!important}.feature-plan .feature-list{list-style:none!important;padding:0!important;margin:0!important}.feature-plan .feature-list li{padding:.5rem 0!important;border-bottom:1px solid #f1f5f9!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.feature-plan .feature-list li:last-child{border-bottom:none!important}.feature-plan .feature-name{font-weight:500!important;color:#4a5568!important;flex:1!important}.feature-plan .feature-status{flex-shrink:0!important;margin-left:.5rem!important}.features-grid{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;margin-top:1.5rem!important}.feature-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:1rem!important;box-shadow:0 2px 4px #0000000d!important;transition:all .2s ease!important}.feature-card:hover{box-shadow:0 4px 12px #0000001a!important;transform:translateY(-2px)!important}.feature-card h4{font-size:1.125rem!important;margin-bottom:.5rem!important;color:#1a202c!important;font-weight:600!important}.feature-card p{font-size:.9rem!important;color:#718096!important;line-height:1.5!important;margin:0 0 .75rem!important}.feature-card .feature-status{display:inline-block!important}.features-filter{display:flex!important;flex-direction:column!important;gap:.75rem!important;margin-bottom:1.5rem!important;padding:1rem!important;background:#f8fafc!important;border-radius:8px!important;border:1px solid #e2e8f0!important}.features-search{width:100%!important;padding:.75rem!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:1rem!important;background:#fff!important;color:#1a202c!important}.features-search:focus{outline:none!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.features-category-filter{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.category-button{padding:.5rem .75rem!important;border:1px solid #e2e8f0!important;border-radius:6px!important;background:#fff!important;color:#4a5568!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.category-button:hover,.category-button.active{background:#667eea!important;color:#fff!important;border-color:#667eea!important}.features-legend{display:flex!important;flex-wrap:wrap!important;gap:.75rem!important;margin-bottom:1.5rem!important;padding:1rem!important;background:#f8fafc!important;border-radius:8px!important;border:1px solid #e2e8f0!important}.legend-item{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.85rem!important;color:#4a5568!important}.legend-item .pill{width:auto!important;min-width:60px!important;padding:.25rem .5rem!important;font-size:.75rem!important;min-height:24px!important}.features-cta{text-align:center!important;margin-top:2rem!important;padding:1.5rem 1rem!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:8px!important;color:#fff!important}.features-cta h3{font-size:1.25rem!important;margin-bottom:.75rem!important;font-weight:600!important}.features-cta p{font-size:.95rem!important;margin-bottom:1rem!important;opacity:.9!important;line-height:1.5!important}.features-cta .btn{background:#fff!important;color:#667eea!important;border:none!important;padding:.75rem 1.5rem!important;border-radius:6px!important;font-weight:600!important;font-size:1rem!important;min-height:48px!important;transition:all .2s ease!important}.features-cta .btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0003!important}}@media (max-width: 480px){.features{padding:.5rem!important}.features h2{font-size:1.5rem!important}.features-page-centered{padding:.75rem!important}.features .table{font-size:.8rem!important}.features .table th,.features .table td{padding:.5rem .25rem!important}.pill{padding:.4rem .6rem!important;font-size:.8rem!important;min-height:32px!important}.feature-plan{padding:.75rem!important}.feature-plan h3{font-size:1.125rem!important}.feature-plan .plan-price{font-size:1.25rem!important}.features-filter{padding:.75rem!important}.features-search{padding:.6rem!important}.category-button{padding:.4rem .6rem!important;font-size:.8rem!important}.features-cta{padding:1rem .75rem!important}.features-cta h3{font-size:1.125rem!important}}@media (max-width: 768px) and (orientation: landscape){.features-grid{grid-template-columns:repeat(2,1fr)!important}.feature-comparison{flex-direction:row!important;overflow-x:auto!important}.feature-plan{min-width:250px!important;flex-shrink:0!important}}@media (hover: none) and (pointer: coarse){.feature-card:hover,.features-cta .btn:hover{transform:none!important}.category-button:hover{background:#fff!important;color:#4a5568!important;border-color:#e2e8f0!important}.category-button.active:hover{background:#667eea!important;color:#fff!important;border-color:#667eea!important}.category-button{min-height:44px!important;padding:.6rem .9rem!important}.features-cta .btn{min-height:52px!important}}@media (max-width: 768px){.features-search:focus,.category-button:focus,.features-cta .btn:focus{outline:2px solid rgba(102,126,234,.6)!important;outline-offset:2px!important}.pill{position:relative!important}.pill:after{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;border-radius:inherit!important;pointer-events:none!important}.pill-active:after{box-shadow:inset 0 0 0 1px #fff3!important}.text-muted{color:#4a5568!important}.pill-active:before{content:"Available: "!important;position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.pill-inactive:before{content:"Not Available: "!important;position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.features .table,.feature-card,.features-filter,.features-legend,.pill{border-width:.5px!important}}@media (prefers-reduced-motion: reduce){.feature-card,.features-cta .btn,.pill,.category-button{transition:none!important}.feature-card:hover,.features-cta .btn:hover{transform:none!important}}:root{--tests-primary: #667eea;--tests-primary-dark: #5a67d8;--tests-secondary: #764ba2;--tests-success: #48bb78;--tests-warning: #ed8936;--tests-danger: #f56565;--tests-surface: #ffffff;--tests-surface-secondary: #f8fafc;--tests-surface-tertiary: #edf2f7;--tests-text-primary: #1a202c;--tests-text-secondary: #4a5568;--tests-text-muted: #718096;--tests-border: #e2e8f0;--tests-border-light: #f1f5f9;--tests-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--tests-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--tests-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--tests-radius-sm: 8px;--tests-radius-md: 12px;--tests-radius-lg: 16px;--tests-spacing-xs: .5rem;--tests-spacing-sm: .75rem;--tests-spacing-md: 1rem;--tests-spacing-lg: 1.5rem;--tests-spacing-xl: 2rem}.tests-container{min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);padding:1rem;position:relative}@media (min-width: 768px){.tests-container{padding:var(--tests-spacing-xl)}}.tests-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.tests-page-header{text-align:center;margin-bottom:var(--tests-spacing-xl);position:relative;z-index:1}.tests-header-content h1{font-size:3rem;font-weight:800;color:#1a202c;margin:0 0 var(--tests-spacing-sm) 0;text-shadow:0 4px 12px rgba(0,0,0,.15);letter-spacing:-.02em}.tests-header-subtitle{font-size:1.25rem;color:#4a5568;margin:0;line-height:1.6}.tests-filters-container{background:var(--tests-surface);border-radius:var(--tests-radius-lg);box-shadow:var(--tests-shadow-lg);margin-bottom:var(--tests-spacing-xl);overflow:visible!important;position:relative;z-index:50!important}.tests-filters-header{padding:var(--tests-spacing-lg) var(--tests-spacing-xl);background:linear-gradient(135deg,var(--tests-surface) 0%,var(--tests-surface-secondary) 100%);border-bottom:1px solid var(--tests-border-light);display:flex;justify-content:space-between;align-items:center}.tests-filters-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--tests-text-primary);display:flex;align-items:center;gap:var(--tests-spacing-sm)}.tests-filters-header h3:before{content:"🔍";font-size:1rem}.tests-clear-filters-btn{background:none;border:2px solid var(--tests-border);color:var(--tests-text-secondary);padding:var(--tests-spacing-xs) var(--tests-spacing-md);border-radius:var(--tests-radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.tests-clear-filters-btn:hover{border-color:var(--tests-primary);color:var(--tests-primary);background:#667eea0d}.tests-filters-grid{padding:var(--tests-spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--tests-spacing-lg);overflow:visible!important}.tests-filter-group{display:flex;flex-direction:column;gap:var(--tests-spacing-xs)}.tests-filter-group.tests-filter-group-wide{grid-column:span 2;overflow:visible!important;position:relative!important;z-index:100!important;height:auto!important}.tests-filter-group label{font-weight:600;color:var(--tests-text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.tests-modern-select{padding:var(--tests-spacing-sm) var(--tests-spacing-md);border:2px solid var(--tests-border);border-radius:var(--tests-radius-sm);font-size:.95rem;font-weight:500;color:var(--tests-text-primary);background:var(--tests-surface);transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 16px;padding-right:2.5rem}.tests-modern-select:focus{outline:none;border-color:var(--tests-primary);box-shadow:0 0 0 3px #667eea1a}.tests-modern-react-select .react-select__control{border:2px solid var(--tests-border);border-radius:var(--tests-radius-sm);min-height:40px;box-shadow:none;transition:all .2s ease;position:relative!important;z-index:1!important}.tests-modern-react-select .react-select__control:hover{border-color:var(--tests-border)}.tests-modern-react-select .react-select__control--is-focused{border-color:var(--tests-primary);box-shadow:0 0 0 3px #667eea1a}.tests-modern-react-select .react-select__menu{position:absolute!important;z-index:99999!important;top:100%!important;left:0!important;right:0!important;margin-top:2px!important;border:2px solid var(--tests-border)!important;border-radius:var(--tests-radius-sm)!important;box-shadow:var(--tests-shadow-lg)!important;background:var(--tests-surface)!important;max-height:200px!important;overflow-y:auto!important}.tests-modern-react-select .react-select__menu-portal{position:relative!important}.tests-empty-state{background:var(--tests-surface);border-radius:var(--tests-radius-lg);box-shadow:var(--tests-shadow-lg);padding:var(--tests-spacing-xl);text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto}.tests-empty-state-icon{font-size:4rem;margin-bottom:var(--tests-spacing-lg)}.tests-empty-state h3{font-size:2rem;font-weight:700;color:var(--tests-text-primary);margin:0 0 var(--tests-spacing-xl) 0}.tests-empty-state-steps{display:flex;flex-direction:column;gap:var(--tests-spacing-lg);text-align:left}.tests-empty-step{display:flex;gap:var(--tests-spacing-lg);align-items:flex-start}.tests-step-number{width:40px;height:40px;background:linear-gradient(135deg,var(--tests-primary) 0%,var(--tests-secondary) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.tests-step-content h4{margin:0 0 var(--tests-spacing-xs) 0;font-size:1.1rem;font-weight:600;color:var(--tests-text-primary)}.tests-step-content p{margin:0;color:var(--tests-text-secondary);line-height:1.5}.tests-recommendations-list{display:flex;flex-direction:column;gap:var(--tests-spacing-lg);position:relative;z-index:1!important;margin-top:var(--tests-spacing-xl)!important}.tests-recommendation-card{background:var(--tests-surface);border-radius:var(--tests-radius-lg);box-shadow:var(--tests-shadow-md);overflow:hidden;transition:all .3s ease;border:1px solid var(--tests-border-light);position:relative;z-index:1!important}.tests-recommendation-card:hover{transform:translateY(-2px);box-shadow:var(--tests-shadow-lg)}.tests-recommendation-card.tests-expanded{box-shadow:var(--tests-shadow-lg)}.tests-recommendation-header{padding:var(--tests-spacing-lg) var(--tests-spacing-xl);background:linear-gradient(135deg,var(--tests-surface) 0%,var(--tests-surface-secondary) 100%);border-bottom:1px solid var(--tests-border-light);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.tests-recommendation-header:hover{background:var(--tests-surface-secondary)}.tests-header-left{display:flex;align-items:center;gap:var(--tests-spacing-md);flex:1}.tests-expand-icon{color:var(--tests-text-muted);font-size:1rem;transition:transform .2s ease}.tests-recommendation-card.tests-expanded .tests-expand-icon{transform:rotate(0)}.tests-test-info h3{margin:0 0 var(--tests-spacing-xs) 0;font-size:1.25rem;font-weight:700;color:var(--tests-text-primary)}.tests-test-meta{display:flex;gap:var(--tests-spacing-md);align-items:center;flex-wrap:wrap}.tests-element-type{display:flex;align-items:center;gap:var(--tests-spacing-xs);background:#667eea1a;color:var(--tests-primary);padding:var(--tests-spacing-xs) var(--tests-spacing-sm);border-radius:var(--tests-radius-sm);font-size:.8rem;font-weight:600}.tests-recommendation-type{background:#764ba21a;color:var(--tests-secondary);padding:var(--tests-spacing-xs) var(--tests-spacing-sm);border-radius:var(--tests-radius-sm);font-size:.8rem;font-weight:600}.tests-page-link{color:var(--tests-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s ease}.tests-page-link:hover{color:var(--tests-primary);text-decoration:underline}.tests-header-right{display:flex;align-items:center;gap:var(--tests-spacing-md)}.tests-details-btn{background:var(--tests-surface);border:2px solid var(--tests-border);color:var(--tests-text-secondary);padding:var(--tests-spacing-xs) var(--tests-spacing-md);border-radius:var(--tests-radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center}.tests-details-btn:hover{border-color:var(--tests-primary);color:var(--tests-primary);background:#667eea0d;text-decoration:none}.tests-recommendation-count{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--tests-primary) 0%,var(--tests-secondary) 100%);color:#fff;padding:var(--tests-spacing-sm);border-radius:var(--tests-radius-sm);min-width:60px}.tests-count-number{font-size:1.5rem;font-weight:700;line-height:1}.tests-count-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.tests-recommendation-body{padding:var(--tests-spacing-xl)}.tests-test-context{display:grid;grid-template-columns:1fr 1fr;gap:var(--tests-spacing-xl);margin-bottom:var(--tests-spacing-xl);padding-bottom:var(--tests-spacing-xl);border-bottom:1px solid var(--tests-border-light)}.tests-context-item h4{margin:0 0 var(--tests-spacing-sm) 0;font-size:1rem;font-weight:600;color:var(--tests-text-secondary);text-transform:uppercase;letter-spacing:.05em}.tests-context-item p{margin:0;color:var(--tests-text-primary);line-height:1.6;font-weight:500;text-align:left}.tests-variations-container h4{margin:0 0 var(--tests-spacing-lg) 0;font-size:1.25rem;font-weight:700;color:var(--tests-text-primary)}.tests-variations-list{display:flex;flex-direction:column;gap:var(--tests-spacing-md);margin-bottom:var(--tests-spacing-lg)}.tests-variation-item{background:var(--tests-surface-secondary);border:1px solid var(--tests-border-light);border-radius:var(--tests-radius-md);padding:var(--tests-spacing-lg);transition:all .2s ease}.tests-variation-item:hover{background:var(--tests-surface);border-color:var(--tests-border);box-shadow:var(--tests-shadow-sm)}.tests-variation-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--tests-spacing-md)}.tests-variation-text h5{margin:0;font-size:1.1rem;font-weight:600;color:var(--tests-text-primary);line-height:1.4}.tests-variation-status .tests-status-badge{padding:var(--tests-spacing-xs) var(--tests-spacing-sm);border-radius:var(--tests-radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tests-status-badge.tests-status-idea{background:#ed89361a;color:var(--tests-warning)}.tests-status-badge.tests-status-intesting{background:#667eea1a;color:var(--tests-primary)}.tests-status-badge.tests-status-complete{background:#48bb781a;color:var(--tests-success)}.tests-status-badge.tests-status-dismissed{background:#f565651a;color:var(--tests-danger)}.tests-variation-actions{display:flex;gap:var(--tests-spacing-sm);flex-wrap:wrap}.tests-action-btn{padding:var(--tests-spacing-xs) var(--tests-spacing-md);border-radius:var(--tests-radius-sm);font-weight:600;font-size:.85rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--tests-spacing-xs)}.tests-action-btn.tests-start-testing{background:linear-gradient(135deg,var(--tests-primary) 0%,var(--tests-primary-dark) 100%);color:#fff;box-shadow:var(--tests-shadow-sm)}.tests-action-btn.tests-start-testing:hover{transform:translateY(-1px);box-shadow:var(--tests-shadow-md)}.tests-action-btn.tests-complete{background:linear-gradient(135deg,var(--tests-success) 0%,#38a169 100%);color:#fff;box-shadow:var(--tests-shadow-sm)}.tests-action-btn.tests-complete:hover{transform:translateY(-1px);box-shadow:var(--tests-shadow-md)}.tests-action-btn.tests-dismiss{background:var(--tests-surface);border:1px solid var(--tests-border);color:var(--tests-text-secondary)}.tests-action-btn.tests-dismiss:hover{border-color:var(--tests-danger);color:var(--tests-danger);background:#f565650d}.tests-action-btn.tests-results{background:var(--tests-surface);border:1px solid var(--tests-border);color:var(--tests-text-secondary)}.tests-action-btn.tests-results:hover{border-color:var(--tests-primary);color:var(--tests-primary);background:#667eea0d}.tests-action-btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important;box-shadow:var(--tests-shadow-sm)!important}.tests-action-btn:disabled:hover{transform:none!important;box-shadow:var(--tests-shadow-sm)!important}.tests-action-btn .spinner-border-sm{width:.875rem;height:.875rem;border-width:.125rem}.tests-action-btn.tests-start-testing:disabled{background:linear-gradient(135deg,var(--tests-primary) 0%,var(--tests-primary-dark) 100%);color:#fff}.tests-action-btn.tests-complete:disabled{background:linear-gradient(135deg,var(--tests-success) 0%,#38a169 100%);color:#fff}.tests-action-btn.tests-dismiss:disabled{background:var(--tests-surface);border:1px solid var(--tests-border);color:var(--tests-text-secondary)}.tests-add-variation-form{background:var(--tests-surface);border:2px dashed var(--tests-border);border-radius:var(--tests-radius-md);padding:var(--tests-spacing-lg);display:flex;flex-direction:column;gap:var(--tests-spacing-md)}.tests-variation-input{padding:var(--tests-spacing-md);border:2px solid var(--tests-border);border-radius:var(--tests-radius-sm);font-size:1rem;font-weight:500;color:var(--tests-text-primary);background:var(--tests-surface);transition:all .2s ease;width:100%;box-sizing:border-box}.tests-variation-input:focus{outline:none;border-color:var(--tests-primary);box-shadow:0 0 0 3px #667eea1a}.tests-variation-input::placeholder{color:var(--tests-text-muted)}.tests-form-actions{display:flex;gap:var(--tests-spacing-sm);justify-content:flex-end}.tests-submit-variation{background:linear-gradient(135deg,var(--tests-success) 0%,#38a169 100%);color:#fff;border:none;padding:var(--tests-spacing-sm) var(--tests-spacing-lg);border-radius:var(--tests-radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.tests-submit-variation:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--tests-shadow-md)}.tests-submit-variation:disabled{opacity:.5;cursor:not-allowed}.tests-cancel-variation{background:none;border:2px solid var(--tests-border);color:var(--tests-text-secondary);padding:var(--tests-spacing-sm) var(--tests-spacing-lg);border-radius:var(--tests-radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.tests-cancel-variation:hover{border-color:var(--tests-text-secondary);background:var(--tests-surface-secondary)}.tests-add-variation-btn{background:var(--tests-surface);border:2px dashed var(--tests-border);color:var(--tests-text-secondary);padding:var(--tests-spacing-md) var(--tests-spacing-lg);border-radius:var(--tests-radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;width:100%;text-align:center}.tests-add-variation-btn:hover:not(:disabled){border-color:var(--tests-primary);color:var(--tests-primary);background:#667eea0d}.tests-add-variation-btn:disabled{opacity:.5;cursor:not-allowed}.tests-upgrade-modal{z-index:1050}.modal.tests-upgrade-modal,.tests-upgrade-modal.modal,div[class*=tests-upgrade-modal].modal{background:none!important;background-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.tests-upgrade-modal.modal:before,.tests-upgrade-modal.modal:after{display:none!important}.tests-upgrade-modal .modal-dialog{background:none!important;background-color:transparent!important;box-shadow:none!important}.tests-upgrade-modal .modal-content{border-radius:var(--tests-radius-lg);border:none;box-shadow:0 20px 60px #0006;background:#fff;position:relative;z-index:1051;border:2px solid var(--tests-border-light)}.tests-upgrade-modal .modal-header{background:linear-gradient(135deg,var(--tests-surface) 0%,var(--tests-surface-secondary) 100%);border-bottom:1px solid var(--tests-border-light);border-radius:var(--tests-radius-lg) var(--tests-radius-lg) 0 0}.tests-upgrade-modal .modal-title{font-weight:700;color:var(--tests-text-primary)}.tests-upgrade-modal .modal-body{padding:var(--tests-spacing-xl);background:#fff}.tests-upgrade-modal .modal-body p{color:#fff!important;background:#333!important;padding:var(--tests-spacing-md)!important;border-radius:var(--tests-radius-sm)!important;line-height:1.6!important;text-align:left!important;margin:0!important;font-size:1rem!important}.tests-upgrade-modal .modal-footer{border-top:1px solid var(--tests-border-light);padding:var(--tests-spacing-lg) var(--tests-spacing-xl);background:#fff;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-direction:row!important;gap:var(--tests-spacing-md)!important}.tests-upgrade-modal .btn-primary{background:#ff9400!important;border:none!important;padding:var(--tests-spacing-sm) var(--tests-spacing-lg)!important;border-radius:var(--tests-radius-sm)!important;font-weight:600!important;color:#fff!important;flex:1!important;text-align:center!important}.tests-upgrade-modal .btn-primary:hover{background:#e6850a!important}.tests-upgrade-modal .btn-ghost{background:none!important;border:2px solid var(--tests-border)!important;color:var(--tests-text-secondary)!important;padding:var(--tests-spacing-sm) var(--tests-spacing-lg)!important;border-radius:var(--tests-radius-sm)!important;font-weight:600!important;flex:1!important;text-align:center!important}.tests-upgrade-modal .btn-ghost:hover{background:var(--tests-surface-secondary)!important;border-color:var(--tests-primary)!important;color:var(--tests-primary)!important}@media (max-width: 768px){.tests-container{padding:var(--tests-spacing-md);margin:0;border-radius:0}.tests-header-content h1{font-size:2rem;line-height:1.2}.tests-filters-grid{grid-template-columns:1fr;gap:var(--tests-spacing-md)}.tests-filter-group.tests-filter-group-wide{grid-column:span 1}.tests-recommendation-header{padding:var(--tests-spacing-md);flex-direction:column;align-items:stretch;gap:var(--tests-spacing-md)}.tests-header-left{flex:none;width:100%}.tests-header-right{flex:none;width:100%;justify-content:space-between;align-items:center}.tests-test-info h3{font-size:1.1rem;margin-bottom:var(--tests-spacing-xs)}.tests-test-meta{flex-direction:column;align-items:flex-start;gap:var(--tests-spacing-xs)}.tests-details-btn{padding:var(--tests-spacing-sm) var(--tests-spacing-md);font-size:.9rem;flex:1;margin-right:var(--tests-spacing-md)}.tests-recommendation-count{padding:var(--tests-spacing-sm) var(--tests-spacing-md);min-width:80px;flex-shrink:0}.tests-count-number{font-size:1.25rem}.tests-count-label{font-size:.65rem}.tests-test-context{grid-template-columns:1fr;gap:var(--tests-spacing-lg)}.tests-create-button,.btn{width:100%;margin-bottom:var(--tests-spacing-sm)}.tests-test-card{margin-bottom:var(--tests-spacing-md)}.form-control,.form-select{font-size:1rem;padding:.75rem}.modal-dialog{margin:.5rem;max-width:calc(100vw - 1rem)}.modal-content{border-radius:var(--tests-radius-md)}.modal-header,.modal-body,.modal-footer{padding:1rem}.table-responsive{border:none}.table th,.table td{padding:.5rem;font-size:.9rem}.tests-variations-container,.tests-variation-item{padding:var(--tests-spacing-md)}.tests-variation-content{flex-direction:column;gap:var(--tests-spacing-sm);align-items:flex-start}.tests-variation-text h5{font-size:1rem;margin-bottom:var(--tests-spacing-xs)}.tests-variation-actions{flex-direction:column;gap:var(--tests-spacing-xs);width:100%}.tests-action-btn{width:100%;justify-content:center;padding:var(--tests-spacing-sm) var(--tests-spacing-md);font-size:.9rem}.tests-add-variation-btn{width:100%;padding:var(--tests-spacing-md);font-size:.9rem}.tests-add-variation-form{padding:var(--tests-spacing-md)}.tests-form-actions{flex-direction:column;gap:var(--tests-spacing-xs)}.tests-submit-variation,.tests-cancel-variation{width:100%;padding:var(--tests-spacing-sm) var(--tests-spacing-md)}.tests-empty-state{padding:var(--tests-spacing-lg);margin:0 var(--tests-spacing-xs)}.tests-empty-state-icon{font-size:3rem;margin-bottom:var(--tests-spacing-md)}.tests-empty-state h3{font-size:1.5rem;margin-bottom:var(--tests-spacing-lg)}.tests-empty-step{gap:var(--tests-spacing-md)}.tests-step-number{width:35px;height:35px;font-size:1rem}.tests-step-content h4{font-size:1rem}.tests-step-content p{font-size:.9rem}}@media (max-width: 480px){.tests-container{padding:var(--tests-spacing-sm)}.tests-header-content h1{font-size:1.75rem}.tests-recommendation-header{padding:var(--tests-spacing-sm)}.tests-header-right{flex-direction:row;gap:var(--tests-spacing-sm);align-items:center;justify-content:space-between}.tests-details-btn{margin-right:0;flex:1;margin-right:var(--tests-spacing-sm)}.tests-recommendation-count{flex-shrink:0;min-width:70px}.tests-test-meta{gap:var(--tests-spacing-xs)}.tests-element-type,.tests-recommendation-type{font-size:.75rem;padding:.25rem var(--tests-spacing-xs)}.tests-page-link{font-size:.8rem;word-break:break-all}.modal-dialog{margin:.25rem;max-width:calc(100vw - .5rem)}.tests-variation-text h5{font-size:.95rem;line-height:1.3}.tests-status-badge{font-size:.75rem;padding:.25rem var(--tests-spacing-xs)}.tests-action-btn{font-size:.85rem;padding:var(--tests-spacing-xs) var(--tests-spacing-sm)}.tests-add-variation-form{padding:var(--tests-spacing-sm)}.tests-variation-input{font-size:.95rem;padding:var(--tests-spacing-sm)}.tests-empty-state{padding:var(--tests-spacing-md);margin:0}.tests-empty-state-icon{font-size:2.5rem}.tests-empty-state h3{font-size:1.25rem}.tests-empty-step{gap:var(--tests-spacing-sm)}.tests-step-number{width:30px;height:30px;font-size:.9rem}.tests-step-content h4{font-size:.95rem}.tests-step-content p{font-size:.85rem}}@media print{.tests-container{background:#fff;box-shadow:none}.tests-recommendation-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}@media (prefers-contrast: high){.tests-recommendation-card{border-width:2px}.tests-modern-select:focus,.tests-variation-input:focus{border-width:3px}}:root{--td-primary: #667eea;--td-primary-dark: #5a67d8;--td-secondary: #764ba2;--td-success: #48bb78;--td-warning: #ed8936;--td-danger: #f56565;--td-info: #4299e1;--td-control: #0074d9;--td-surface: #ffffff;--td-surface-secondary: #f8fafc;--td-surface-tertiary: #edf2f7;--td-surface-elevated: #ffffff;--td-text-primary: #1a202c;--td-text-secondary: #4a5568;--td-text-muted: #718096;--td-text-light: #a0aec0;--td-border: #e2e8f0;--td-border-light: #f1f5f9;--td-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--td-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--td-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--td-shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--td-radius-sm: 8px;--td-radius-md: 12px;--td-radius-lg: 16px;--td-radius-xl: 20px;--td-spacing-xs: .5rem;--td-spacing-sm: .75rem;--td-spacing-md: 1rem;--td-spacing-lg: 1.5rem;--td-spacing-xl: 2rem;--td-spacing-2xl: 3rem}.test-details-container{min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);padding:var(--td-spacing-xl);position:relative}.test-details-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 35%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 65%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.td-breadcrumb-container{margin-bottom:var(--td-spacing-lg);position:relative;z-index:1}.td-back-button{background:#4a5568;border:1px solid #4a5568;color:#fff;padding:var(--td-spacing-sm) var(--td-spacing-lg);border-radius:var(--td-radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--td-spacing-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.td-back-button:hover{background:#2d3748;border-color:#2d3748;color:#fff;text-decoration:none;transform:translate(-2px)}.td-back-button:before{content:"←";font-size:1.1rem}.td-page-header{background:var(--td-surface-elevated);border-radius:var(--td-radius-lg);box-shadow:var(--td-shadow-lg);padding:var(--td-spacing-xl);margin-bottom:var(--td-spacing-xl);position:relative;z-index:1;border:1px solid rgba(255,255,255,.2)}.td-page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--td-primary) 0%,var(--td-secondary) 100%);border-radius:var(--td-radius-lg) var(--td-radius-lg) 0 0}.td-page-title{font-size:2.5rem;font-weight:800;color:var(--td-text-primary);margin:0;letter-spacing:-.02em;line-height:1.2;display:flex;align-items:center;gap:var(--td-spacing-md)}.td-page-title:before{content:"🧪";font-size:2rem}.td-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;background:var(--td-surface-elevated);border-radius:var(--td-radius-lg);box-shadow:var(--td-shadow-lg);position:relative;z-index:1}.td-loading-spinner{width:60px;height:60px;border:4px solid var(--td-border-light);border-top:4px solid var(--td-primary);border-radius:50%;animation:td-spin 1s linear infinite;margin-bottom:var(--td-spacing-lg)}.td-loading-text{font-size:1.125rem;color:var(--td-text-muted);font-weight:500}.td-empty-state{text-align:center;padding:var(--td-spacing-2xl);color:var(--td-text-muted);background:var(--td-surface-elevated);border-radius:var(--td-radius-lg);box-shadow:var(--td-shadow-lg);position:relative;z-index:1}.td-empty-icon{font-size:4rem;margin-bottom:var(--td-spacing-lg);opacity:.6}.td-experiment-card{background:var(--td-surface-elevated);border-radius:var(--td-radius-lg);box-shadow:var(--td-shadow-lg);margin-bottom:var(--td-spacing-xl);overflow:hidden;position:relative;z-index:1;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.td-experiment-card:hover{transform:translateY(-2px);box-shadow:var(--td-shadow-xl)}.td-experiment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--td-info) 0%,var(--td-success) 100%)}.td-card-header{padding:var(--td-spacing-lg) var(--td-spacing-xl);background:linear-gradient(135deg,var(--td-surface) 0%,var(--td-surface-secondary) 100%);border-bottom:1px solid var(--td-border-light)}.td-card-title{margin:0;font-size:1.375rem;font-weight:700;color:var(--td-text-primary);display:flex;align-items:center;gap:var(--td-spacing-sm)}.td-card-title.td-experiment-title:before{content:"📊";font-size:1.125rem}.td-card-title.td-weightings-title:before{content:"⚖️";font-size:1.125rem}.td-card-title.td-actions-title:before{content:"⚡";font-size:1.125rem}.td-card-body{padding:var(--td-spacing-xl)}.exp-details-flex{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--td-spacing-xl);align-items:flex-start}.exp-details-section{display:flex;flex-direction:column;gap:var(--td-spacing-md)}.exp-details-section.exp-details-actions{justify-content:flex-start}.exp-details-label{font-size:.9rem;font-weight:600;color:var(--td-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--td-spacing-xs)}.exp-details-value{font-size:1rem;color:var(--td-text-primary);font-weight:500;line-height:1.5}.exp-details-value a{color:var(--td-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.exp-details-value a:hover{color:var(--td-primary-dark);text-decoration:underline}.td-element-badge{background:linear-gradient(135deg,var(--td-primary) 0%,var(--td-secondary) 100%);color:#fff;padding:var(--td-spacing-xs) var(--td-spacing-md);border-radius:var(--td-radius-sm);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:var(--td-spacing-xs)}.td-current-text{background:var(--td-surface-secondary);padding:var(--td-spacing-md);border-radius:var(--td-radius-sm);border-left:4px solid var(--td-primary);font-weight:600;color:var(--td-text-primary)}.td-understanding-text{background:var(--td-surface-secondary);padding:var(--td-spacing-md);border-radius:var(--td-radius-sm);border-left:4px solid var(--td-info);line-height:1.6;color:var(--td-text-secondary)}.td-view-results-btn{background:linear-gradient(135deg,var(--td-primary) 0%,var(--td-primary-dark) 100%);border:none;color:#fff;padding:var(--td-spacing-md) var(--td-spacing-xl);border-radius:var(--td-radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--td-spacing-sm);box-shadow:var(--td-shadow-md);text-transform:uppercase;letter-spacing:.05em}.td-view-results-btn:hover{transform:translateY(-2px);box-shadow:var(--td-shadow-lg);color:#fff;text-decoration:none}.td-view-results-btn:before{content:"📈";font-size:.9rem}.td-action-btn.loading,.td-set-audience-btn.loading{cursor:not-allowed;opacity:.8;position:relative}.td-action-btn:disabled,.td-set-audience-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.td-action-btn:disabled:hover,.td-set-audience-btn:disabled:hover{transform:none;box-shadow:none}.td-spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;display:inline-block;animation:td-spin 1s linear infinite;margin-right:var(--td-spacing-xs)}@keyframes td-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.td-action-btn.loading .td-spinner,.td-set-audience-btn.loading .td-spinner,.td-weightings-btn.loading .td-spinner{margin-right:var(--td-spacing-xs)}.td-action-btn.loading,.td-set-audience-btn.loading{pointer-events:none}.weightings-flex{display:grid;grid-template-columns:1fr auto;gap:var(--td-spacing-2xl);align-items:flex-start}.weightings-legend{display:flex;flex-direction:column;gap:var(--td-spacing-md);text-align:left}.td-legend-item{display:flex;align-items:center;gap:var(--td-spacing-md);padding:var(--td-spacing-sm) var(--td-spacing-md);background:var(--td-surface-secondary);border-radius:var(--td-radius-sm);transition:all .2s ease;text-align:left}.td-legend-item:hover{background:var(--td-surface-tertiary);transform:translate(2px)}.td-legend-color{width:20px;height:20px;border-radius:50%;flex-shrink:0;box-shadow:var(--td-shadow-sm)}.td-legend-text{font-weight:600;color:var(--td-text-primary);flex:1;text-align:left;display:flex;align-items:center;gap:var(--td-spacing-sm)}.td-legend-percentage{font-weight:700;color:var(--td-text-secondary);font-variant-numeric:tabular-nums;text-align:right;margin-left:auto}.td-control-badge{background:linear-gradient(135deg,var(--td-info) 0%,#3182ce 100%);color:#fff;padding:var(--td-spacing-xs) var(--td-spacing-sm);border-radius:var(--td-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-left:var(--td-spacing-sm);flex-shrink:0}.td-chart-container{min-width:280px;max-width:350px;width:100%;padding:var(--td-spacing-lg);background:var(--td-surface);border-radius:var(--td-radius-md);box-shadow:var(--td-shadow-sm);border:1px solid var(--td-border-light)}.weightings-control-shadowbox{background:linear-gradient(135deg,var(--td-surface-secondary) 0%,var(--td-surface-tertiary) 100%);padding:var(--td-spacing-lg);border-radius:var(--td-radius-md);border:1px solid var(--td-border-light);margin-top:var(--td-spacing-xl)}.td-weightings-control-header{display:flex;align-items:center;justify-content:space-between;width:100%}.td-weightings-control-title{font-weight:700;font-size:1.125rem;color:var(--td-text-primary);display:flex;align-items:center;gap:var(--td-spacing-sm)}.td-weightings-control-title:before{content:"🎛️";font-size:1rem}.td-weightings-buttons{display:flex;border-radius:var(--td-radius-md);overflow:hidden;box-shadow:var(--td-shadow-sm)}.td-weightings-btn{background:linear-gradient(135deg,var(--td-primary) 0%,var(--td-primary-dark) 100%);border:none;color:#fff;padding:var(--td-spacing-sm) var(--td-spacing-lg);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.td-weightings-btn:first-child{border-radius:var(--td-radius-sm) 0 0 var(--td-radius-sm)}.td-weightings-btn:not(:first-child):not(:last-child){border-radius:0}.td-weightings-btn:last-child{border-radius:0 var(--td-radius-sm) var(--td-radius-sm) 0}.td-weightings-btn:hover:not(:disabled){transform:translateY(-1px)}.td-weightings-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.td-weightings-btn.loading{opacity:.8}.td-weightings-btn.active{background:linear-gradient(135deg,var(--td-success) 0%,#38a169 100%);box-shadow:0 2px 8px #48bb784d;font-weight:700}.td-actions-table-container{overflow:hidden;border-radius:var(--td-radius-md);box-shadow:var(--td-shadow-sm);border:1px solid var(--td-border-light)}.td-actions-table{width:100%;border-collapse:collapse;border-spacing:0;background:var(--td-surface)}.td-actions-table thead{background:linear-gradient(135deg,var(--td-surface-secondary) 0%,var(--td-surface-tertiary) 100%)}.td-actions-table th{padding:var(--td-spacing-lg) var(--td-spacing-xl);text-align:left;font-weight:700;color:var(--td-text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--td-border)}.td-actions-table tbody tr{transition:all .2s ease;border-bottom:1px solid var(--td-border-light)}.td-actions-table tbody tr:hover{background:var(--td-surface-secondary)}.td-actions-table tbody tr:last-child{border-bottom:none}.td-actions-table td{padding:var(--td-spacing-lg) var(--td-spacing-xl);color:var(--td-text-primary);font-weight:500;vertical-align:middle}.td-variation-cell{display:flex;align-items:center;gap:var(--td-spacing-md)}.td-variation-color{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:var(--td-shadow-sm)}.td-variation-text{font-weight:600;color:var(--td-text-primary)}.td-status-badge{padding:var(--td-spacing-xs) var(--td-spacing-md);border-radius:var(--td-radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:var(--td-spacing-xs)}.td-status-badge.td-status-idea{background:#7180961a;color:var(--td-text-muted)}.td-status-badge.td-status-intesting{background:#ed89361a;color:var(--td-warning)}.td-status-badge.td-status-completed{background:#48bb781a;color:var(--td-success)}.td-type-badge{padding:var(--td-spacing-xs) var(--td-spacing-md);border-radius:var(--td-radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.td-type-badge.td-type-variation{background:linear-gradient(135deg,var(--td-primary) 0%,var(--td-secondary) 100%);color:#fff}.td-type-badge.td-type-control{background:linear-gradient(135deg,var(--td-info) 0%,#3182ce 100%);color:#fff}.td-action-buttons{display:flex;gap:var(--td-spacing-sm);align-items:center}.td-action-btn{padding:var(--td-spacing-xs) var(--td-spacing-md);border-radius:var(--td-radius-sm);font-weight:600;font-size:.85rem;border:none;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:var(--td-spacing-xs)}.td-action-btn.td-start-testing{background:linear-gradient(135deg,var(--td-success) 0%,#38a169 100%);color:#fff}.td-action-btn.td-start-testing:hover{transform:translateY(-1px);box-shadow:var(--td-shadow-sm)}.td-action-btn.td-complete{background:linear-gradient(135deg,var(--td-primary) 0%,var(--td-primary-dark) 100%);color:#fff}.td-action-btn.td-complete:hover{transform:translateY(-1px);box-shadow:var(--td-shadow-sm)}.td-action-btn.td-dismiss{background:var(--td-surface);border:1px solid var(--td-border);color:var(--td-text-secondary)}.td-action-btn.td-dismiss:hover{border-color:var(--td-danger);color:var(--td-danger);background:#f565650d}.td-control-message{color:var(--td-info);font-weight:600;font-style:italic;display:flex;align-items:center;gap:var(--td-spacing-xs)}.td-control-message:before{content:"🔒";font-size:.9rem}.td-audience-section{background:linear-gradient(135deg,var(--td-surface-secondary) 0%,var(--td-surface-tertiary) 100%);padding:var(--td-spacing-xl);border-radius:var(--td-radius-md);border:1px solid var(--td-border-light);margin-top:var(--td-spacing-xl)}.td-audience-controls{display:flex;align-items:center;gap:var(--td-spacing-lg);flex-wrap:wrap}.td-audience-label{font-weight:700;font-size:1.125rem;color:var(--td-text-primary);display:flex;align-items:center;gap:var(--td-spacing-sm)}.td-audience-label:before{content:"🎯";font-size:1rem}.td-audience-select{min-width:250px;background:var(--td-surface);border:2px solid var(--td-border);border-radius:var(--td-radius-sm);padding:var(--td-spacing-sm) var(--td-spacing-md);font-size:.95rem;font-weight:500;color:var(--td-text-primary);transition:all .2s ease}.td-audience-select:focus{outline:none;border-color:var(--td-primary);box-shadow:0 0 0 3px #667eea1a}.td-set-audience-btn{background:linear-gradient(135deg,var(--td-primary) 0%,var(--td-primary-dark) 100%);border:none;color:#fff;padding:var(--td-spacing-sm) var(--td-spacing-lg);border-radius:var(--td-radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;min-width:120px}.td-set-audience-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--td-shadow-sm)}.td-set-audience-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1200px){.test-details-container{padding:var(--td-spacing-lg)}.exp-details-flex{grid-template-columns:1fr 1fr;gap:var(--td-spacing-lg)}.exp-details-section.exp-details-actions{grid-column:span 2;justify-content:center}.weightings-flex{grid-template-columns:1fr;gap:var(--td-spacing-xl)}.td-chart-container{max-width:100%;align-self:center}}@media (max-width: 768px){.test-details-container{padding:var(--td-spacing-md)}.td-page-title{font-size:2rem}.exp-details-flex{grid-template-columns:1fr;gap:var(--td-spacing-lg)}.td-weightings-control-header{flex-direction:column;gap:var(--td-spacing-md);align-items:flex-start}.td-audience-controls{flex-direction:column;align-items:stretch;gap:var(--td-spacing-md)}.td-audience-select{min-width:auto}.td-actions-table-container{overflow-x:auto}.td-actions-table{min-width:600px}}@media (max-width: 480px){.td-page-title{font-size:1.75rem;flex-direction:column;text-align:center;gap:var(--td-spacing-sm)}.td-actions-table th,.td-actions-table td{padding:var(--td-spacing-sm) var(--td-spacing-md)}.td-action-buttons{flex-direction:column;gap:var(--td-spacing-xs)}.td-action-btn{width:100%;justify-content:center}}@media print{.test-details-container{background:#fff;padding:0}.td-experiment-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.td-back-button{display:none}}@media (prefers-contrast: high){.td-experiment-card{border-width:2px}.td-audience-select:focus{border-width:3px}}@media (prefers-color-scheme: dark){:root{--td-surface: #1a202c;--td-surface-secondary: #2d3748;--td-surface-tertiary: #4a5568;--td-surface-elevated: #2d3748;--td-text-primary: #f7fafc;--td-text-secondary: #e2e8f0;--td-text-muted: #a0aec0;--td-text-light: #718096;--td-border: #4a5568;--td-border-light: #2d3748}}.filter-container{display:flex;justify-content:space-between;align-items:center;margin-left:20px;margin-right:20px}.time-range-selector{background-color:#f0f0f0;padding:10px 20px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #ccc;position:sticky;top:0;z-index:1000}.time-range-button{background-color:#fff;border:1px solid #ccc;border-right:none;border-radius:0;padding:5px 15px;font-size:14px;cursor:pointer;transition:background-color .3s ease,color .3s ease;color:#333}.time-range-button:last-child{border-right:1px solid #ccc;border-radius:0 4px 4px 0}.time-range-button:first-child{border-radius:4px 0 0 4px}.time-range-button:hover{background-color:#e0e0e0}.time-range-button.active{background-color:#007acc;color:#fff;border-color:#007acc}.group-metrics-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.group-metric-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;width:800px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:space-between}.group-metric-header{display:flex;justify-content:space-between}.group-status{text-align:right;width:120px;height:60px;font-size:1.1rem;font-weight:700;color:#007bff;padding-right:20px;padding-top:15px;align-items:center;background-color:#d2d2d2;border-bottom-left-radius:5px;border-top-right-radius:5px}.group-metric-body{display:flex;justify-content:space-between;align-items:flex-start}.metrics-container{display:flex;align-items:center}.metric-item{text-align:center;margin-right:20px;padding-top:12px;border-right:2px solid #7d7d7d;border-bottom:2px solid #7d7d7d;width:120px;height:100%}.metric-item-bottom{text-align:center;margin-right:20px;padding-top:12px;border-right:2px solid #7d7d7d;width:120px;height:100%}.metric-item-bottom h4,.metric-item h4{margin:0;font-size:1rem;color:#333}.metric-item p{margin:0;font-size:1.2rem;font-weight:700;color:#007bff;width:120px}.vertical-separator{width:3px;background-color:#ddd;height:100%}.group-actions{display:flex;justify-content:space-between;align-items:center;padding-right:10px;padding-top:10px}.horizontal-separator{height:3px;background-color:#ddd;width:100%;margin:10px 0}.group-name-container{text-align:left;flex:2}.group-name-container h3{margin:0;font-size:1.5rem;font-weight:700;color:#333;padding:10px 0}.group-name-container p{margin:2px 0;font-size:.9rem;color:#666}.metric-separator{border:none;border-top:1px solid #ddd;margin:5px 0}.group-details{text-align:left;flex:2}.group-details p{margin:2px 0;font-size:.9rem;color:#666}.group-metric-footer{text-align:right;margin-top:10px}h1{text-align:left;font-size:1.7rem!important;margin-bottom:20px;color:#333}.status-block{margin-bottom:10px;text-align:left;line-height:1.4;margin-left:40px}.status-block p{margin:4px 0}h3{font-size:20px;margin-bottom:10px;text-align:left;font-weight:700;margin-left:20px}.results-heading{text-align:left;font-size:26px;margin-bottom:10px;margin-top:10px}.status-block-row{display:flex;gap:32px;align-items:flex-start;margin-bottom:16px;text-align:left}.status-block-col{flex:1}.status-block-col p{margin:0;padding:0;line-height:1.3;text-align:left}.group-totals-card{margin:16px 0 32px;padding:20px 24px;background:#f8fafc;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:center}.group-totals-row{display:flex;gap:40px;flex-wrap:wrap}.group-totals-item{display:flex;flex-direction:column;align-items:flex-start;min-width:120px}.group-totals-label{font-size:.95rem;color:#64748b;margin-bottom:2px}.group-totals-value{font-size:1.25rem;font-weight:600;color:#1e293b}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.results-title{margin:0;font-size:2rem;font-weight:700}.view-test-details-btn{height:36px;font-weight:600;padding:4px 18px;line-height:1.2;display:flex;align-items:center}.results-charts-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.results-chart-card{flex:0 1 calc(50% - 20px);box-shadow:0 4px 8px #0000001a;border-radius:8px;padding:20px;background-color:#fff;margin-bottom:20px}.results-chart-graph{width:100%;height:300px;margin:0 auto}.results-container{max-width:1400px;margin:0 auto;padding:2rem 1rem;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);min-height:100vh;border-radius:20px;margin-top:1rem;margin-bottom:1rem}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.header-content h1{font-size:3rem;font-weight:700;color:#1a202c;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-subtitle{font-size:1.2rem;color:#4a5568;margin:0}.results-overview{margin-bottom:2rem}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-icon{font-size:2rem;width:60px;height:60px;background:linear-gradient(to right,#eff6ff,#f0fdf4);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content h3{font-size:2rem;font-weight:700;color:#2d3748;margin:0;line-height:1}.stat-content p{font-size:.9rem;color:#718096;margin:.25rem 0 0;font-weight:500}.empty-state{background:#fff;border-radius:16px;padding:4rem 2rem;text-align:center;box-shadow:0 10px 25px #0000001a}.empty-state-icon{font-size:4rem;margin-bottom:1.5rem}.empty-state h3{font-size:1.8rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.empty-state p{font-size:1.1rem;color:#718096;margin-bottom:2rem;line-height:1.5}.cta-button{background:linear-gradient(to right,#eff6ff,#f0fdf4);border:none;color:#4a5568;padding:.75rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2rem}.result-card{background:#fffffff2;border-radius:16px;padding:1.5rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #00000014;transition:all .3s ease;width:100%;box-sizing:border-box}.card-header{padding:1.5rem 2rem;border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;align-items:flex-start}.test-info h3{font-size:1.3rem;font-weight:700;color:#2d3748;margin:0 0 .75rem;line-height:1.2}.test-meta{display:flex;gap:.75rem;flex-wrap:wrap}.status-badge{padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-idea{background:#fef5e7;color:#c05621}.status-intesting{background:#ebf8ff;color:#2b6cb0}.status-complete{background:#f0fff4;color:#22543d}.status-dismissed{background:#fed7d7;color:#c53030}.element-type{background:#f7fafc;color:#4a5568;padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.details-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568;padding:.5rem 1rem;border-radius:8px;font-weight:500;transition:all .2s;text-decoration:none}.details-btn:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.metrics-section{padding:1.5rem 2rem}.primary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.metric-card{background:#fffffff2;border-radius:12px;padding:1rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px #00000014;transition:all .2s ease;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.metric-header{display:flex;justify-content:space-between;align-items:center;width:100%}.metric-label{font-size:.75rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.025em;line-height:1.2;flex:1;margin-right:.5rem}.metric-icon{font-size:1rem;flex-shrink:0}.metric-value{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.value-number{font-size:1.75rem;font-weight:700;line-height:1;color:#1a202c;flex:1;min-width:0;word-break:break-word}.trend-indicator{font-size:1.5rem;font-weight:700;flex-shrink:0;margin-left:.25rem}.trend-indicator.positive{color:#48bb78}.trend-indicator.negative{color:#f56565}.metric-card.positive{border-left:4px solid #48bb78}.metric-card.negative{border-left:4px solid #f56565}.metric-card.neutral{border-left:4px solid #e2e8f0}.secondary-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.05);align-items:start}.metric-row{display:flex!important;justify-content:space-between!important;align-items:baseline!important;padding:.75rem 0!important;background:transparent!important;border:none!important;border-radius:0!important;min-height:3rem!important;position:relative!important}.secondary-metrics .metric-row .metric-label{font-size:.875rem!important;color:#718096!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;margin:0!important;margin-right:1rem!important;white-space:nowrap!important;flex:1!important;display:flex!important;align-items:center!important;line-height:1.2!important;visibility:visible!important;opacity:1!important}.secondary-metrics .metric-row .metric-value{font-size:1.25rem!important;font-weight:700!important;color:#1a202c!important;margin:0!important;text-align:right!important;flex-shrink:0!important;min-width:fit-content!important;display:flex!important;align-items:center!important;line-height:1!important;visibility:visible!important;opacity:1!important}.secondary-metrics{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(auto-fit,3rem);gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.05);align-items:center}.metric-row{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;padding:.75rem 0!important;background:transparent!important;border:none!important;border-radius:0!important;height:3rem!important;gap:1rem!important}.secondary-metrics .metric-row .metric-label{font-size:.875rem!important;color:#718096!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;margin:0!important;white-space:nowrap!important;display:flex!important;align-items:center!important;line-height:1.2!important;visibility:visible!important;opacity:1!important;justify-self:start!important}.secondary-metrics .metric-row .metric-value{font-size:1.25rem!important;font-weight:700!important;color:#1a202c!important;margin:0!important;text-align:right!important;display:flex!important;align-items:center!important;line-height:1!important;visibility:visible!important;opacity:1!important;justify-self:end!important}@media (max-width: 768px){.secondary-metrics{grid-template-columns:1fr!important;grid-template-rows:repeat(auto-fit,2.5rem)!important;gap:.75rem!important}.metric-row{height:2.5rem!important}.secondary-metrics .metric-row .metric-label{font-size:.8rem!important}.secondary-metrics .metric-row .metric-value{font-size:1.1rem!important}}@media (max-width: 768px){.results-container{padding:1rem;margin-top:.5rem;margin-bottom:.5rem;border-radius:16px}.header-content h1{font-size:2rem}.results-grid{grid-template-columns:1fr;gap:1rem}.overview-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.primary-metrics{grid-template-columns:1fr;gap:.75rem}.card-header{flex-direction:column;gap:1rem;align-items:flex-start}.test-meta{flex-direction:column;gap:.5rem}.date-info{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.overview-stats{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{width:50px;height:50px;font-size:1.5rem}.stat-content h3{font-size:1.5rem}}.btn-outline{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.btn-outline:hover{background:#f7fafc;border-color:#cbd5e0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}:root{--rd-primary: #4f46e5;--rd-primary-dark: #4338ca;--rd-secondary: #7c3aed;--rd-success: #10b981;--rd-warning: #f59e0b;--rd-danger: #ef4444;--rd-info: #3b82f6;--rd-surface: #ffffff;--rd-surface-secondary: #f8fafc;--rd-surface-tertiary: #f1f5f9;--rd-surface-elevated: #ffffff;--rd-surface-hover: #f8fafc;--rd-text-primary: #111827;--rd-text-secondary: #374151;--rd-text-muted: #6b7280;--rd-text-light: #9ca3af;--rd-border: #e5e7eb;--rd-border-light: #f3f4f6;--rd-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--rd-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--rd-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--rd-shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--rd-radius-sm: 8px;--rd-radius-md: 12px;--rd-radius-lg: 16px;--rd-radius-xl: 20px;--rd-spacing-xs: .5rem;--rd-spacing-sm: .75rem;--rd-spacing-md: 1rem;--rd-spacing-lg: 1.5rem;--rd-spacing-xl: 2rem;--rd-spacing-2xl: 3rem}.results-detail-page{min-height:100vh;background:linear-gradient(to bottom right,#f8fafc,#fff,#f1f5f9);padding:var(--rd-spacing-xl);position:relative}.results-detail-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.results-header{background:var(--rd-surface);border-radius:var(--rd-radius-lg);box-shadow:var(--rd-shadow-md);padding:var(--rd-spacing-xl);margin-bottom:var(--rd-spacing-xl);position:relative;z-index:1;border:1px solid var(--rd-border-light)}.results-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--rd-primary) 0%,var(--rd-secondary) 100%);border-radius:var(--rd-radius-lg) var(--rd-radius-lg) 0 0}.results-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--rd-spacing-xl)}.results-title-section h1.results-title{font-size:2.5rem;font-weight:800;color:var(--rd-text-primary);margin:0 0 var(--rd-spacing-sm) 0;letter-spacing:-.02em;line-height:1.2}.results-subtitle{color:var(--rd-text-muted);font-size:1.1rem;margin:0;display:flex;align-items:center;gap:var(--rd-spacing-sm)}.results-subtitle:before{content:"📊";font-size:1rem}.results-header-actions{display:flex;gap:var(--rd-spacing-md);align-items:center;margin-left:auto}.view-test-details-btn{background:linear-gradient(to right,var(--rd-primary),var(--rd-primary-dark));border:none;color:#fff;padding:var(--rd-spacing-md) var(--rd-spacing-lg);border-radius:var(--rd-radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--rd-spacing-xs);box-shadow:var(--rd-shadow-sm);text-transform:uppercase;letter-spacing:.05em}.view-test-details-btn:hover{transform:translateY(-1px);box-shadow:var(--rd-shadow-md);color:#fff;text-decoration:none}.view-test-details-btn:before{content:"🔍";font-size:.9rem}.group-totals-card{background:var(--rd-surface);border-radius:var(--rd-radius-lg);box-shadow:var(--rd-shadow-md);margin-bottom:var(--rd-spacing-xl);overflow:hidden;position:relative;z-index:1;border:1px solid var(--rd-border-light)}.group-totals-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--rd-success) 0%,var(--rd-info) 100%)}.group-totals-header{padding:var(--rd-spacing-lg) var(--rd-spacing-xl);border-bottom:1px solid var(--rd-border-light);background:var(--rd-surface-secondary)}.group-totals-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--rd-text-primary);display:flex;align-items:center;gap:var(--rd-spacing-sm)}.group-totals-header h3:before{content:"📈";font-size:1rem}.group-totals-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;padding:var(--rd-spacing-lg)}.group-totals-item{display:flex;flex-direction:column;align-items:center;padding:var(--rd-spacing-lg);text-align:center;transition:all .2s ease;border-radius:var(--rd-radius-md);position:relative}.group-totals-item:hover{background:var(--rd-surface-secondary);transform:translateY(-2px)}.group-totals-label{font-size:.85rem;font-weight:600;color:var(--rd-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--rd-spacing-xs)}.group-totals-value{font-size:2rem;font-weight:800;color:var(--rd-text-primary);line-height:1;font-variant-numeric:tabular-nums}@media (max-width: 768px){.results-detail-page{padding:var(--rd-spacing-md)}.results-header-content{flex-direction:column;gap:var(--rd-spacing-md)}.results-title{font-size:1.8rem!important}.group-totals-row{grid-template-columns:repeat(2,1fr)}.time-range-selector{padding:var(--rd-spacing-md)}.filter-container{flex-direction:column;gap:var(--rd-spacing-xs)}.time-range-button{width:100%;text-align:center}.results-chart-card{padding:var(--rd-spacing-md)}.status-block-row{flex-direction:column}}.filter-group{display:flex;flex-direction:column;gap:var(--rd-spacing-sm)}.filter-label{font-weight:600;color:var(--rd-text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--rd-spacing-xs)}.no-data-message{text-align:center;padding:var(--rd-spacing-2xl);background:var(--rd-surface-secondary);border-radius:var(--rd-radius-lg);color:var(--rd-text-muted);font-size:1.1rem}.no-data-message p{margin:0;display:flex;align-items:center;justify-content:center;gap:var(--rd-spacing-sm)}.no-data-message p:before{content:"📊";font-size:1.5rem;opacity:.5}.results-charts-section{position:relative;z-index:1}.results-charts-container{display:flex;flex-direction:column;gap:var(--rd-spacing-xl)}.results-chart-card{background:var(--rd-surface-elevated);border-radius:var(--rd-radius-lg);box-shadow:var(--rd-shadow-lg);overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.results-chart-card:hover{transform:translateY(-2px);box-shadow:var(--rd-shadow-xl)}.results-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--rd-warning) 0%,var(--rd-info) 100%)}.results-chart-card h3.results-heading{padding:var(--rd-spacing-lg) var(--rd-spacing-xl);margin:0;font-size:1.25rem;font-weight:700;color:var(--rd-text-primary);background:linear-gradient(135deg,var(--rd-surface) 0%,var(--rd-surface-secondary) 100%);border-bottom:1px solid var(--rd-border-light);display:flex;align-items:center;gap:var(--rd-spacing-sm)}.results-chart-card h3.results-heading:before{content:"📈";font-size:1rem}.status-block-row{display:flex;gap:var(--rd-spacing-xl);padding:var(--rd-spacing-xl);background:var(--rd-surface-secondary);border-bottom:1px solid var(--rd-border-light)}.status-block-col{flex:1;display:flex;flex-direction:column;gap:var(--rd-spacing-sm)}.status-block-col p{margin:0;font-size:.9rem;line-height:1.4;display:flex;align-items:center;gap:var(--rd-spacing-xs)}.status-block-col strong{color:var(--rd-text-secondary);font-weight:600;min-width:140px;display:inline-block}.status-block-col p:not(:has(strong)){color:var(--rd-text-primary);font-weight:500}.results-chart-graph{height:400px;padding:var(--rd-spacing-lg);background:var(--rd-surface)}.results-no-data{text-align:center;padding:var(--rd-spacing-xl) 0}.results-no-data h1{color:var(--rd-text-muted)}.results-no-data p{color:var(--rd-text-light)}.time-range-button.active{background:linear-gradient(135deg,var(--rd-primary) 0%,var(--rd-primary-dark) 100%);color:#fff;border-color:var(--rd-primary);box-shadow:var(--rd-shadow-md);transform:translateY(-1px)}.time-range-button.active:before{opacity:1}.time-range-button:hover:not(.active){background:var(--rd-surface-secondary);border-color:var(--rd-primary);transform:translateY(-1px);box-shadow:var(--rd-shadow-sm)}.results-loading{display:flex;justify-content:center;align-items:center;height:200px;color:var(--rd-text-muted);font-size:1.1rem}.time-range-button:focus,.view-test-details-btn:focus{outline:2px solid var(--rd-primary);outline-offset:2px}.results-chart-card,.group-totals-item,.time-range-button{will-change:transform,box-shadow}@media print{.results-detail-page{background:#fff;padding:0}.results-header-actions,.time-range-selector{display:none}.results-chart-card{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}.results-controls-section{background:var(--rd-surface);border-radius:var(--rd-radius-lg);box-shadow:var(--rd-shadow-md);margin-bottom:var(--rd-spacing-xl);overflow:hidden;position:relative;z-index:1;border:1px solid var(--rd-border-light)}.results-controls-header{padding:var(--rd-spacing-lg) var(--rd-spacing-xl);background:var(--rd-surface-secondary);border-bottom:1px solid var(--rd-border-light)}.results-heading{margin:0;font-size:1.5rem;font-weight:700;color:var(--rd-text-primary);display:flex;align-items:center;gap:var(--rd-spacing-sm)}.results-heading:before{content:"⚡";font-size:1.25rem}.time-range-selector{padding:var(--rd-spacing-xl);display:flex;flex-direction:column;gap:var(--rd-spacing-lg)}.filter-container{display:flex;gap:var(--rd-spacing-sm);flex-wrap:wrap}.filter-container:first-child{padding-bottom:var(--rd-spacing-lg);border-bottom:1px solid var(--rd-border-light)}.time-range-button{background:var(--rd-surface);border:2px solid var(--rd-border);color:var(--rd-text-secondary);padding:var(--rd-spacing-sm) var(--rd-spacing-lg);border-radius:var(--rd-radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.time-range-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.time-range-button:hover:before{left:100%}.time-range-button:hover{border-color:var(--rd-primary);color:var(--rd-primary);background:#667eea0d;transform:translateY(-1px);box-shadow:var(--rd-shadow-sm)}.time-range-button.active{background:linear-gradient(135deg,var(--rd-primary) 0%,var(--rd-primary-dark) 100%);color:#fff;border-color:var(--rd-primary);box-shadow:var(--rd-shadow-md)}.time-range-button.active:hover{transform:translateY(-1px);box-shadow:var(--rd-shadow-lg)}.results-charts-container{display:flex;flex-direction:column;gap:var(--rd-spacing-xl);position:relative;z-index:1}.results-chart-card{background:var(--rd-surface);border-radius:var(--rd-radius-lg);box-shadow:var(--rd-shadow-md);overflow:hidden;transition:all .3s ease;border:1px solid var(--rd-border-light);position:relative}.results-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--rd-primary) 0%,var(--rd-secondary) 100%)}.results-chart-card:hover{transform:translateY(-2px);box-shadow:var(--rd-shadow-lg)}.results-chart-header{padding:var(--rd-spacing-xl);background:var(--rd-surface-secondary);border-bottom:1px solid var(--rd-border-light)}.results-chart-header h3.results-heading{margin:0;font-size:1.375rem;font-weight:700;color:var(--rd-text-primary);display:flex;align-items:center;gap:var(--rd-spacing-sm)}.results-chart-header h3.results-heading:before{content:"🎯";font-size:1.125rem}.status-block-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--rd-spacing-xl);padding:var(--rd-spacing-xl);background:var(--rd-surface-secondary);border-bottom:1px solid var(--rd-border-light)}.status-block-col{display:flex;flex-direction:column;gap:var(--rd-spacing-md)}.status-block-col p{margin:0;display:flex;justify-content:space-between;align-items:center;padding:var(--rd-spacing-sm) var(--rd-spacing-md);background:var(--rd-surface);border-radius:var(--rd-radius-sm);border:1px solid var(--rd-border-light);transition:all .2s ease}.status-block-col p:hover{background:var(--rd-surface-elevated);border-color:var(--rd-border);transform:translate(2px)}.status-block-col p strong{color:var(--rd-text-secondary);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.status-block-col p span:last-child{color:var(--rd-text-primary);font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums}.results-chart-graph{height:500px;padding:var(--rd-spacing-xl);background:var(--rd-surface);position:relative}.results-chart-graph:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.02) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(102,126,234,.02) 50%,transparent 100%);pointer-events:none;border-radius:0 0 var(--rd-radius-lg) var(--rd-radius-lg)}.results-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--rd-spacing-2xl);background:var(--rd-surface);border-radius:var(--rd-radius-lg);box-shadow:var(--rd-shadow-md);text-align:center;position:relative;z-index:1;border:1px solid var(--rd-border-light)}.results-loading-spinner{width:60px;height:60px;border:4px solid var(--rd-border-light);border-top:4px solid var(--rd-primary);border-radius:50%;animation:rd-spin 1s linear infinite;margin-bottom:var(--rd-spacing-lg)}@keyframes rd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-loading-text{font-size:1.125rem;color:var(--rd-text-muted);font-weight:500}.results-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--rd-spacing-2xl);background:var(--rd-surface);border-radius:var(--rd-radius-lg);box-shadow:var(--rd-shadow-md);text-align:center;position:relative;z-index:1;border:1px solid var(--rd-border-light)}.results-empty-icon{font-size:4rem;margin-bottom:var(--rd-spacing-lg);opacity:.6}.results-empty-title{font-size:1.5rem;font-weight:700;color:var(--rd-text-primary);margin:0 0 var(--rd-spacing-sm) 0}.results-empty-message{color:var(--rd-text-muted);font-size:1rem;margin:0}.results-metric-badge{display:inline-flex;align-items:center;gap:var(--rd-spacing-xs);padding:var(--rd-spacing-xs) var(--rd-spacing-sm);border-radius:var(--rd-radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.results-metric-badge.positive{background:#48bb781a;color:var(--rd-success)}.results-metric-badge.negative{background:#f565651a;color:var(--rd-danger)}.results-metric-badge.neutral{background:#667eea1a;color:var(--rd-primary)}.results-breadcrumb{display:flex;align-items:center;gap:var(--rd-spacing-sm);margin-bottom:var(--rd-spacing-lg);font-size:.9rem;color:var(--rd-text-muted)}.results-breadcrumb a{color:var(--rd-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.results-breadcrumb a:hover{color:var(--rd-primary-dark);text-decoration:underline}.results-breadcrumb-separator{color:var(--rd-text-light)}.results-export-btn{background:var(--rd-surface);border:2px solid var(--rd-border);color:var(--rd-text-secondary);padding:var(--rd-spacing-sm) var(--rd-spacing-lg);border-radius:var(--rd-radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--rd-spacing-xs)}.results-export-btn:hover{border-color:var(--rd-info);color:var(--rd-info);background:#4299e10d}.results-export-btn:before{content:"📊";font-size:.9rem}.results-overview-section{background:var(--rd-surface);border-radius:var(--rd-radius-lg);box-shadow:var(--rd-shadow-md);margin-bottom:var(--rd-spacing-xl);overflow:hidden;border:1px solid var(--rd-border-light)}.results-overview-container{padding:var(--rd-spacing-xl)}.results-overview-chart{height:400px;margin-top:var(--rd-spacing-lg);background:var(--rd-surface);border-radius:var(--rd-radius-md);border:1px solid var(--rd-border-light);padding:var(--rd-spacing-md);box-shadow:var(--rd-shadow-sm)}.results-overview-section .results-heading{color:var(--rd-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--rd-spacing-md);text-align:center}.results-charts-section .results-heading{margin-bottom:var(--rd-spacing-xl);padding-bottom:var(--rd-spacing-md);border-bottom:2px solid var(--rd-border-light);text-align:center}@media (max-width: 1200px){.results-detail-page{padding:var(--rd-spacing-lg)}.group-totals-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.results-detail-page{padding:var(--rd-spacing-md)}.results-header-content{flex-direction:column;gap:var(--rd-spacing-lg)}.results-title-section h1.results-title{font-size:2rem}.group-totals-row{grid-template-columns:repeat(2,1fr)}.status-block-row{grid-template-columns:1fr;gap:var(--rd-spacing-lg)}.time-range-selector{padding:var(--rd-spacing-lg)}.filter-container{justify-content:center}.results-chart-graph{height:400px;padding:var(--rd-spacing-lg)}}@media (max-width: 480px){.results-title-section h1.results-title{font-size:1.75rem}.group-totals-row{grid-template-columns:1fr}.group-totals-value{font-size:1.75rem}.filter-container{flex-direction:column}.time-range-button{text-align:center;padding:var(--rd-spacing-md)}.results-chart-graph{height:350px;padding:var(--rd-spacing-md)}}}@media print{.results-detail-page{background:#fff;padding:0}.results-chart-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.time-range-selector{display:none}}@media (prefers-contrast: high){.results-chart-card{border-width:2px}.time-range-button:focus{outline:3px solid var(--rd-primary);outline-offset:2px}}.results-chart-graph::-webkit-scrollbar{width:8px;height:8px}.results-chart-graph::-webkit-scrollbar-track{background:var(--rd-surface-secondary);border-radius:var(--rd-radius-sm)}.results-chart-graph::-webkit-scrollbar-thumb{background:var(--rd-border);border-radius:var(--rd-radius-sm)}.results-chart-graph::-webkit-scrollbar-thumb:hover{background:var(--rd-text-muted)}:root{--help-primary: #667eea;--help-primary-dark: #5a67d8;--help-secondary: #764ba2;--help-success: #48bb78;--help-warning: #ed8936;--help-danger: #f56565;--help-info: #4299e1;--help-premium: #9f7aea;--help-premium-dark: #805ad5;--help-surface: #ffffff;--help-surface-secondary: #f8fafc;--help-surface-tertiary: #edf2f7;--help-surface-elevated: #ffffff;--help-text-primary: #1a202c;--help-text-secondary: #4a5568;--help-text-muted: #718096;--help-text-light: #a0aec0;--help-border: #e2e8f0;--help-border-light: #f1f5f9;--help-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--help-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--help-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--help-shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--help-radius-sm: 8px;--help-radius-md: 12px;--help-radius-lg: 16px;--help-radius-xl: 20px;--help-spacing-xs: .5rem;--help-spacing-sm: .75rem;--help-spacing-md: 1rem;--help-spacing-lg: 1.5rem;--help-spacing-xl: 2rem;--help-spacing-2xl: 3rem;--help-spacing-3xl: 4rem}.help-page-container{max-width:1200px;margin:0 auto;padding:var(--help-spacing-2xl) var(--help-spacing-xl);min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);position:relative;border-radius:var(--help-radius-xl);overflow:hidden}.help-page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none;z-index:0;border-radius:var(--help-radius-xl)}.help-page-container>*{position:relative;z-index:1}.help-page-title{font-size:3rem!important;font-weight:800!important;color:var(--help-text-primary)!important;margin:0 0 var(--help-spacing-lg) 0!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:var(--help-spacing-md)!important;text-shadow:0 4px 12px rgba(0,0,0,.15)!important;position:relative}.help-page-title:before{content:"🆘";font-size:2.5rem;margin-right:var(--help-spacing-sm);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.help-page-subtitle{text-align:center;color:var(--help-text-secondary);font-size:1.25rem;font-weight:500;margin:0 0 var(--help-spacing-3xl) 0;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;text-shadow:0 2px 8px rgba(0,0,0,.1)}.help-page-container .help-page-title,.help-page-container h1.help-page-title{color:#1a202c!important;-webkit-text-fill-color:#1a202c!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important}.help-page-container .help-page-subtitle,.help-page-container p.help-page-subtitle{color:#4a5568!important;-webkit-text-fill-color:#4a5568!important}.help-title-dark,h1.help-title-dark,.help-page-container .help-title-dark{color:#1a202c!important;-webkit-text-fill-color:#1a202c!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important;background:transparent!important;background-clip:unset!important;-webkit-background-clip:unset!important}.help-subtitle-dark,p.help-subtitle-dark,.help-page-container .help-subtitle-dark{color:#4a5568!important;-webkit-text-fill-color:#4a5568!important;background:transparent!important;background-clip:unset!important;-webkit-background-clip:unset!important}.help-accordion-container{max-width:900px;margin:0 auto;background:var(--help-surface-elevated);border-radius:var(--help-radius-xl);box-shadow:var(--help-shadow-lg);overflow:hidden;border:1px solid var(--help-border-light)}.help-accordion .accordion-item{border:none!important;border-bottom:1px solid var(--help-border-light)!important;background:transparent!important}.help-accordion .accordion-item:last-child{border-bottom:none!important}.help-accordion .accordion-item:first-child{border-top:none!important}.help-accordion .accordion-item:first-child .accordion-button{border-top-left-radius:var(--help-radius-xl)!important;border-top-right-radius:var(--help-radius-xl)!important}.help-accordion .accordion-item:last-child .accordion-button.collapsed{border-bottom-left-radius:var(--help-radius-xl)!important;border-bottom-right-radius:var(--help-radius-xl)!important}.help-accordion .accordion-button{background:linear-gradient(135deg,var(--help-surface) 0%,var(--help-surface-secondary) 100%)!important;border:none!important;color:var(--help-text-primary)!important;font-weight:700!important;font-size:1.125rem!important;padding:var(--help-spacing-xl) var(--help-spacing-2xl)!important;transition:all .3s ease!important;position:relative!important;text-transform:none!important;letter-spacing:.02em!important}.help-accordion .accordion-button:not(.collapsed){background:linear-gradient(135deg,var(--help-primary) 0%,var(--help-primary-dark) 100%)!important;color:#fff!important;box-shadow:var(--help-shadow-md)!important}.help-accordion .accordion-button:hover{background:linear-gradient(135deg,var(--help-surface-secondary) 0%,var(--help-surface-tertiary) 100%)!important;transform:translateY(-1px)!important;box-shadow:var(--help-shadow-sm)!important}.help-accordion .accordion-button:not(.collapsed):hover{background:linear-gradient(135deg,var(--help-primary-dark) 0%,var(--help-secondary) 100%)!important;color:#fff!important}.help-accordion .accordion-button:focus{border-color:var(--help-primary)!important;box-shadow:0 0 0 3px #667eea1a!important}.help-accordion .accordion-button:after{background-image:none!important;content:"⌄"!important;font-size:1.5rem!important;font-weight:700!important;color:var(--help-text-secondary)!important;transition:all .3s ease!important;width:auto!important;height:auto!important;background-size:auto!important}.help-accordion .accordion-button:not(.collapsed):after{transform:rotate(180deg)!important;color:#fff!important}.help-accordion .accordion-body{padding:var(--help-spacing-2xl)!important;background:var(--help-surface)!important;border-top:1px solid var(--help-border-light)!important}.help-support-contact{background:linear-gradient(135deg,var(--help-surface) 0%,var(--help-surface-secondary) 100%);border-radius:var(--help-radius-lg);padding:var(--help-spacing-2xl);border:1px solid var(--help-border-light);box-shadow:var(--help-shadow-md);position:relative;overflow:hidden}.help-support-contact:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--help-success) 0%,var(--help-info) 100%)}.help-support-contact h3{font-size:1.75rem;font-weight:700;color:var(--help-text-primary);margin:0 0 var(--help-spacing-md) 0;display:flex;align-items:center;gap:var(--help-spacing-sm)}.help-support-contact h3:before{content:"🤝";font-size:1.5rem}.help-support-contact>p{color:var(--help-text-secondary);font-size:1.125rem;line-height:1.6;margin:0 0 var(--help-spacing-xl) 0;font-weight:500}.help-contact-method{background:var(--help-surface-elevated);border-radius:var(--help-radius-md);padding:var(--help-spacing-xl);margin:var(--help-spacing-lg) 0;border:1px solid var(--help-border);transition:all .3s ease;position:relative}.help-contact-method:hover{transform:translateY(-2px);box-shadow:var(--help-shadow-md);border-color:var(--help-primary)}.help-contact-method h4{font-size:1.25rem;font-weight:700;color:var(--help-text-primary);margin:0 0 var(--help-spacing-sm) 0;display:flex;align-items:center;gap:var(--help-spacing-sm)}.help-contact-method p{color:var(--help-text-secondary);margin:0 0 var(--help-spacing-md) 0;font-weight:500;line-height:1.5}.help-support-email,.help-support-phone{display:inline-flex;align-items:center;gap:var(--help-spacing-sm);background:linear-gradient(135deg,var(--help-primary) 0%,var(--help-primary-dark) 100%);color:#fff;padding:var(--help-spacing-md) var(--help-spacing-xl);border-radius:var(--help-radius-md);text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:var(--help-shadow-sm);position:relative;overflow:hidden}.help-support-email:hover,.help-support-phone:hover{transform:translateY(-2px);box-shadow:var(--help-shadow-md);color:#fff;text-decoration:none}.help-support-email:before{content:"✉️";font-size:1rem}.help-support-phone:before{content:"📞";font-size:1rem}.help-terminal-container{background:#1a1d23;border-radius:var(--help-radius-lg);overflow:hidden;box-shadow:var(--help-shadow-lg);border:1px solid #2d3748;margin:var(--help-spacing-lg) 0;position:relative}.help-terminal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff5f56,#ffbd2e,#27ca3f 66%,#667eea)}.help-terminal-header{background:linear-gradient(135deg,#2d3748,#1a1d23);padding:var(--help-spacing-md) var(--help-spacing-xl);border-bottom:1px solid #4a5568;display:flex;justify-content:space-between;align-items:center}.help-terminal-header:before{content:"● ● ●";color:#4a5568;font-size:.8rem;letter-spacing:.25rem}.help-copy-button{background:linear-gradient(135deg,var(--help-success) 0%,#38a169 100%);border:none;color:#fff;padding:var(--help-spacing-sm) var(--help-spacing-md);border-radius:var(--help-radius-sm);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:var(--help-spacing-xs);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.help-copy-button:hover{transform:translateY(-1px);box-shadow:var(--help-shadow-sm);background:linear-gradient(135deg,#38a169,#2f855a)}.help-copy-button:active{transform:translateY(0)}.help-terminal-body{padding:var(--help-spacing-xl);background:#1a1d23;overflow-x:auto}.help-terminal-body code{color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;background:none;border:none;padding:0;white-space:pre-wrap;word-break:break-all;display:block;text-shadow:0 1px 2px rgba(0,0,0,.3)}.help-terminal-body code .keyword{color:#f56565;font-weight:600}.help-terminal-body code .string{color:#68d391}.help-terminal-body code .function{color:#63b3ed}.help-terminal-body code .comment{color:#a0aec0;font-style:italic}.help-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--help-spacing-lg);margin:var(--help-spacing-xl) 0}.help-quick-action{background:var(--help-surface-elevated);border-radius:var(--help-radius-lg);padding:var(--help-spacing-xl);border:1px solid var(--help-border-light);transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.help-quick-action:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--help-primary) 0%,var(--help-secondary) 100%)}.help-quick-action:hover{transform:translateY(-4px);box-shadow:var(--help-shadow-lg);border-color:var(--help-primary)}.help-quick-action h4{font-size:1.125rem;font-weight:700;color:var(--help-text-primary);margin:0 0 var(--help-spacing-sm) 0;display:flex;align-items:center;justify-content:center;gap:var(--help-spacing-xs)}.help-quick-action p{color:var(--help-text-secondary);font-size:.95rem;line-height:1.5;margin:0}@media (max-width: 768px){.help-page-container{padding:var(--help-spacing-sm) var(--help-spacing-xs)!important;margin:0!important;border-radius:0!important;min-height:100vh!important;max-width:100%!important}.help-page-title{font-size:2rem!important;line-height:1.2!important;margin-bottom:var(--help-spacing-md)!important;text-align:center!important}.help-page-subtitle{font-size:1.125rem!important;margin-bottom:var(--help-spacing-lg)!important;text-align:center!important}.help-grid,.help-sections-grid,.help-categories-grid{grid-template-columns:1fr!important;gap:var(--help-spacing-md)!important}.help-card,.help-section-card,.help-category-card{padding:var(--help-spacing-md)!important;margin-bottom:var(--help-spacing-sm)!important;border-radius:var(--help-radius-md)!important}.help-card h3,.help-section-card h3,.help-category-card h3{font-size:1.25rem!important;margin-bottom:var(--help-spacing-sm)!important}.help-card p,.help-section-card p,.help-category-card p{font-size:.95rem!important;line-height:1.6!important}.help-search-section{padding:var(--help-spacing-md)!important;margin-bottom:var(--help-spacing-lg)!important}.help-search-container{display:flex!important;flex-direction:column!important;gap:var(--help-spacing-md)!important}.help-search-input{width:100%!important;min-height:56px!important;padding:var(--help-spacing-md) var(--help-spacing-lg)!important;font-size:1rem!important;border-radius:var(--help-radius-md)!important;border:2px solid var(--help-border)!important}.help-search-input:focus{border-color:var(--help-primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.help-btn,.btn{min-height:56px!important;padding:var(--help-spacing-md) var(--help-spacing-lg)!important;font-size:1rem!important;font-weight:600!important;border-radius:var(--help-radius-md)!important;width:100%!important;margin-bottom:var(--help-spacing-sm)!important}.help-support-email,.help-support-phone{padding:var(--help-spacing-sm) var(--help-spacing-md)!important;font-size:.95rem!important;width:100%!important;justify-content:center!important;margin-bottom:var(--help-spacing-sm)!important;box-sizing:border-box!important}.help-contact-method{padding:var(--help-spacing-md)!important;margin:var(--help-spacing-sm) 0!important;width:100%!important;box-sizing:border-box!important}.help-faq-section{padding:var(--help-spacing-lg)!important}.help-faq-item{margin-bottom:var(--help-spacing-md)!important;border-radius:var(--help-radius-md)!important;border:1px solid var(--help-border)!important}.help-faq-question{padding:var(--help-spacing-md)!important;font-size:1rem!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.help-faq-answer{padding:var(--help-spacing-md)!important;font-size:.95rem!important;line-height:1.6!important;border-top:1px solid var(--help-border)!important}.help-contact-section{padding:var(--help-spacing-lg)!important}.help-contact-form{display:flex!important;flex-direction:column!important;gap:var(--help-spacing-lg)!important}.help-contact-form .form-group{display:flex!important;flex-direction:column!important;gap:var(--help-spacing-sm)!important}.help-contact-form label{font-size:1rem!important;font-weight:600!important;color:var(--help-text-secondary)!important}.help-contact-form input,.help-contact-form textarea,.help-contact-form select{min-height:56px!important;padding:var(--help-spacing-md) var(--help-spacing-lg)!important;font-size:1rem!important;border-radius:var(--help-radius-md)!important;border:2px solid var(--help-border)!important;width:100%!important;box-sizing:border-box!important}.help-contact-form textarea{min-height:120px!important;resize:vertical!important}.help-contact-form input:focus,.help-contact-form textarea:focus,.help-contact-form select:focus{border-color:var(--help-primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.help-docs-section{padding:var(--help-spacing-lg)!important}.help-docs-navigation{display:flex!important;flex-direction:column!important;gap:var(--help-spacing-sm)!important;margin-bottom:var(--help-spacing-lg)!important}.help-docs-nav-item{padding:var(--help-spacing-md)!important;border-radius:var(--help-radius-md)!important;border:1px solid var(--help-border)!important;text-decoration:none!important;color:var(--help-text-primary)!important;font-weight:500!important}.help-docs-nav-item:hover,.help-docs-nav-item.active{background-color:var(--help-primary)!important;color:#fff!important;border-color:var(--help-primary)!important}.help-docs-content{padding:var(--help-spacing-lg)!important;background:var(--help-surface)!important;border-radius:var(--help-radius-md)!important;border:1px solid var(--help-border)!important}.help-docs-content h1,.help-docs-content h2,.help-docs-content h3{margin-bottom:var(--help-spacing-md)!important;line-height:1.3!important}.help-docs-content h1{font-size:1.75rem!important}.help-docs-content h2{font-size:1.5rem!important}.help-docs-content h3{font-size:1.25rem!important}.help-docs-content p{font-size:1rem!important;line-height:1.6!important;margin-bottom:var(--help-spacing-md)!important}.help-docs-content code{background:var(--help-surface-secondary)!important;padding:.2rem .4rem!important;border-radius:var(--help-radius-sm)!important;font-size:.9rem!important;color:var(--help-primary)!important}.help-docs-content pre{background:var(--help-surface-secondary)!important;padding:var(--help-spacing-md)!important;border-radius:var(--help-radius-md)!important;overflow-x:auto!important;font-size:.85rem!important;line-height:1.4!important}.help-modal .modal-dialog{margin:var(--help-spacing-md)!important;max-width:calc(100vw - 2rem)!important}.help-modal .modal-content{border-radius:var(--help-radius-lg)!important}.help-modal .modal-header,.help-modal .modal-body,.help-modal .modal-footer{padding:var(--help-spacing-lg)!important}.help-modal .modal-footer{flex-direction:column!important;gap:var(--help-spacing-sm)!important}.help-modal .modal-footer .btn{margin:0!important}.help-alert,.alert{border-radius:var(--help-radius-md)!important;padding:var(--help-spacing-md)!important;font-size:.95rem!important;margin-bottom:var(--help-spacing-lg)!important}.help-breadcrumb{flex-wrap:wrap!important;gap:var(--help-spacing-xs)!important;margin-bottom:var(--help-spacing-lg)!important}.help-breadcrumb-item{font-size:.9rem!important}.help-loading,.spinner-border{width:1.5rem!important;height:1.5rem!important}.help-video-container{position:relative!important;padding-bottom:56.25%!important;height:0!important;overflow:hidden!important;border-radius:var(--help-radius-md)!important}.help-video-container iframe,.help-video-container video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border-radius:var(--help-radius-md)!important}}@media (max-width: 480px){.help-page-container{padding:var(--help-spacing-xs) var(--help-spacing-xs)!important}.help-page-title{font-size:1.75rem!important;margin-bottom:var(--help-spacing-sm)!important}.help-page-subtitle{font-size:1rem!important;margin-bottom:var(--help-spacing-md)!important}.help-card,.help-section-card,.help-category-card{padding:var(--help-spacing-sm)!important;margin-bottom:var(--help-spacing-xs)!important}.help-grid,.help-sections-grid,.help-categories-grid{gap:var(--help-spacing-sm)!important}.help-search-section{padding:var(--help-spacing-sm)!important;margin-bottom:var(--help-spacing-md)!important}.help-support-email,.help-support-phone{padding:var(--help-spacing-xs) var(--help-spacing-sm)!important;font-size:.9rem!important;min-height:52px!important}.help-contact-method{padding:var(--help-spacing-sm)!important;margin:var(--help-spacing-xs) 0!important}.help-btn,.btn{padding:var(--help-spacing-sm) var(--help-spacing-md)!important;font-size:.95rem!important;min-height:52px!important}.help-btn,.btn{min-height:52px!important;font-size:.95rem!important}.help-contact-form input,.help-contact-form textarea,.help-contact-form select{min-height:52px!important}.help-modal .modal-dialog{margin:var(--help-spacing-sm)!important;max-width:calc(100vw - 1rem)!important}.help-modal .modal-header,.help-modal .modal-body,.help-modal .modal-footer{padding:var(--help-spacing-md)!important}.help-docs-content h1{font-size:1.5rem!important}.help-docs-content h2{font-size:1.25rem!important}.help-docs-content h3{font-size:1.125rem!important}.help-docs-content pre{font-size:.8rem!important}}@media (max-width: 768px) and (orientation: landscape){.help-page-container{padding:var(--help-spacing-md)!important}.help-page-title{font-size:1.75rem!important;margin-bottom:var(--help-spacing-md)!important}.help-sections-grid{grid-template-columns:repeat(2,1fr)!important}}@media (hover: none) and (pointer: coarse){.help-btn:hover,.btn:hover{transform:none!important}.help-search-input:hover,.help-contact-form input:hover,.help-contact-form textarea:hover{border-color:var(--help-border)!important}.help-faq-question,.help-docs-nav-item{min-height:56px!important;display:flex!important;align-items:center!important}.help-contact-form .form-group{margin-bottom:var(--help-spacing-xl)!important}}@media (max-width: 768px){.help-btn:focus,.btn:focus,.help-search-input:focus,.help-contact-form input:focus,.help-contact-form textarea:focus,.help-contact-form select:focus{outline:3px solid rgba(102,126,234,.6)!important;outline-offset:2px!important}.text-muted{color:var(--help-text-secondary)!important}.is-invalid{border-color:var(--help-danger)!important;box-shadow:0 0 0 3px #f5656526!important}.help-skip-link{position:absolute!important;top:-40px!important;left:6px!important;background:var(--help-primary)!important;color:#fff!important;padding:8px!important;text-decoration:none!important;border-radius:var(--help-radius-sm)!important;z-index:1000!important}.help-skip-link:focus{top:6px!important}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.help-search-input,.help-contact-form input,.help-contact-form textarea,.help-contact-form select,.help-btn,.btn{border-width:1px!important}}@media print{.help-page-container{background:#fff;box-shadow:none}.help-accordion-container{box-shadow:none;border:1px solid #ccc}.help-copy-button{display:none}.help-terminal-container{background:#fff;border:1px solid #ccc}.help-terminal-body{background:#fff}.help-terminal-body code{color:#000}}@media (prefers-contrast: high){.help-accordion-container,.help-support-contact,.help-contact-method,.help-terminal-container{border-width:2px}}@media (prefers-color-scheme: dark){:root{--help-surface: #1a202c;--help-surface-secondary: #2d3748;--help-surface-tertiary: #4a5568;--help-surface-elevated: #2d3748;--help-text-primary: #f7fafc;--help-text-secondary: #e2e8f0;--help-text-muted: #a0aec0;--help-text-light: #718096;--help-border: #4a5568;--help-border-light: #2d3748}}.help-dns-steps{list-style:none;counter-reset:dns-step-counter;padding-left:0}.help-dns-steps li{counter-increment:dns-step-counter;margin-bottom:var(--help-spacing-xl);position:relative;padding-left:var(--help-spacing-2xl)}.help-dns-steps li:before{content:counter(dns-step-counter);position:absolute;left:0;top:0;background:linear-gradient(135deg,var(--help-primary) 0%,var(--help-primary-dark) 100%);color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:var(--help-shadow-sm)}.help-dns-steps li strong{display:block;color:var(--help-text-primary);font-size:1.125rem;margin-bottom:var(--help-spacing-sm)}.help-dns-steps li p{color:var(--help-text-secondary);margin:var(--help-spacing-sm) 0;line-height:1.6}.help-dns-steps li ul{margin:var(--help-spacing-sm) 0;padding-left:var(--help-spacing-lg)}.help-dns-steps li ul li{margin-bottom:var(--help-spacing-xs);padding-left:0}.help-dns-steps li ul li:before{display:none}.help-note{background:var(--help-warning);background:linear-gradient(135deg,#ed89361a,#ed89360d);border-left:4px solid var(--help-warning);padding:var(--help-spacing-md);border-radius:var(--help-radius-sm);margin:var(--help-spacing-md) 0;color:var(--help-text-primary)}.help-troubleshooting{list-style:none;padding-left:0}.help-troubleshooting li{background:var(--help-surface-secondary);padding:var(--help-spacing-md);margin-bottom:var(--help-spacing-sm);border-radius:var(--help-radius-sm);border-left:3px solid var(--help-danger)}.help-troubleshooting li strong{color:var(--help-danger);display:block;margin-bottom:var(--help-spacing-xs)}.navbar{width:250px;height:100vh;min-height:400px;background-color:#232f3c;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;transition:all .3s ease;overflow:hidden;z-index:1000;align-items:stretch;padding:0!important}.navbar.collapsed{width:80px}@media (max-width: 768px){.navbar{width:280px;top:60px;height:calc(100vh - 60px);transform:translate(-100%);z-index:1001;box-shadow:2px 0 10px #0000001a}.navbar:not(.collapsed){transform:translate(0)}.navbar-main{-webkit-overflow-scrolling:touch}}.navbar-mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background-color:#232f3c;color:#fff;z-index:1002;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.navbar-mobile-header{display:grid;grid-template-columns:60px 1fr 60px;align-items:center}}.navbar-mobile-toggle{background:none;border:none;color:#fff;font-size:1.5rem;padding:.5rem;cursor:pointer;border-radius:4px;transition:background-color .2s ease;justify-self:start;margin-left:.5rem}.navbar-mobile-toggle:hover{background-color:#ffffff1a}.navbar-mobile-logo{height:40px;width:auto;cursor:pointer;justify-self:center;grid-column:2}.navbar-mobile-spacer{grid-column:3}.navbar-mobile-overlay{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}@media (max-width: 768px){.navbar-mobile-overlay{display:block}}.navbar-toggle-container{display:flex;padding:0}@media (max-width: 768px){.navbar-toggle-container{display:none}}.navbar-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:12px 40px;text-align:left;display:flex;justify-content:flex-start;align-items:center;width:100%;border-radius:0;transition:background-color .2s ease}.navbar-toggle:hover{background-color:#555}.navbar-toggle span{margin-left:12px}.navbar-logo{width:100%;max-width:200px;margin:5px auto;display:block}@media (max-width: 768px){.navbar-logo{display:none}}.navbar-project-select,.navbar-environment-select{width:90%;max-width:300px;margin:5px 10px;padding:12px;font-size:1rem;border:1px solid #ccc;border-radius:8px;background-color:#fff;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}@media (max-width: 768px){.navbar-project-select,.navbar-environment-select{margin:8px;padding:14px;font-size:1.1rem}}.navbar-project-select:focus,.navbar-environment-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 4px #007bff80}.navbar-header{flex-shrink:0;background-color:#232f3c;max-height:30%}.navbar-main{flex:1 1 0;min-height:100px;overflow-y:auto;overflow-x:hidden;background-color:#232f3c}.navbar-footer{flex:0 0 auto;min-height:fit-content;max-height:calc(100vh - 250px);overflow-y:auto;overflow-x:hidden;background-color:#232f3c;border-top:1px solid rgba(255,255,255,.1);padding:0}.navbar-links,.navbar-bottom-links{list-style:none;padding:0;margin:0}.navbar-links li,.navbar-bottom-links li{padding:0;display:flex}.navbar-links li a,.navbar-bottom-links li a{display:flex;align-items:center;padding:12px 40px;color:#fff;text-decoration:none;cursor:pointer;width:100%;transition:background-color .2s ease;border-radius:0}@media (max-width: 768px){.navbar-links li a,.navbar-bottom-links li a{padding:16px 20px;font-size:1.1rem}.navbar-links li a span,.navbar-bottom-links li a span{margin-left:12px}}.navbar-links li a.active,.navbar-bottom-links li a.active{background-color:#007bff;width:100%;display:flex;padding:12px 40px;text-align:left}.navbar-links li a:hover,.navbar-bottom-links li a:hover{background-color:#555}.navbar-links li a span,.navbar-bottom-links li a span{margin-left:12px}.navbar-accordion{display:flex;flex-direction:column}.navbar-accordion-toggle{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 40px;width:100%;transition:background-color .2s ease;border-radius:0;text-align:left}.navbar-accordion-toggle:hover{background-color:#555}.navbar-accordion-toggle.active{background-color:#007bff}.navbar-accordion-toggle span{margin-left:12px;flex-grow:1}.navbar-accordion-toggle svg:last-child{margin-left:auto}@media (max-width: 768px){.navbar-accordion-toggle{padding:16px 20px;font-size:1.1rem}}.navbar-accordion-submenu{list-style:none;padding:0;margin:0;background-color:#0003}.navbar-accordion-submenu li{padding:0;display:flex}.navbar-accordion-submenu li a{display:flex;align-items:center;padding:10px 60px;color:#fff;text-decoration:none;cursor:pointer;width:100%;transition:background-color .2s ease;border-radius:0;font-size:.9rem}.navbar-accordion-submenu li a:hover{background-color:#555}.navbar-accordion-submenu li a.active{background-color:#0056b3;padding:10px 60px}@media (max-width: 768px){.navbar-accordion-submenu li a{padding:12px 40px;font-size:1rem}}.navbar-profile-container{position:relative}.navbar-profile{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;padding:12px 40px;width:100%;transition:background-color .2s ease;border-radius:0}.navbar-profile:hover{background-color:#555}@media (max-width: 768px){.navbar-profile{padding:16px 20px;font-size:1.1rem}}.navbar-profile span{margin-left:12px}.navbar-profile-dropdown{position:fixed;background-color:#fff;color:#000;box-shadow:0 8px 24px #00000026;border-radius:8px;overflow:hidden;z-index:1003;min-width:200px}@media (max-width: 768px){.navbar-profile-dropdown{left:10px!important;right:10px!important;width:auto!important;min-width:auto}}.navbar-profile-dropdown a{display:flex;align-items:center;padding:12px 20px;color:#000;text-decoration:none;transition:background-color .2s ease}.navbar-profile-dropdown a span{margin-left:12px}.navbar-profile-dropdown a:hover{background-color:#f0f0f0}@media (max-width: 768px){.navbar-profile-dropdown a{padding:16px 20px;font-size:1.1rem}.navbar-profile-dropdown a span{margin-left:12px}}.modal-backdrop{height:auto!important}.modal-content{border-radius:8px}.modal-header{border-bottom:1px solid #dee2e6;padding:1rem}.modal-header .btn-close{padding:.5rem;margin:-.5rem -.5rem -.5rem auto;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}.modal-body{padding:1rem}.form-group{display:flex;align-items:center;margin-bottom:1rem}.form-label{margin-bottom:0;margin-right:1rem;min-width:100px}.form-control{flex:1}.modal-footer{border-top:1px solid #dee2e6;padding:1rem;display:flex;justify-content:flex-end;gap:.5rem}.layout-container{min-height:100vh;display:flex;flex-direction:column;width:100vw;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.layout-content{flex:1 0 auto;display:flex;flex-direction:column;min-height:0;width:100%;max-width:100vw;box-sizing:border-box}.layout-main{flex:1 0 auto;max-width:100vw;box-sizing:border-box;overflow-x:hidden;padding:0;margin-left:250px;transition:margin-left .3s ease}@media (max-width: 768px){.layout-main{margin-left:0!important;padding-top:60px}}.layout-container.collapsed .layout-main{margin-left:80px}.footer{flex-shrink:0;width:100%;background:#232f3c;color:#fff;text-align:center;padding:1rem 0;border-top:1px solid #555;margin-left:250px;transition:margin-left .3s ease}.layout-container.collapsed .footer{margin-left:80px}@media (max-width: 768px){.footer{margin-left:0!important;padding:.75rem 0;font-size:.9rem}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--dark-surface: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .2);--shadow-soft: 0 20px 40px rgba(0, 0, 0, .1);--shadow-button: 0 8px 32px rgba(102, 126, 234, .3);--border-radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.register{min-height:100vh;position:relative;overflow-x:hidden;display:flex;flex-direction:column}.signin-header{position:relative;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);padding:1rem 2rem;text-align:center;z-index:1000;transition:var(--transition);flex-shrink:0}.signin-logo{max-height:40px;width:auto;filter:brightness(1.2) drop-shadow(0 2px 8px rgba(0,0,0,.1));transition:var(--transition)}.register-content{max-width:500px;margin:0 auto;padding:2rem;position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px)}.value-proposition{text-align:center;margin-bottom:3rem;margin-top:5rem}.value-proposition h2{font-size:2.8rem;font-weight:700;color:#1a202c;margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.1);letter-spacing:-.02em}.subheading{font-size:1.2rem;color:#4a5568;margin-bottom:2rem;line-height:1.6;font-weight:500}.benefits-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:left}.benefit-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#fffc;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(0,0,0,.05)}.check-icon{width:24px;height:24px;background:#48bb78;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.benefit-item span:last-child{color:#2d3748;font-weight:500}.social-proof{background:#ffffffe6;padding:2rem;border-radius:16px;text-align:center;margin-bottom:3rem;box-shadow:0 4px 16px #0000000d;border:1px solid rgba(0,0,0,.05)}.testimonial{max-width:400px;margin:0 auto}.stars{color:#f6ad55;font-size:1.5rem;margin-bottom:1rem;display:block}.testimonial p{font-size:1.1rem;font-style:italic;color:#2d3748;margin-bottom:1rem;line-height:1.6}.author{color:#4a5568;font-size:.9rem;font-weight:500}.signup-section{background:#fffffff2;padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(0,0,0,.05);margin-bottom:3rem}.signup-section h3{text-align:center;color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:2rem}.gsi-material-button,.facebook-button{width:100%;height:60px;border:none;border-radius:var(--border-radius);background:#4a5568;cursor:pointer;transition:var(--transition);margin:0 auto 1rem;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a;display:block;font-size:1.1rem;font-weight:600}.primary-cta{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 8px 32px #667eea4d!important;transform:translateY(0);transition:all .3s ease}.primary-cta:hover{transform:translateY(-3px)!important;box-shadow:0 12px 40px #667eea66!important;background:linear-gradient(135deg,#5a67d8,#6b46c1)!important}.gsi-material-button:hover,.facebook-button:hover{transform:translateY(-2px);box-shadow:0 25px 50px #00000026;background:#2d3748}.email-signup-toggle{width:100%;height:56px;border:2px solid #4a5568;border-radius:var(--border-radius);background:transparent;color:#4a5568;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin:0 auto 2rem;display:block}.email-signup-toggle:hover{background:#4a5568;color:#fff}.gsi-material-button:hover{background:#8396ff}.gsi-material-button-content-wrapper,.facebook-button-content{display:flex;align-items:center;justify-content:center;gap:12px;height:100%;padding:0 24px}.gsi-material-button-contents,.facebook-button span{font-size:1rem;font-weight:500;color:#fff}.gsi-material-button-icon,.facebook-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.gsi-material-button-contents,.facebook-button-content span,.gsi-material-button span,.facebook-button span,.gsi-material-button .gsi-material-button-content-wrapper span,.facebook-button .facebook-button-content span{color:#fff!important;font-weight:700!important}.divider{position:relative;text-align:center;margin:2rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#0003}.divider span{background:linear-gradient(to right,#4a5568,#2d3748);color:#fff;padding:0 1rem;font-size:.875rem;font-weight:500;position:relative;z-index:1}.register-content>button{width:100%;height:56px;border:2px solid #4a5568;border-radius:var(--border-radius);background:#4a5568;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin:0 auto 2rem;display:block}.fields-input{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius);padding:2.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(0,0,0,.05);margin-top:1rem;animation:slideUp .6s cubic-bezier(.4,0,.2,1)}.form-header{text-align:center;margin-bottom:2rem}.form-header h4{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.form-subtitle{color:#4a5568;font-size:1rem;margin:0}.trust-indicators{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0;padding:1rem;background:#48bb781a;border-radius:8px;border:1px solid rgba(72,187,120,.2)}.security-badge{display:flex;align-items:center;gap:.5rem;color:#38a169;font-size:.9rem;font-weight:500}.privacy-note{color:#4a5568;font-size:.85rem;font-style:italic}.form-footer{text-align:center;margin-top:1.5rem}.terms-text{color:#718096;font-size:.85rem;line-height:1.5}.terms-text a{color:#4a5568;text-decoration:underline}.terms-text a:hover{color:#2d3748}.urgency-section{background:linear-gradient(135deg,#f6ad55,#ed8936);padding:1.5rem;border-radius:16px;text-align:center;margin-bottom:3rem;box-shadow:0 4px 16px #ed89364d;color:#fff}.offer-badge{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;display:inline-block}.limited-time-offer p{font-size:1.2rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.social-proof-logos{text-align:center;margin-bottom:3rem}.trusted-by{color:#4a5568;font-size:.9rem;margin-bottom:1rem;font-weight:500}.company-logos{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.logo-placeholder{padding:.5rem 1rem;background:#fffc;border-radius:8px;color:#4a5568;font-weight:600;font-size:.9rem;border:1px solid rgba(0,0,0,.1);opacity:.8}@media (max-width: 768px){.benefits-list{gap:.75rem}.benefit-item{padding:.5rem .75rem}.company-logos{gap:1rem}.logo-placeholder{font-size:.8rem;padding:.4rem .8rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:1.5rem;position:relative}.form-control{width:100%;height:60px;border:2px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;font-size:1.1rem;background:#fff;transition:var(--transition);box-sizing:border-box;font-family:inherit;line-height:1.5;color:#1a202c!important;box-shadow:0 2px 8px #0000000a;-webkit-text-fill-color:#1a202c!important}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #00000014;transform:translateY(-1px);color:#1a202c!important;-webkit-text-fill-color:#1a202c!important}.form-control:hover:not(:focus){border-color:#d1d5db;box-shadow:0 4px 12px #0000000f}.form-control::placeholder{color:#4a5568!important;font-weight:400;font-size:1rem;opacity:1!important}.form-control::-moz-placeholder{color:#4a5568!important;opacity:1!important}.form-control::-webkit-input-placeholder{color:#4a5568!important;opacity:1!important}.form-control:-ms-input-placeholder{color:#4a5568!important;opacity:1!important}.form-control::-ms-input-placeholder{color:#4a5568!important;opacity:1!important}.form-control:valid{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.form-control:valid:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a,0 4px 12px #00000014}.form-group.has-error .form-control{border-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2);box-shadow:0 0 0 4px #ef44441a}.form-group.has-error .form-control:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444426,0 4px 12px #00000014}.help-block{color:#ef4444;font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ef44440d;border-radius:8px;border-left:3px solid #ef4444;animation:slideIn .3s ease-out}.help-block:before{content:"⚠️";font-size:.75rem;flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-submit{width:100%;height:60px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 8px 32px #667eea4d;position:relative;overflow:hidden;text-transform:none;letter-spacing:.5px}.form-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition)}.form-submit:hover{transform:translateY(-3px);box-shadow:0 12px 40px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.form-submit:hover:before{left:100%}.form-submit:active{transform:translateY(0)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:0 25px 50px #00000040;z-index:2000;max-width:400px;width:90%;text-align:center;animation:modalSlide .3s cubic-bezier(.4,0,.2,1)}.modal:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1}@keyframes modalSlide{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.modal h4{color:#6b7280;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:1.5rem}.modal input{width:100%;height:48px;border:2px solid #e5e7eb;border-radius:8px;padding:0 1rem;margin:1rem 0;font-size:1rem}.modal button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.modal button:hover{transform:translateY(-1px);box-shadow:0 8px 25px #667eea4d}.register .auth-footer{position:static!important;width:100%!important;margin-top:3rem!important;padding:2rem 0!important;background:transparent!important;border-top:1px solid rgba(0,0,0,.1)!important}.register .auth-footer,.register .auth-footer *,.register .auth-footer p,.register .auth-footer span,.register .auth-footer div{color:#4a5568!important}.register .auth-footer a,.register .auth-footer a:link,.register .auth-footer a:visited{color:#2d3748!important;transition:var(--transition);text-decoration:none}.register .auth-footer a:hover,.register .auth-footer a:focus{color:#1a202c!important;text-decoration:underline}.register .footer-links a{color:#2d3748!important;text-decoration:none!important;font-size:14px!important;transition:color .2s!important}.register .footer-links a:hover{color:#1a202c!important}.register .footer-copyright{color:#4a5568!important;font-size:12px!important}.register .footer .copyright,.register .footer [class*=copyright],.register .footer-copyright{color:#4a5568!important}@media (max-width: 768px){.register-content{padding:1rem;max-width:100%;min-height:calc(100vh - 70px)}.value-proposition h2{font-size:2.2rem}.subheading{font-size:1.1rem}.fields-input{padding:1.5rem}.signup-section{padding:2rem}.modal{margin:1rem;width:calc(100% - 2rem)}.signin-header{padding:1rem}.benefits-list{gap:.75rem}.benefit-item{padding:.5rem .75rem}.company-logos{gap:1rem}.logo-placeholder{font-size:.8rem;padding:.4rem .8rem}}@media (max-width: 480px){.register-content{padding:.5rem;min-height:calc(100vh - 60px)}.value-proposition h2{font-size:1.8rem}.signin-header{padding:.5rem}.social-proof,.signup-section{padding:1.5rem}.fields-input{padding:1.25rem}}.form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-submit:disabled:hover{transform:none;box-shadow:var(--shadow-button)}.form-control:focus,.modal input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.register-elite-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;display:flex;flex-direction:column}.register-elite-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.register-elite-logo img{height:40px;width:auto}.register-elite-container{max-width:600px;margin:0 auto;padding:2rem 1.5rem 4rem;flex:1}.register-elite-content{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);padding:3rem 2.5rem;box-shadow:0 20px 60px #0000004d}.register-elite-hero{text-align:center;margin-bottom:3rem}.elite-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#7c3aed33,#8b5cf61a);border:1px solid rgba(124,58,237,.3);padding:.5rem 1rem;border-radius:100px;font-size:.875rem;font-weight:600;color:#a78bfa;margin-bottom:1.5rem}.elite-badge svg{width:16px;height:16px}.register-elite-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2;color:#fff}.gradient-text{background:linear-gradient(135deg,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-elite-subtitle{font-size:1.125rem;color:#fffc;margin-bottom:2rem;line-height:1.6}.register-elite-pricing{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#ffffff14;padding:1rem 2rem;border-radius:12px;margin-top:2rem}.pricing-label{font-size:.875rem;color:#ffffffb3;font-weight:500}.pricing-amount{font-size:2.5rem;font-weight:800;color:#a78bfa;letter-spacing:-.02em}.pricing-period{font-size:1rem;color:#fff9}.register-elite-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2.5rem;margin-bottom:2rem}.register-card-header{text-align:center;margin-bottom:2rem}.register-card-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#fff}.register-card-header p{font-size:.95rem;color:#ffffffb3;line-height:1.5}.register-social-buttons{display:flex;flex-direction:column;align-items:stretch;gap:1rem}.social-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.google-button{background:#fff;color:#1f1f1f;box-shadow:0 2px 8px #00000026}.google-button:hover{background:#f8f8f8;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.facebook-button{background:#1877f2;color:#fff;box-shadow:0 2px 8px #1877f24d}.facebook-button:hover{background:#166fe5;transform:translateY(-2px);box-shadow:0 4px 12px #1877f266}.email-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.email-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0;color:#ffffff80;width:100%}.divider-line{flex:1;height:1px;background:#ffffff1a}.divider:not(:has(span)){display:none}.divider span{font-size:.875rem;font-weight:500;flex-shrink:0;white-space:nowrap}.register-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:.75rem}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-size:.875rem;font-weight:500}.form-group input{padding:.875rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;background:#ffffff0d;color:#fff;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#a78bfa;background:#ffffff14}.form-group input::placeholder{color:#fff6}.error-message{color:#ff6b6b;font-size:.813rem;margin-top:.25rem}.helper-text{color:#ffffff80;font-size:.75rem;margin-top:.25rem;line-height:1.4}.submit-button{padding:1rem 2rem;background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:1.063rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}.submit-button:disabled{opacity:.6;cursor:not-allowed}.back-button{padding:.75rem 1.5rem;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.938rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#ffffff0d;color:#ffffffe6}.register-terms{text-align:center;font-size:.813rem;color:#fff9;margin-top:2rem;padding:1rem 0;line-height:1.5}.register-terms a{color:#a78bfa;text-decoration:none}.register-terms a:hover{text-decoration:underline}.register-trust-signals{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:2rem 0}.trust-signal{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fffc;font-weight:500}.trust-signal svg{color:#a78bfa;flex-shrink:0}@media (max-width: 768px){.register-elite-header{padding:1rem 1.5rem}.register-elite-container{padding:1.5rem 1rem 3rem}.register-elite-content{padding:2rem 1.5rem}.register-elite-title,.pricing-amount{font-size:2rem}.register-elite-card{padding:2rem 1.5rem}.register-trust-signals{flex-direction:column;gap:1rem;text-align:center}.trust-signal{justify-content:center}.form-row{grid-template-columns:1fr;gap:1.25rem}}@media (max-width: 480px){.register-elite-title{font-size:1.75rem}.register-elite-subtitle{font-size:1rem}.social-button{padding:.75rem 1.25rem;font-size:.938rem}.register-card-header h2{font-size:1.5rem}}:root{--regmap-primary: #667eea;--regmap-primary-dark: #5a67d8;--regmap-secondary: #764ba2;--regmap-success: #48bb78;--regmap-warning: #ed8936;--regmap-danger: #f56565;--regmap-info: #4299e1;--regmap-premium: #9f7aea;--regmap-surface: #ffffff;--regmap-surface-secondary: #f8fafc;--regmap-surface-tertiary: #edf2f7;--regmap-surface-elevated: #ffffff;--regmap-text-primary: #1a202c;--regmap-text-secondary: #4a5568;--regmap-text-muted: #718096;--regmap-text-light: #a0aec0;--regmap-border: #e2e8f0;--regmap-border-light: #f1f5f9;--regmap-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--regmap-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--regmap-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--regmap-shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--regmap-radius-sm: 8px;--regmap-radius-md: 12px;--regmap-radius-lg: 16px;--regmap-radius-xl: 20px;--regmap-spacing-xs: .5rem;--regmap-spacing-sm: .75rem;--regmap-spacing-md: 1rem;--regmap-spacing-lg: 1.5rem;--regmap-spacing-xl: 2rem;--regmap-spacing-2xl: 3rem;--regmap-spacing-3xl: 4rem}.registration-flow-container{min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);padding:2rem 1rem;margin-top:70px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.registration-flow-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.signin-header{position:fixed;top:0;left:0;right:0;background:#232f3c!important;padding:1rem 2rem!important;text-align:center;z-index:1000;box-shadow:0 4px 20px #0000001a}.signin-logo{max-height:50px;width:auto;transition:transform .3s ease;filter:brightness(1.1)}.signin-logo:hover{transform:scale(1.05)}.registration-flow-container>h1{text-align:center;color:#2d3748!important;font-size:2rem!important;font-weight:700!important;margin:1rem 0 2rem!important;letter-spacing:-.02em;text-shadow:0 4px 20px rgba(0,0,0,.1);margin-top:100px}.registration-flow-container>h2{text-align:center;color:#1a202c!important;font-size:1.5rem!important;font-weight:600!important;margin:2rem 0 1rem!important;line-height:1.4!important}.registration-flow-container>h2{text-align:center;color:#1a202c!important;font-size:1.75rem!important;font-weight:700!important;margin:2rem 0 1.5rem!important;letter-spacing:-.01em;display:block!important;text-shadow:0 2px 8px rgba(0,0,0,.1)}.mapping-container h2,.registration-flow-container h2{font-size:1.75rem;font-weight:700;color:#1a202c!important;text-align:center;margin:var(--regmap-spacing-3xl) 0 var(--regmap-spacing-xl) 0;text-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:var(--regmap-spacing-sm)}.mapping-container{max-width:1200px;margin:0 auto;padding:1rem!important;margin-top:1rem!important}.company-name-input{width:100%;max-width:500px;margin:0 auto 1rem;display:block;padding:1.25rem 1.5rem;font-size:1.1rem;border:2px solid rgba(255,255,255,.2);border-radius:16px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000001a;font-weight:500;color:#000!important}.company-name-input::placeholder{color:#666!important}.company-name-input:focus{outline:none;border-color:#667eea;box-shadow:0 8px 32px #667eea33,0 0 0 4px #667eea1a;transform:translateY(-2px);color:#000!important}.mapping-container .company-name-input{color:#000!important}.company-name-input.error{border-color:#ef4444;box-shadow:0 8px 32px #ef44444d,0 0 0 4px #ef44441a;animation:shake .5s ease-in-out}.error-text{text-align:center;color:#dc2626!important;font-size:1rem;font-weight:600;margin-bottom:2rem;background:#ef444426;padding:1rem 1.5rem;border-radius:12px;max-width:500px;margin-left:auto;margin-right:auto;border:1px solid rgba(239,68,68,.3);animation:errorPulse .6s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes errorPulse{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.company-name-input.error:focus{border-color:#667eea;box-shadow:0 8px 32px #667eea33,0 0 0 4px #667eea1a;animation:none}.mapping-container h2{font-size:1.75rem;font-weight:700;color:#fffffff2;text-align:center;margin:var(--regmap-spacing-3xl) 0 var(--regmap-spacing-xl) 0;text-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:var(--regmap-spacing-sm)}.mapping-container h2:before{content:"📋";font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.plans-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0;max-width:1200px;margin-left:auto;margin-right:auto}.plan-card-wrapper{position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1)}.plan-card-wrapper:hover{transform:translateY(-8px)}.plan-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;min-height:560px}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-top-left-radius:24px;border-top-right-radius:24px}.plan-card:hover{box-shadow:0 32px 64px #00000026,0 16px 32px #0000001a;border-color:#667eea4d}.plan-card h4{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;letter-spacing:-.01em}.plan-card-wrapper:nth-child(1) .plan-card h4:before{content:"🆓";font-size:1.75rem}.plan-card-wrapper:nth-child(2) .plan-card h4:before{content:"⭐";font-size:1.75rem}.plan-card-wrapper:nth-child(3) .plan-card h4:before{content:"👑";font-size:1.75rem}.plan-card-wrapper:nth-child(2):after{content:"MOST POPULAR";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(to right,#4a5568,#2d3748);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05em;box-shadow:0 8px 20px #4a55684d;z-index:10}.plan-card-wrapper:nth-child(2) .plan-card{border:2px solid #667eea;transform:scale(1.02)}.plan-card-wrapper:nth-child(2) .plan-card:before{background:linear-gradient(90deg,#667eea,#764ba2);height:6px}.plan-price{font-size:3rem;font-weight:800;margin-bottom:2rem;letter-spacing:-.02em;line-height:1}.plan-card-wrapper:nth-child(1) .plan-price{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-card-wrapper:nth-child(2) .plan-price{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-card-wrapper:nth-child(3) .plan-price{background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-benefits{list-style:none;padding:0;margin:1.5rem 0;text-align:left!important}.plan-benefits li{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffe6;font-size:.95rem;line-height:1.4;text-align:left!important;display:flex;align-items:flex-start;position:relative;word-wrap:break-word;overflow-wrap:break-word}.plan-benefits li:before{content:"✓";color:#4ade80;font-weight:700;font-size:1rem;margin-right:.75rem;flex-shrink:0;margin-top:.1rem}.plan-benefits li span,.plan-benefits li:after{text-align:left!important;width:100%}.plan-benefits li{white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.plan-benefits li:contains("250,000"),.plan-benefits li:contains("Continuous Site Analysis"),.plan-benefits li:contains("2,000,000"){text-align:left!important;justify-content:flex-start!important}.plan-card{text-align:center}.plan-card .plan-benefits{text-align:left!important}.select-plan-button{width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 8px 20px #0000001a;position:relative;overflow:hidden;margin-top:auto}.select-plan-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.select-plan-button:hover:before{left:100%}.plan-card-wrapper:nth-child(1) .select-plan-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.plan-card-wrapper:nth-child(1) .select-plan-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 12px 24px #10b9814d}.plan-card-wrapper:nth-child(2) .select-plan-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-card-wrapper:nth-child(2) .select-plan-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 12px 24px #667eea66}.plan-card-wrapper:nth-child(3) .select-plan-button{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.plan-card-wrapper:nth-child(3) .select-plan-button:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);transform:translateY(-2px);box-shadow:0 12px 24px #8b5cf666}@media (max-width: 1024px){.plans-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.plan-card{padding:2rem}}@media (max-width: 768px){.registration-flow-container h1{font-size:2.5rem}.plans-container{grid-template-columns:1fr;gap:1.5rem}.plan-card-wrapper:nth-child(2) .plan-card{transform:none}}.plan-card-wrapper:before{display:none}.plan-card:nth-child(1) h4:before,.plan-card:nth-child(2) h4:before,.plan-card:nth-child(3) h4:before{display:none}:root{--reg-primary: #667eea;--reg-primary-dark: #5a67d8;--reg-secondary: #764ba2;--reg-success: #48bb78;--reg-warning: #ed8936;--reg-danger: #f56565;--reg-info: #4299e1;--reg-opsyogi-orange: #FF9400;--reg-surface: #ffffff;--reg-surface-secondary: #f8fafc;--reg-surface-elevated: #ffffff;--reg-text-primary: #1a202c;--reg-text-secondary: #4a5568;--reg-text-muted: #718096;--reg-text-light: #a0aec0;--reg-border: #e2e8f0;--reg-border-light: #f1f5f9;--reg-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--reg-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--reg-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--reg-radius-sm: 8px;--reg-radius-md: 12px;--reg-radius-lg: 16px;--reg-spacing-xs: .5rem;--reg-spacing-sm: .75rem;--reg-spacing-md: 1rem;--reg-spacing-lg: 1.5rem;--reg-spacing-xl: 2rem;--reg-spacing-2xl: 3rem}.register-card-container{min-height:100vh;position:relative;overflow-x:hidden;display:flex;flex-direction:column;margin-top:70px}.signin-header{position:relative;top:0;left:0;right:0;background:#232f3c;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem;text-align:center;z-index:1000;transition:var(--transition);flex-shrink:0}.signin-logo{max-height:40px}.jumbotron{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem;max-width:1200px;margin:0 auto;width:100%;min-height:calc(100vh - 80px)}.jumbotron:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--reg-primary) 0%,var(--reg-secondary) 100%)}.jumbotron h2{font-size:2.25rem;font-weight:800;color:var(--reg-text-primary);text-align:center;margin:0 0 var(--reg-spacing-xl) 0;background:linear-gradient(135deg,var(--reg-primary) 0%,var(--reg-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.billing-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--reg-spacing-xl);align-items:start;width:100%}.plan-summary{background:linear-gradient(135deg,var(--reg-surface) 0%,var(--reg-surface-secondary) 100%);border-radius:var(--reg-radius-md);padding:var(--reg-spacing-xl);border:1px solid var(--reg-border);box-shadow:var(--reg-shadow-sm);position:sticky;top:var(--reg-spacing-xl)}.plan-summary h4{font-size:1.5rem;font-weight:700;color:var(--reg-text-primary);margin:0 0 var(--reg-spacing-sm) 0;display:flex;align-items:center;gap:var(--reg-spacing-xs)}.plan-summary h4:before{display:none!important;content:none!important}.plan-price{font-size:1.75rem;font-weight:800;color:var(--reg-primary);margin:0 0 var(--reg-spacing-lg) 0;display:flex;align-items:center;gap:var(--reg-spacing-xs)}.plan-price:before{display:none!important;content:none!important}.plan-benefits{list-style:none;padding:0;margin:0 0 var(--reg-spacing-lg) 0}.plan-benefits li{display:flex;align-items:flex-start;gap:var(--reg-spacing-md);padding:var(--reg-spacing-sm) 0;font-size:.95rem;color:var(--reg-text-secondary);font-weight:500;line-height:1.5}.plan-benefits li:before{content:"✓"!important;color:var(--reg-success)!important;font-weight:700!important;font-size:1rem!important;flex-shrink:0!important;margin-top:2px!important;margin-right:var(--reg-spacing-xs)!important;width:1rem!important;text-align:center!important}.price-breakdown{background:var(--reg-surface-elevated);border-radius:var(--reg-radius-sm);padding:var(--reg-spacing-lg);margin:var(--reg-spacing-lg) 0;border:1px solid var(--reg-border-light)}.price-breakdown p{margin:var(--reg-spacing-xs) 0;font-size:.95rem;color:var(--reg-text-secondary);display:flex;justify-content:space-between;align-items:center}.price-breakdown .total-due{border-top:2px solid var(--reg-border);padding-top:var(--reg-spacing-sm);margin-top:var(--reg-spacing-sm);font-size:1.125rem;color:var(--reg-text-primary)}.money-back-guarantee{text-align:center;font-size:.9rem;color:var(--reg-success);font-weight:600;margin:var(--reg-spacing-lg) 0 0 0;padding:var(--reg-spacing-sm);background:#48bb781a;border-radius:var(--reg-radius-sm);border:1px solid rgba(72,187,120,.2);display:flex;align-items:center;justify-content:center;gap:var(--reg-spacing-xs)}.money-back-guarantee:before{display:none!important;content:none!important}.payment-form-container{background:var(--reg-surface-elevated);border-radius:var(--reg-radius-md);padding:var(--reg-spacing-xl);border:1px solid var(--reg-border);box-shadow:var(--reg-shadow-md)}.disclaimer-box{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:var(--reg-radius-sm);padding:var(--reg-spacing-lg);margin:0 0 var(--reg-spacing-xl) 0;border:1px solid rgba(102,126,234,.15);position:relative}.disclaimer-box:before{display:none!important;content:none!important}.disclaimer-box h5{font-size:1.125rem;font-weight:700;color:var(--reg-text-primary);margin:0 0 var(--reg-spacing-sm) 0}.disclaimer-box p{color:var(--reg-text-secondary);font-size:.95rem;line-height:1.6;margin:0}#registration_payment_form{margin:0}.payment-form-container .form-group label,.form-details-row .form-group label,.mobile-expiry-cvc .form-group label,#registration_payment_form .form-group label{font-weight:600!important;color:#2d3748!important;font-size:.875rem!important;text-transform:uppercase!important;letter-spacing:.025em!important;margin-bottom:var(--reg-spacing-sm)!important;display:block!important;min-height:1.2em!important;line-height:1.2!important}@media (min-width: 769px){.form-details-row .form-group label{font-size:.875rem!important;font-weight:600!important;color:#2d3748!important;min-height:1.2em!important;margin-bottom:var(--reg-spacing-sm)!important}}@media (max-width: 768px){.mobile-expiry-cvc .form-group label,.form-details-row .form-group label{font-size:.8rem!important;margin-bottom:var(--reg-spacing-md)!important;font-weight:700!important;color:#2d3748!important;min-height:1em!important}}.form-row{display:flex;flex-direction:column;gap:var(--reg-spacing-lg);width:100%}.form-group{display:flex;flex-direction:column;width:100%}#card-number-element,#card-expiry-element,#card-cvc-element,#card-postal-code-element,.stripe-input-container{background:#fff!important;border:2px solid var(--reg-border)!important;border-radius:var(--reg-radius-sm)!important;padding:12px 16px!important;font-size:16px!important;transition:all .2s ease!important;min-height:48px!important;height:48px!important;display:block!important;color:var(--reg-text-primary)!important;width:100%!important;box-sizing:border-box!important;position:relative!important;cursor:text!important}#card-number-element *,#card-expiry-element *,#card-cvc-element *,#card-postal-code-element *{pointer-events:auto!important;cursor:text!important}.__PrivateStripeElement{height:100%!important;width:100%!important;display:block!important}.__PrivateStripeElement iframe{height:100%!important;width:100%!important;border:none!important;background:transparent!important}#card-number-element:focus,#card-expiry-element:focus,#card-cvc-element:focus,#card-postal-code-element:focus,.stripe-input-container:focus-within{border-color:var(--reg-primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}@media (min-width: 769px){.billing-container{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--reg-spacing-2xl);align-items:start}.payment-form-container{padding:var(--reg-spacing-2xl)}.form-row{display:flex;flex-direction:column;gap:var(--reg-spacing-lg)}.form-group:first-of-type{width:100%}.form-details-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:var(--reg-spacing-lg)!important;width:100%!important;align-items:start!important}.mobile-expiry-cvc{display:contents!important}.form-details-row .form-group{display:flex!important;flex-direction:column!important;align-items:stretch!important}.form-details-row .form-group label{min-height:1.2em!important;margin-bottom:var(--reg-spacing-sm)!important}.form-details-row #card-expiry-element,.form-details-row #card-cvc-element,.form-details-row #card-postal-code-element{height:48px!important;align-self:stretch!important}.add_button{min-height:48px!important;font-size:1rem!important;padding:var(--reg-spacing-lg) var(--reg-spacing-2xl)!important;margin-top:var(--reg-spacing-xl)!important;width:100%}#card-errors{color:var(--reg-danger)!important;font-size:.875rem!important;margin-top:var(--reg-spacing-md)!important;border-radius:var(--reg-radius-sm)!important;transition:all .3s ease!important}#card-errors:not(:empty){padding:var(--reg-spacing-sm)!important;background:#f565650d!important;border:1px solid rgba(245,101,101,.2)!important;min-height:1rem!important}}@media (max-width: 768px){.register-card-container{margin-top:0;padding:0}.signin-header{padding:var(--reg-spacing-md) var(--reg-spacing-lg);position:sticky;top:0;z-index:1001}.signin-logo{max-height:36px}.jumbotron{padding:var(--reg-spacing-lg);min-height:calc(100vh - 70px);padding-top:calc(var(--reg-spacing-lg) + 1rem);display:flex;flex-direction:column;align-items:center;justify-content:center}.jumbotron h2{font-size:2rem;line-height:1.2;margin-bottom:var(--reg-spacing-lg);margin-top:var(--reg-spacing-md);text-align:center}.billing-container{grid-template-columns:1fr;gap:var(--reg-spacing-lg);width:100%;max-width:600px;margin:0 auto}.plan-summary{position:static;order:-1;padding:var(--reg-spacing-lg)}.plan-summary h4{font-size:1.25rem}.plan-price{font-size:1.5rem}.payment-form{padding:var(--reg-spacing-lg)}.payment-form h4{font-size:1.25rem;margin-bottom:var(--reg-spacing-md)}.stripe-element{padding:var(--reg-spacing-md)!important;font-size:1rem!important;min-height:56px!important;border-radius:var(--reg-radius-md)!important}.form-group{margin-bottom:var(--reg-spacing-lg)}.form-group label{font-size:1rem;margin-bottom:var(--reg-spacing-sm);display:block;font-weight:600}.form-control,input[type=text],input[type=email],select{min-height:56px!important;padding:var(--reg-spacing-md)!important;font-size:1rem!important;border-radius:var(--reg-radius-md)!important;border:2px solid var(--reg-border)!important;transition:all .3s ease!important;width:100%!important;box-sizing:border-box!important}.form-control:focus,input:focus,select:focus{border-color:var(--reg-primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.form-check{margin-bottom:var(--reg-spacing-md);padding-left:2rem}.form-check-input{width:1.25rem!important;height:1.25rem!important;margin-left:-2rem!important;margin-top:.125rem!important}.form-check-label{font-size:1rem;line-height:1.5;padding-left:var(--reg-spacing-sm)}.btn{min-height:56px!important;padding:var(--reg-spacing-md) var(--reg-spacing-lg)!important;font-size:1rem!important;font-weight:600!important;border-radius:var(--reg-radius-md)!important;transition:all .3s ease!important;width:100%!important;margin-bottom:var(--reg-spacing-sm)!important}.error-message,.alert-danger{padding:var(--reg-spacing-md)!important;border-radius:var(--reg-radius-md)!important;font-size:.95rem!important;margin-bottom:var(--reg-spacing-md)!important}.spinner-border{width:1.5rem!important;height:1.5rem!important}.modal-dialog{margin:var(--reg-spacing-md);max-width:calc(100vw - 2rem)}.modal-content{border-radius:var(--reg-radius-lg);border:none;box-shadow:var(--reg-shadow-lg)}.modal-header,.modal-body,.modal-footer{padding:var(--reg-spacing-lg)}.modal-footer{flex-direction:column;gap:var(--reg-spacing-sm)}.modal-footer .btn{margin:0}.form-details-row{display:flex!important;flex-direction:column!important;gap:var(--reg-spacing-lg)!important;width:100%!important}.mobile-expiry-cvc{display:flex!important;flex-direction:row!important;gap:var(--reg-spacing-md)!important;width:100%!important;align-items:flex-start!important}.mobile-expiry-cvc .form-group{flex:1!important;min-width:0!important}.postal-field{width:100%!important}.mobile-expiry-cvc .form-group label,.postal-field label{white-space:nowrap!important;font-size:.8rem!important;font-weight:700!important;margin-bottom:.5rem!important}.stripe-input-container{min-height:56px!important;padding:var(--reg-spacing-md)!important;font-size:1rem!important;border-radius:var(--reg-radius-md)!important;border:2px solid var(--reg-border)!important;background:var(--reg-surface)!important}}@media (max-width: 480px){.jumbotron{padding:var(--reg-spacing-md)}.jumbotron h2{font-size:1.75rem}.signin-header{padding:var(--reg-spacing-sm) var(--reg-spacing-md)}.signin-logo{max-height:32px}.plan-summary,.payment-form{padding:var(--reg-spacing-md)}.plan-summary h4,.payment-form h4{font-size:1.125rem}.plan-price{font-size:1.375rem}.form-group{margin-bottom:var(--reg-spacing-md)}.btn{min-height:52px!important;font-size:.95rem!important}.modal-dialog{margin:var(--reg-spacing-sm);max-width:calc(100vw - 1rem)}.modal-header,.modal-body,.modal-footer{padding:var(--reg-spacing-md)}}@media (max-width: 768px) and (orientation: landscape){.jumbotron{min-height:auto;padding:var(--reg-spacing-md)}.billing-container{gap:var(--reg-spacing-md)}.plan-summary{padding:var(--reg-spacing-md)}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.stripe-element{border-width:1px!important}}@media (hover: none) and (pointer: coarse){.btn:hover{transform:none}.form-control:hover,input:hover,select:hover{border-color:var(--reg-border)}.form-check-input{width:1.5rem!important;height:1.5rem!important}.form-group{margin-bottom:var(--reg-spacing-xl)}}@media (max-width: 768px){.btn:focus,.form-control:focus,input:focus,select:focus{outline:3px solid rgba(102,126,234,.6)!important;outline-offset:2px!important}.text-muted{color:var(--reg-text-secondary)!important}.is-invalid{border-color:var(--reg-danger)!important;box-shadow:0 0 0 3px #f5656526!important}}.add_button{background:#ff9400!important;color:#fff!important;border:none!important;border-radius:var(--reg-radius-md)!important;font-size:1.25rem!important;font-weight:800!important;letter-spacing:.025em!important;text-transform:uppercase!important;padding:var(--reg-spacing-lg) var(--reg-spacing-2xl)!important;min-height:56px!important;width:100%!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 4px 14px #ff940040!important;margin-top:var(--reg-spacing-xl)!important}.add_button:hover{background:#e6850a!important;box-shadow:0 6px 20px #ff940059!important;transform:translateY(-1px)!important}.add_button:active{background:#cc7500!important;transform:translateY(0)!important;box-shadow:0 2px 8px #ff94004d!important}.add_button:focus{outline:none!important;box-shadow:0 0 0 3px #ff94004d,0 4px 14px #ff940040!important}@media (min-width: 769px){.add_button{min-height:56px!important;font-size:1.25rem!important;font-weight:800!important;padding:var(--reg-spacing-lg) var(--reg-spacing-2xl)!important;margin-top:var(--reg-spacing-xl)!important;width:100%}}@media (max-width: 768px){.add_button{min-height:60px!important;font-size:1.125rem!important;font-weight:800!important;margin-top:var(--reg-spacing-xl)!important;border-radius:var(--reg-radius-md)!important;width:100%;padding:var(--reg-spacing-lg) var(--reg-spacing-xl)!important}}@media (max-width: 768px){.register-card-container{margin-top:0;padding:0}.signin-header{padding:var(--reg-spacing-md) var(--reg-spacing-lg);position:sticky;top:0;z-index:1001}.signin-logo{max-height:36px}.jumbotron{padding:var(--reg-spacing-lg);min-height:calc(100vh - 70px)}.jumbotron h2{font-size:2rem;line-height:1.2;margin-bottom:var(--reg-spacing-lg)}.billing-container{grid-template-columns:1fr;gap:var(--reg-spacing-lg)}.plan-summary{position:static;order:-1;padding:var(--reg-spacing-lg)}.plan-summary h4{font-size:1.25rem}.plan-price{font-size:1.5rem}.payment-form{padding:var(--reg-spacing-lg)}.payment-form h4{font-size:1.25rem;margin-bottom:var(--reg-spacing-md)}.stripe-element{padding:var(--reg-spacing-md)!important;font-size:1rem!important;min-height:56px!important;border-radius:var(--reg-radius-md)!important}.form-group{margin-bottom:var(--reg-spacing-lg)}.form-group label{font-size:1rem;margin-bottom:var(--reg-spacing-sm);display:block;font-weight:600}.form-control,input[type=text],input[type=email],select{min-height:56px!important;padding:var(--reg-spacing-md)!important;font-size:1rem!important;border-radius:var(--reg-radius-md)!important;border:2px solid var(--reg-border)!important;transition:all .3s ease!important;width:100%!important;box-sizing:border-box!important}.form-control:focus,input:focus,select:focus{border-color:var(--reg-primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.form-check{margin-bottom:var(--reg-spacing-md);padding-left:2rem}.form-check-input{width:1.25rem!important;height:1.25rem!important;margin-left:-2rem!important;margin-top:.125rem!important}.form-check-label{font-size:1rem;line-height:1.5;padding-left:var(--reg-spacing-sm)}.btn{min-height:56px!important;padding:var(--reg-spacing-md) var(--reg-spacing-lg)!important;font-size:1rem!important;font-weight:600!important;border-radius:var(--reg-radius-md)!important;transition:all .3s ease!important;width:100%!important;margin-bottom:var(--reg-spacing-sm)!important}.error-message,.alert-danger{padding:var(--reg-spacing-md)!important;border-radius:var(--reg-radius-md)!important;font-size:.95rem!important;margin-bottom:var(--reg-spacing-md)!important}.spinner-border{width:1.5rem!important;height:1.5rem!important}.modal-dialog{margin:var(--reg-spacing-md);max-width:calc(100vw - 2rem)}.modal-content{border-radius:var(--reg-radius-lg);border:none;box-shadow:var(--reg-shadow-lg)}.modal-header,.modal-body,.modal-footer{padding:var(--reg-spacing-lg)}.modal-footer{flex-direction:column;gap:var(--reg-spacing-sm)}.modal-footer .btn{margin:0}.form-details-row{display:flex!important;flex-direction:column!important;gap:var(--reg-spacing-lg)!important;width:100%!important}.mobile-expiry-cvc{display:flex!important;flex-direction:row!important;gap:var(--reg-spacing-md)!important;width:100%!important;align-items:flex-start!important}.mobile-expiry-cvc .form-group{flex:1!important;min-width:0!important}.postal-field{width:100%!important}.mobile-expiry-cvc .form-group label,.postal-field label{white-space:nowrap!important;font-size:.8rem!important;font-weight:700!important;margin-bottom:.5rem!important}.stripe-input-container{min-height:56px!important;padding:var(--reg-spacing-md)!important;font-size:1rem!important;border-radius:var(--reg-radius-md)!important;border:2px solid var(--reg-border)!important;background:var(--reg-surface)!important}}@media only screen and (max-width: 430px){.jumbotron{padding-top:calc(var(--reg-spacing-xl) + 1.5rem)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.jumbotron h2{margin-top:var(--reg-spacing-lg)!important;font-size:1.65rem!important;text-align:center!important}.billing-container{width:100%!important;max-width:400px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}.payment-form-container{padding:var(--reg-spacing-lg) var(--reg-spacing-md)!important;width:100%!important;max-width:380px!important;margin:0 auto!important;box-sizing:border-box!important;position:relative!important}.payment-form-container .form-row{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;margin:0!important}.payment-form-container .form-group{width:100%!important;margin:0 0 var(--reg-spacing-md) 0!important}.payment-form-container .form-details-row{width:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}.payment-form-container .mobile-expiry-cvc{width:100%!important;margin:0 0 var(--reg-spacing-md) 0!important;display:flex!important;gap:var(--reg-spacing-sm)!important;justify-content:space-between!important}.payment-form-container .postal-field{width:100%!important;margin:0!important}.payment-form-container .mobile-expiry-cvc .form-group label,.payment-form-container .postal-field label{font-size:.7rem!important;margin-bottom:.25rem!important;text-align:left!important}.payment-form-container .stripe-input-container{min-height:48px!important;padding:.5rem!important;font-size:.95rem!important;width:100%!important}.payment-form-container .add_button{width:100%!important;margin:var(--reg-spacing-lg) 0 0 0!important}}@media (max-width: 768px){.payment-form-container{width:100%!important;max-width:500px!important;margin:0 auto!important;padding:var(--reg-spacing-lg)!important;overflow:visible!important;position:relative!important}.payment-form-container .form-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;margin:0!important}.payment-form-container .form-group{width:100%!important;margin:0 0 var(--reg-spacing-lg) 0!important}.payment-form-container .form-details-row{width:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}.payment-form-container .mobile-expiry-cvc{width:100%!important;margin:0 0 var(--reg-spacing-lg) 0!important;display:flex!important;gap:var(--reg-spacing-md)!important}.payment-form-container .postal-field{width:100%!important;margin:0!important}.payment-form-container .add_button{width:100%!important;margin:var(--reg-spacing-lg) 0 0 0!important}}:root{--agreement-primary: #667eea;--agreement-primary-dark: #5a67d8;--agreement-secondary: #764ba2;--agreement-success: #48bb78;--agreement-warning: #ed8936;--agreement-danger: #f56565;--agreement-info: #4299e1;--agreement-opsyogi-orange: #FF9400;--agreement-opsyogi-orange-dark: #E6850A;--agreement-opsyogi-orange-darker: #CC7500;--agreement-surface: #ffffff;--agreement-surface-secondary: #f8fafc;--agreement-surface-elevated: #ffffff;--agreement-text-primary: #1a202c;--agreement-text-secondary: #4a5568;--agreement-text-muted: #718096;--agreement-text-light: #a0aec0;--agreement-border: #e2e8f0;--agreement-border-light: #f1f5f9;--agreement-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--agreement-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--agreement-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--agreement-radius-sm: 8px;--agreement-radius-md: 12px;--agreement-radius-lg: 16px;--agreement-spacing-xs: .5rem;--agreement-spacing-sm: .75rem;--agreement-spacing-md: 1rem;--agreement-spacing-lg: 1.5rem;--agreement-spacing-xl: 2rem;--agreement-spacing-2xl: 3rem}.agreement-container{min-height:100vh;background:linear-gradient(135deg,var(--agreement-surface-secondary) 0%,var(--agreement-surface) 100%);padding:var(--agreement-spacing-xl);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.agreement-header{text-align:center;margin-bottom:var(--agreement-spacing-xl);max-width:800px;width:100%}.agreement-title{font-size:2.5rem;font-weight:800;color:var(--agreement-text-primary);margin:0 0 var(--agreement-spacing-lg) 0;background:linear-gradient(135deg,var(--agreement-primary) 0%,var(--agreement-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.agreement-subtitle{font-size:1.125rem;color:var(--agreement-text-secondary);line-height:1.6;margin:0;font-weight:500}.agreement-content{max-width:900px;width:100%;background:var(--agreement-surface-elevated);border-radius:var(--agreement-radius-lg);box-shadow:var(--agreement-shadow-lg);border:1px solid var(--agreement-border);overflow:hidden;display:flex;flex-direction:column;height:70vh;min-height:500px}.agreement-scrollable-container{flex:1;overflow-y:auto;padding:var(--agreement-spacing-xl);border-bottom:2px solid var(--agreement-border-light)}.agreement-scrollable-container::-webkit-scrollbar{width:8px}.agreement-scrollable-container::-webkit-scrollbar-track{background:var(--agreement-surface-secondary);border-radius:var(--agreement-radius-sm)}.agreement-scrollable-container::-webkit-scrollbar-thumb{background:var(--agreement-border);border-radius:var(--agreement-radius-sm)}.agreement-scrollable-container::-webkit-scrollbar-thumb:hover{background:var(--agreement-text-muted)}.agreement-text{line-height:1.7;color:var(--agreement-text-primary)}.agreement-text h2{color:var(--agreement-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 var(--agreement-spacing-lg) 0;text-align:center;border-bottom:2px solid var(--agreement-primary);padding-bottom:var(--agreement-spacing-md)}.agreement-text h3{color:var(--agreement-primary);font-size:1.125rem;font-weight:600;margin:var(--agreement-spacing-xl) 0 var(--agreement-spacing-md) 0;border-left:4px solid var(--agreement-primary);padding-left:var(--agreement-spacing-md)}.agreement-text p{margin:0 0 var(--agreement-spacing-md) 0;font-size:.95rem;text-align:justify}.agreement-text ul{margin:var(--agreement-spacing-md) 0;padding-left:var(--agreement-spacing-xl);text-align:left}.agreement-text li{margin-bottom:var(--agreement-spacing-xs);font-size:.95rem;text-align:left}.agreement-text strong{color:var(--agreement-text-primary);font-weight:600}.agreement-footer{background:var(--agreement-surface-secondary);padding:var(--agreement-spacing-lg);border-radius:var(--agreement-radius-md);margin-top:var(--agreement-spacing-xl);border:1px solid var(--agreement-border-light);font-style:italic;text-align:center;color:var(--agreement-text-secondary)}.agreement-actions{padding:var(--agreement-spacing-xl);background:var(--agreement-surface-secondary);display:flex;flex-direction:column;gap:var(--agreement-spacing-lg);align-items:center}.agreement-checkbox-container{display:flex;align-items:center;justify-content:center}.agreement-checkbox-label{display:flex;align-items:center;gap:var(--agreement-spacing-sm);cursor:pointer;font-weight:500;color:var(--agreement-text-primary);transition:all .2s ease}.agreement-checkbox-label:hover{color:var(--agreement-primary)}.agreement-checkbox{width:20px;height:20px;border:2px solid var(--agreement-border);border-radius:var(--agreement-radius-sm);cursor:pointer;accent-color:var(--agreement-primary);transform:scale(1.2)}.agreement-checkbox-text{font-size:1rem;-webkit-user-select:none;user-select:none}.agreement-button{background:var(--agreement-opsyogi-orange);color:#fff;border:none;border-radius:var(--agreement-radius-lg);font-size:1.125rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase;padding:var(--agreement-spacing-lg) var(--agreement-spacing-2xl);min-height:60px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ff94004d;min-width:280px;text-align:center;display:flex;align-items:center;justify-content:center}.agreement-button:hover:not(:disabled){background:var(--agreement-opsyogi-orange-dark);box-shadow:0 8px 25px #ff940066;transform:translateY(-2px)}.agreement-button:active:not(:disabled){background:var(--agreement-opsyogi-orange-darker);transform:translateY(0);box-shadow:0 4px 15px #ff940040}.agreement-button:disabled{background:var(--agreement-text-muted);cursor:not-allowed;box-shadow:none;transform:none}.agreement-button:focus{outline:none;box-shadow:0 0 0 3px #ff94004d,0 6px 20px #ff94004d}@media (max-width: 768px){.agreement-container{padding:var(--agreement-spacing-md);min-height:100vh}.agreement-title{font-size:2rem;margin-bottom:var(--agreement-spacing-md)}.agreement-subtitle{font-size:1rem}.agreement-content{height:75vh;min-height:450px}.agreement-scrollable-container{padding:var(--agreement-spacing-lg)}.agreement-text h2{font-size:1.25rem}.agreement-text h3{font-size:1rem}.agreement-text p,.agreement-text li{font-size:.9rem}.agreement-actions{padding:var(--agreement-spacing-lg)}.agreement-button{font-size:1rem;min-height:56px;min-width:250px;padding:var(--agreement-spacing-md) var(--agreement-spacing-xl)}.agreement-checkbox-text{font-size:.9rem}}@media (max-width: 480px){.agreement-container{padding:var(--agreement-spacing-sm)}.agreement-title{font-size:1.75rem}.agreement-subtitle{font-size:.95rem}.agreement-content{height:80vh;min-height:400px}.agreement-scrollable-container{padding:var(--agreement-spacing-md)}.agreement-actions{padding:var(--agreement-spacing-md);gap:var(--agreement-spacing-md)}.agreement-button{min-width:200px;font-size:.95rem}.agreement-checkbox-container{text-align:center}.agreement-checkbox-label{flex-direction:row;gap:var(--agreement-spacing-sm);text-align:left;justify-content:center}}@media print{.agreement-container{background:#fff;padding:1rem}.agreement-content{box-shadow:none;border:1px solid #ccc;height:auto}.agreement-scrollable-container{overflow:visible;height:auto}.agreement-actions{display:none}}@media (prefers-contrast: high){.agreement-text{color:#000}.agreement-button{border:2px solid #000}.agreement-checkbox{border-color:#000}}@media (prefers-reduced-motion: reduce){.agreement-button,.agreement-checkbox-label{transition:none}.agreement-button:hover:not(:disabled){transform:none}}:root{--bill-primary: #667eea;--bill-primary-dark: #5a67d8;--bill-secondary: #764ba2;--bill-success: #48bb78;--bill-warning: #ed8936;--bill-danger: #f56565;--bill-info: #4299e1;--bill-premium: #9f7aea;--bill-premium-dark: #805ad5;--bill-surface: #ffffff;--bill-surface-secondary: #f8fafc;--bill-surface-tertiary: #edf2f7;--bill-surface-elevated: #ffffff;--bill-text-primary: #1a202c;--bill-text-secondary: #4a5568;--bill-text-muted: #718096;--bill-text-light: #a0aec0;--bill-border: #e2e8f0;--bill-border-light: #f1f5f9;--bill-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--bill-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--bill-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--bill-shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--bill-radius-sm: 8px;--bill-radius-md: 12px;--bill-radius-lg: 16px;--bill-radius-xl: 20px;--bill-spacing-xs: .5rem;--bill-spacing-sm: .75rem;--bill-spacing-md: 1rem;--bill-spacing-lg: 1.5rem;--bill-spacing-xl: 2rem;--bill-spacing-2xl: 3rem}.billing{max-width:1200px!important;margin:0 auto!important;padding:var(--bill-spacing-xl)!important;background:transparent!important}.billing-title{font-size:2.5rem!important;font-weight:800!important;color:var(--bill-text-primary)!important;margin:0 0 var(--bill-spacing-2xl) 0!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:var(--bill-spacing-md)!important;color:#1a202c!important}.tabs{display:flex!important;gap:var(--bill-spacing-sm)!important;margin-bottom:var(--bill-spacing-xl)!important;background:var(--bill-surface-elevated)!important;padding:var(--bill-spacing-sm)!important;border-radius:var(--bill-radius-lg)!important;box-shadow:var(--bill-shadow-md)!important;border:1px solid var(--bill-border-light)!important;justify-content:center!important}.billing-page-button{background:transparent!important;border:2px solid transparent!important;color:var(--bill-text-muted)!important;padding:var(--bill-spacing-md) var(--bill-spacing-xl)!important;border-radius:var(--bill-radius-md)!important;font-weight:600!important;font-size:.95rem!important;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:.05em!important;position:relative!important;overflow:hidden!important}.billing-page-button:hover{background:var(--bill-surface-secondary)!important;border-color:var(--bill-primary)!important;color:var(--bill-primary)!important;transform:translateY(-1px)!important;box-shadow:var(--bill-shadow-sm)!important}.billing-page-button:focus,.billing-page-button:active{background:linear-gradient(135deg,var(--bill-primary) 0%,var(--bill-primary-dark) 100%)!important;border-color:var(--bill-primary)!important;color:#fff!important;box-shadow:var(--bill-shadow-md)!important}.notification{display:none!important}.card_list,.statement-cell{background:var(--bill-surface-elevated)!important;border-radius:var(--bill-radius-lg)!important;box-shadow:var(--bill-shadow-lg)!important;overflow:hidden!important;border:1px solid var(--bill-border-light)!important;margin-bottom:var(--bill-spacing-xl)!important}.card_list thead,.statement-cell thead{background:linear-gradient(135deg,var(--bill-surface-secondary) 0%,var(--bill-surface-tertiary) 100%)!important}.card_list thead th,.statement-cell thead th{padding:var(--bill-spacing-lg) var(--bill-spacing-xl)!important;border:none!important;border-bottom:2px solid var(--bill-border)!important;font-weight:700!important;color:var(--bill-text-secondary)!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:none!important;position:relative!important}.card_list thead th:first-child:before,.card_list thead th:nth-child(2):before,.card_list thead th:nth-child(3):before,.card_list thead th:nth-child(4):before,.card_list thead th:nth-child(5):before,.card_list thead th:nth-child(6):before,.statement-cell thead th:first-child:before,.statement-cell thead th:nth-child(2):before,.statement-cell thead th:nth-child(3):before,.statement-cell thead th:nth-child(4):before,.statement-cell thead th:nth-child(5):before,.statement-cell thead th:nth-child(6):before{display:none!important}.card_list tbody tr,.statement-cell tbody tr{transition:all .2s ease!important;border:none!important;border-bottom:1px solid var(--bill-border-light)!important}.card_list tbody tr:hover,.statement-cell tbody tr:hover{background:var(--bill-surface-secondary)!important;transform:translate(2px)!important}.card_list tbody tr:last-child,.statement-cell tbody tr:last-child{border-bottom:none!important}.card_list tbody td,.statement-cell tbody td{padding:var(--bill-spacing-lg) var(--bill-spacing-xl)!important;border:none!important;color:var(--bill-text-primary)!important;font-weight:500!important;vertical-align:middle!important}.card_list .btn-info{background:linear-gradient(135deg,var(--bill-info) 0%,#3182ce 100%)!important;border:none!important;color:#fff!important;padding:var(--bill-spacing-xs) var(--bill-spacing-md)!important;border-radius:var(--bill-radius-sm)!important;font-weight:600!important;font-size:.8rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:all .2s ease!important}.card_list .btn-info:hover{transform:translateY(-1px)!important;box-shadow:var(--bill-shadow-sm)!important;color:#fff!important}.card_list .btn-danger{background:linear-gradient(135deg,var(--bill-danger) 0%,#e53e3e 100%)!important;border:none!important;color:#fff!important;padding:var(--bill-spacing-xs) var(--bill-spacing-md)!important;border-radius:var(--bill-radius-sm)!important;font-weight:600!important;font-size:.8rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:all .2s ease!important}.card_list .btn-danger:hover{transform:translateY(-1px)!important;box-shadow:var(--bill-shadow-sm)!important;color:#fff!important}.billing-payment-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--bill-primary) 0%,var(--bill-secondary) 100%);border-radius:var(--bill-radius-lg) var(--bill-radius-lg) 0 0}#payment_form{margin:0!important}.form-row{display:flex!important;flex-direction:column!important;gap:var(--bill-spacing-lg)!important}.form-group{display:flex!important;flex-direction:column!important;gap:var(--bill-spacing-sm)!important}.form-group label{font-weight:600!important;color:var(--bill-text-secondary)!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:flex!important;align-items:center!important;gap:var(--bill-spacing-xs)!important;margin-bottom:var(--bill-spacing-xs)!important}.billing .form-group label[for=cardholder-name]:before,.billing .form-group label[for=card-number]:before,.billing .form-group label[for=card-expiry]:before,.billing .form-group label[for=card-cvc]:before,.billing .form-group label[for=card-postal-code]:before{display:none!important}.billing .card_name_input{background:var(--bill-surface)!important;border:2px solid var(--bill-border)!important;border-radius:var(--bill-radius-sm)!important;padding:var(--bill-spacing-md) var(--bill-spacing-lg)!important;font-size:1rem!important;font-weight:500!important;color:var(--bill-text-primary)!important;transition:all .2s ease!important;min-height:50px!important;line-height:1.5!important;width:100%!important;box-sizing:border-box!important}.card_name_input:focus{outline:none!important;border-color:var(--bill-primary)!important;box-shadow:0 0 0 3px #667eea1a!important}.card_name_input::placeholder{color:var(--bill-text-light)!important}.form-details-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:var(--bill-spacing-lg)!important;margin-top:var(--bill-spacing-lg)!important}#card-number,#card-expiry,#card-cvc,#card-postal-code{background:var(--bill-surface)!important;border:2px solid var(--bill-border)!important;border-radius:var(--bill-radius-sm)!important;padding:var(--bill-spacing-md) var(--bill-spacing-lg)!important;font-size:1rem!important;transition:all .2s ease!important;min-height:50px!important;line-height:1.5!important;width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important}#card-number:focus,#card-expiry:focus,#card-cvc:focus,#card-postal-code:focus{border-color:var(--bill-primary)!important;box-shadow:0 0 0 3px #667eea1a!important}.StripeElement{height:50px!important;padding:var(--bill-spacing-md) var(--bill-spacing-lg)!important;color:var(--bill-text-primary)!important;background-color:var(--bill-surface)!important;border:2px solid var(--bill-border)!important;border-radius:var(--bill-radius-sm)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important}.StripeElement--focus{border-color:var(--bill-primary)!important;box-shadow:0 0 0 3px #667eea1a!important}.StripeElement--invalid{border-color:var(--bill-danger)!important}.StripeElement--webkit-autofill{background-color:var(--bill-surface)!important}.billing .form-group{display:flex!important;flex-direction:column!important;gap:var(--bill-spacing-sm)!important;margin-bottom:var(--bill-spacing-lg)!important}.billing .form-group label{font-weight:600!important;color:var(--bill-text-secondary)!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:flex!important;align-items:center!important;gap:var(--bill-spacing-xs)!important;margin-bottom:var(--bill-spacing-xs)!important}.billing .form-details-row .form-group label{font-weight:600!important;color:var(--bill-text-secondary)!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:flex!important;align-items:center!important;gap:var(--bill-spacing-xs)!important;margin-bottom:var(--bill-spacing-xs)!important;min-height:auto!important}.billing .form-details-row{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:var(--bill-spacing-lg)!important;margin-top:var(--bill-spacing-lg)!important}.billing .form-row{display:flex!important;flex-direction:column!important;gap:var(--bill-spacing-lg)!important;width:100%!important}.billing-payment-form-container{background:var(--bill-surface-elevated)!important;border-radius:var(--bill-radius-lg)!important;box-shadow:var(--bill-shadow-lg)!important;padding:var(--bill-spacing-2xl)!important;border:1px solid var(--bill-border-light)!important;position:relative!important;margin-bottom:var(--bill-spacing-xl)!important}@media (max-width: 768px){.billing{padding:var(--bill-spacing-lg) var(--bill-spacing-md)!important;max-width:100%!important}.billing-title{font-size:2rem!important;line-height:1.2!important;margin-bottom:var(--bill-spacing-lg)!important;text-align:center!important}.billing-grid,.billing-overview,.billing-cards-container{display:flex!important;flex-direction:column!important;gap:var(--bill-spacing-lg)!important}.billing-card,.card_list,.statement-cell,.billing-payment-form-container{margin-bottom:var(--bill-spacing-lg)!important;border-radius:var(--bill-radius-md)!important;padding:var(--bill-spacing-lg)!important}.billing-payment-form-container{padding:var(--bill-spacing-xl) var(--bill-spacing-lg)!important}.form-row{gap:var(--bill-spacing-md)!important}.form-group{margin-bottom:var(--bill-spacing-lg)!important}.form-group label{font-size:1rem!important;margin-bottom:var(--bill-spacing-sm)!important}.card_name_input,.form-control,input[type=text],input[type=email]{min-height:56px!important;padding:var(--bill-spacing-md) var(--bill-spacing-lg)!important;font-size:1rem!important;border-radius:var(--bill-radius-md)!important;width:100%!important;box-sizing:border-box!important}.StripeElement,#card-number,#card-expiry,#card-cvc,#card-postal-code{padding:var(--bill-spacing-md) var(--bill-spacing-lg)!important;min-height:56px!important;font-size:1rem!important;border-radius:var(--bill-radius-md)!important}.add_button,.btn,button{min-height:56px!important;padding:var(--bill-spacing-md) var(--bill-spacing-lg)!important;font-size:1rem!important;font-weight:600!important;border-radius:var(--bill-radius-md)!important;width:100%!important;margin-bottom:var(--bill-spacing-sm)!important}.card_list{padding:var(--bill-spacing-lg)!important}.card_list .row{flex-direction:column!important;gap:var(--bill-spacing-md)!important}.card_list .col-md-8,.card_list .col-md-4{width:100%!important;max-width:100%!important;flex:none!important}.statement-cell{overflow-x:auto!important}.statement-cell table{min-width:600px!important;font-size:.9rem!important}.statement-cell th,.statement-cell td{padding:var(--bill-spacing-sm) var(--bill-spacing-xs)!important;white-space:nowrap!important}.payment-method-card{padding:var(--bill-spacing-lg)!important;margin-bottom:var(--bill-spacing-md)!important}.billing-summary{padding:var(--bill-spacing-lg)!important}.billing-amount{font-size:1.5rem!important}.modal-dialog{margin:var(--bill-spacing-md)!important;max-width:calc(100vw - 2rem)!important}.modal-content{border-radius:var(--bill-radius-lg)!important}.modal-header,.modal-body,.modal-footer{padding:var(--bill-spacing-lg)!important}.modal-footer{flex-direction:column!important;gap:var(--bill-spacing-sm)!important}.modal-footer .btn{margin:0!important}.alert{border-radius:var(--bill-radius-md)!important;padding:var(--bill-spacing-md)!important;font-size:.95rem!important;margin-bottom:var(--bill-spacing-lg)!important}.spinner-border{width:1.5rem!important;height:1.5rem!important}.nav-tabs{flex-direction:column!important;border-bottom:none!important}.nav-tabs .nav-item{margin-bottom:var(--bill-spacing-xs)!important}.nav-tabs .nav-link{border-radius:var(--bill-radius-md)!important;margin-right:0!important;text-align:center!important;padding:var(--bill-spacing-md)!important}}@media (max-width: 480px){.billing{padding:var(--bill-spacing-md) var(--bill-spacing-sm)!important}.billing-title{font-size:1.75rem!important}.billing-payment-form-container{padding:var(--bill-spacing-lg) var(--bill-spacing-md)!important}.card_list,.statement-cell,.billing-card{padding:var(--bill-spacing-md)!important}.add_button,.btn,button{min-height:52px!important;font-size:.95rem!important}.form-group{margin-bottom:var(--bill-spacing-md)!important}.modal-dialog{margin:var(--bill-spacing-sm)!important;max-width:calc(100vw - 1rem)!important}.modal-header,.modal-body,.modal-footer{padding:var(--bill-spacing-md)!important}.statement-cell table{font-size:.8rem!important}.statement-cell th,.statement-cell td{padding:var(--bill-spacing-xs)!important}}@media (max-width: 768px) and (orientation: landscape){.billing{padding:var(--bill-spacing-md)!important}.billing-title{font-size:1.75rem!important;margin-bottom:var(--bill-spacing-md)!important}.billing-payment-form-container{padding:var(--bill-spacing-lg)!important}}@media (hover: none) and (pointer: coarse){.add_button:hover,.btn:hover,button:hover{transform:none!important}.card_name_input:hover,.form-control:hover,input:hover{border-color:var(--bill-border)!important}.btn,button,.form-control,input{min-height:56px!important}.form-group{margin-bottom:var(--bill-spacing-xl)!important}}@media (max-width: 768px){.add_button:focus,.btn:focus,.card_name_input:focus,.form-control:focus,input:focus{outline:3px solid rgba(102,126,234,.6)!important;outline-offset:2px!important}.is-invalid,.StripeElement--invalid{border-color:var(--bill-danger)!important;box-shadow:0 0 0 3px #f5656526!important}.text-muted{color:var(--bill-text-secondary)!important}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.StripeElement,.card_name_input,.form-control{border-width:1px!important}}.inviteInput{width:300px;height:38px;margin-right:10px}.selectRole{width:100px;margin-right:10px}.users-page-button{font-size:.8em;padding:.3em .6em}:root{--usr-primary: #667eea;--usr-primary-dark: #5a67d8;--usr-secondary: #764ba2;--usr-success: #48bb78;--usr-warning: #ed8936;--usr-danger: #f56565;--usr-info: #4299e1;--usr-surface: #ffffff;--usr-surface-secondary: #f8fafc;--usr-surface-tertiary: #edf2f7;--usr-surface-elevated: #ffffff;--usr-text-primary: #1a202c;--usr-text-secondary: #4a5568;--usr-text-muted: #718096;--usr-text-light: #a0aec0;--usr-border: #e2e8f0;--usr-border-light: #f1f5f9;--usr-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--usr-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--usr-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--usr-shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--usr-radius-sm: 8px;--usr-radius-md: 12px;--usr-radius-lg: 16px;--usr-radius-xl: 20px;--usr-spacing-xs: .5rem;--usr-spacing-sm: .75rem;--usr-spacing-md: 1rem;--usr-spacing-lg: 1.5rem;--usr-spacing-xl: 2rem;--usr-spacing-2xl: 3rem}.usr-page-container{min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);padding:var(--usr-spacing-xl);position:relative;max-width:none!important;margin:0!important}.usr-page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 70%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.usr-page-header{background:var(--usr-surface-elevated);border-radius:var(--usr-radius-lg);box-shadow:var(--usr-shadow-lg);padding:var(--usr-spacing-xl);margin-bottom:var(--usr-spacing-xl);position:relative;z-index:1;border:1px solid rgba(255,255,255,.2)}.usr-page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--usr-primary) 0%,var(--usr-secondary) 100%);border-radius:var(--usr-radius-lg) var(--usr-radius-lg) 0 0}.usr-header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--usr-spacing-xl)}.usr-title-section h2{font-size:2.5rem;font-weight:800;color:var(--usr-text-primary);margin:0 0 var(--usr-spacing-sm) 0;letter-spacing:-.02em;line-height:1.2;display:flex;align-items:center;gap:var(--usr-spacing-md)}.usr-title-section h2:before{content:"👥";font-size:2rem}.usr-subtitle{color:var(--usr-text-muted);font-size:1.1rem;margin:0;font-weight:500}.usr-invite-button{background:linear-gradient(135deg,var(--usr-primary) 0%,var(--usr-primary-dark) 100%)!important;border:none!important;color:#fff!important;padding:var(--usr-spacing-md) var(--usr-spacing-xl)!important;border-radius:var(--usr-radius-md)!important;font-weight:600!important;font-size:1rem!important;cursor:pointer!important;transition:all .3s ease!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;gap:var(--usr-spacing-sm)!important;box-shadow:var(--usr-shadow-md)!important;text-transform:uppercase!important;letter-spacing:.05em!important}.usr-invite-button:hover{transform:translateY(-2px)!important;box-shadow:var(--usr-shadow-lg)!important;color:#fff!important;text-decoration:none!important}.usr-invite-button:before{content:"✉️";font-size:.9rem}.usr-main-card{background:var(--usr-surface-elevated);border-radius:var(--usr-radius-lg);box-shadow:var(--usr-shadow-lg);overflow:hidden;position:relative;z-index:1;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.usr-main-card:hover{transform:translateY(-2px);box-shadow:var(--usr-shadow-xl)}.usr-main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--usr-success) 0%,var(--usr-info) 100%)}.usr-stats-bar{padding:var(--usr-spacing-lg) var(--usr-spacing-xl);background:linear-gradient(135deg,var(--usr-surface) 0%,var(--usr-surface-secondary) 100%);border-bottom:1px solid var(--usr-border-light);display:flex;gap:var(--usr-spacing-xl)}.usr-stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--usr-spacing-md);background:var(--usr-surface);border-radius:var(--usr-radius-sm);border:1px solid var(--usr-border-light);min-width:120px;transition:all .2s ease}.usr-stat-item:hover{background:var(--usr-surface-secondary);transform:translateY(-1px);box-shadow:var(--usr-shadow-sm)}.usr-stat-label{font-size:.8rem;font-weight:600;color:var(--usr-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--usr-spacing-xs)}.usr-stat-value{font-size:1.5rem;font-weight:800;color:var(--usr-text-primary);line-height:1;font-variant-numeric:tabular-nums}.usr-table-container{overflow:hidden}.usr-users-table{width:100%;border-collapse:collapse;border-spacing:0;background:var(--usr-surface);margin:0!important}.usr-users-table thead{background:linear-gradient(135deg,var(--usr-surface-secondary) 0%,var(--usr-surface-tertiary) 100%)}.usr-users-table thead th{padding:var(--usr-spacing-lg) var(--usr-spacing-xl)!important;text-align:left!important;border:none!important;border-bottom:2px solid var(--usr-border)!important;font-weight:700!important;color:var(--usr-text-secondary)!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:none!important;position:relative}.usr-users-table thead th:first-child:before{content:"👤";margin-right:var(--usr-spacing-xs)}.usr-users-table thead th:nth-child(2):before{content:"✉️";margin-right:var(--usr-spacing-xs)}.usr-users-table thead th:nth-child(3):before{content:"🏷️";margin-right:var(--usr-spacing-xs)}.usr-users-table thead th:nth-child(4):before{content:"🗑️";margin-right:var(--usr-spacing-xs)}.usr-users-table tbody tr{transition:all .2s ease;border:none!important;border-bottom:1px solid var(--usr-border-light)!important}.usr-users-table tbody tr:hover{background:var(--usr-surface-secondary)!important;transform:translate(2px)}.usr-users-table tbody tr:last-child{border-bottom:none!important}.usr-users-table tbody td{padding:var(--usr-spacing-lg) var(--usr-spacing-xl)!important;border:none!important;color:var(--usr-text-primary)!important;font-weight:500!important;vertical-align:middle!important}.usr-user-info{display:flex;align-items:center;gap:var(--usr-spacing-md)}.usr-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--usr-primary) 0%,var(--usr-secondary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:var(--usr-shadow-sm)}.usr-user-details{flex:1}.usr-user-name{font-weight:700;color:var(--usr-text-primary);margin:0;font-size:1rem}.usr-user-id{font-size:.8rem;color:var(--usr-text-muted);margin:0;font-family:Monaco,Menlo,monospace}.usr-email-cell{color:var(--usr-info)!important;font-weight:600!important;text-decoration:none}.usr-email-cell:hover{text-decoration:underline}.usr-role-select{background:var(--usr-surface)!important;border:2px solid var(--usr-border)!important;border-radius:var(--usr-radius-sm)!important;padding:var(--usr-spacing-sm) var(--usr-spacing-md)!important;font-size:.9rem!important;font-weight:600!important;color:var(--usr-text-primary)!important;transition:all .2s ease!important;min-width:120px}.usr-role-select:focus{outline:none!important;border-color:var(--usr-primary)!important;box-shadow:0 0 0 3px #667eea1a!important}.usr-role-select:hover{border-color:var(--usr-primary)!important;background:#667eea0d!important}.usr-role-badge{padding:var(--usr-spacing-xs) var(--usr-spacing-md);border-radius:var(--usr-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:var(--usr-spacing-xs)}.usr-role-badge.usr-role-admin{background:linear-gradient(135deg,var(--usr-warning) 0%,#d69e2e 100%);color:#fff}.usr-role-badge.usr-role-admin:before{content:"👑";font-size:.7rem}.usr-role-badge.usr-role-user{background:linear-gradient(135deg,var(--usr-info) 0%,#3182ce 100%);color:#fff}.usr-role-badge.usr-role-user:before{content:"👤";font-size:.7rem}.usr-remove-button{background:linear-gradient(135deg,var(--usr-danger) 0%,#e53e3e 100%)!important;border:none!important;color:#fff!important;padding:var(--usr-spacing-sm) var(--usr-spacing-lg)!important;border-radius:var(--usr-radius-sm)!important;font-weight:600!important;font-size:.8rem!important;cursor:pointer!important;transition:all .2s ease!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:inline-flex!important;align-items:center!important;gap:var(--usr-spacing-xs)!important}.usr-remove-button:hover{transform:translateY(-1px)!important;box-shadow:var(--usr-shadow-sm)!important;color:#fff!important}.usr-remove-button:before{content:"🗑️";font-size:.8rem}.usr-error-message{background:#f565651a;border:1px solid var(--usr-danger);color:var(--usr-danger);padding:var(--usr-spacing-sm) var(--usr-spacing-md);border-radius:var(--usr-radius-sm);font-size:.85rem;font-weight:600;margin-top:var(--usr-spacing-xs);display:flex;align-items:center;gap:var(--usr-spacing-xs)}.usr-error-message:before{content:"⚠️";font-size:.8rem}.usr-pagination-container{padding:var(--usr-spacing-xl);background:linear-gradient(135deg,var(--usr-surface) 0%,var(--usr-surface-secondary) 100%);border-top:1px solid var(--usr-border-light);display:flex;justify-content:center}.usr-pagination{display:flex;align-items:center;gap:var(--usr-spacing-sm);list-style:none;margin:0;padding:0}.usr-pagination .page-item{margin:0}.usr-pagination .page-link{background:var(--usr-surface)!important;border:2px solid var(--usr-border)!important;color:var(--usr-text-secondary)!important;padding:var(--usr-spacing-sm) var(--usr-spacing-md)!important;border-radius:var(--usr-radius-sm)!important;font-weight:600!important;text-decoration:none!important;transition:all .2s ease!important;min-width:44px;text-align:center}.usr-pagination .page-link:hover{border-color:var(--usr-primary)!important;color:var(--usr-primary)!important;background:#667eea0d!important;transform:translateY(-1px)}.usr-pagination .page-item.active .page-link{background:linear-gradient(135deg,var(--usr-primary) 0%,var(--usr-primary-dark) 100%)!important;border-color:var(--usr-primary)!important;color:#fff!important;box-shadow:var(--usr-shadow-sm)!important}.usr-modal .modal-content{border-radius:var(--usr-radius-lg)!important;border:none!important;box-shadow:var(--usr-shadow-xl)!important;overflow:hidden!important}.usr-modal .modal-header{background:linear-gradient(135deg,var(--usr-surface) 0%,var(--usr-surface-secondary) 100%)!important;border-bottom:1px solid var(--usr-border-light)!important;padding:var(--usr-spacing-xl)!important}.usr-modal .modal-title{font-weight:700!important;color:var(--usr-text-primary)!important;font-size:1.5rem!important;display:flex!important;align-items:center!important;gap:var(--usr-spacing-sm)!important}.usr-modal .modal-title:before{content:"✨";font-size:1.25rem}.usr-modal .modal-body{padding:var(--usr-spacing-xl)!important;background:var(--usr-surface)!important}.usr-modal .modal-footer{border-top:1px solid var(--usr-border-light)!important;padding:var(--usr-spacing-lg) var(--usr-spacing-xl)!important;background:var(--usr-surface-secondary)!important;display:flex!important;gap:var(--usr-spacing-md)!important}.usr-modal .form-group{margin-bottom:var(--usr-spacing-lg)!important}.usr-modal .form-label{font-weight:600!important;color:var(--usr-text-secondary)!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:var(--usr-spacing-sm)!important;display:flex!important;align-items:center!important;gap:var(--usr-spacing-xs)!important}.usr-modal .form-label[for=inviteName]:before{content:"👤";font-size:.8rem}.usr-modal .form-label[for=inviteEmail]:before{content:"✉️";font-size:.8rem}.usr-modal .form-label[for=inviteRole]:before{content:"🏷️";font-size:.8rem}.usr-modal .form-control,.usr-modal .form-select{border:2px solid var(--usr-border)!important;border-radius:var(--usr-radius-sm)!important;padding:var(--usr-spacing-md)!important;font-size:1rem!important;font-weight:500!important;color:var(--usr-text-primary)!important;background:var(--usr-surface)!important;transition:all .2s ease!important}.usr-modal .form-control:focus,.usr-modal .form-select:focus{outline:none!important;border-color:var(--usr-primary)!important;box-shadow:0 0 0 3px #667eea1a!important}.usr-modal .btn-secondary{background:var(--usr-surface)!important;border:2px solid var(--usr-border)!important;color:var(--usr-text-secondary)!important;padding:var(--usr-spacing-sm) var(--usr-spacing-lg)!important;border-radius:var(--usr-radius-sm)!important;font-weight:600!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:all .2s ease!important}.usr-modal .btn-secondary:hover{border-color:var(--usr-text-secondary)!important;background:var(--usr-surface-secondary)!important;color:var(--usr-text-secondary)!important}.usr-modal .btn-primary{background:linear-gradient(135deg,var(--usr-primary) 0%,var(--usr-primary-dark) 100%)!important;border:none!important;color:#fff!important;padding:var(--usr-spacing-sm) var(--usr-spacing-lg)!important;border-radius:var(--usr-radius-sm)!important;font-weight:600!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:all .2s ease!important}.usr-modal .btn-primary:hover{transform:translateY(-1px)!important;box-shadow:var(--usr-shadow-sm)!important;color:#fff!important}.usr-success-message{background:#48bb781a;border:1px solid var(--usr-success);color:var(--usr-success);padding:var(--usr-spacing-sm) var(--usr-spacing-md);border-radius:var(--usr-radius-sm);font-size:.85rem;font-weight:600;margin-top:var(--usr-spacing-xs);display:flex;align-items:center;gap:var(--usr-spacing-xs)}.usr-success-message:before{content:"✅";font-size:.8rem}.usr-empty-state{text-align:center;padding:var(--usr-spacing-2xl);color:var(--usr-text-muted)}.usr-empty-icon{font-size:4rem;margin-bottom:var(--usr-spacing-lg);opacity:.6}.usr-empty-title{font-size:1.5rem;font-weight:700;color:var(--usr-text-primary);margin-bottom:var(--usr-spacing-sm)}.usr-empty-message{color:var(--usr-text-muted);font-size:1rem}@media (max-width: 1200px){.usr-page-container{padding:var(--usr-spacing-lg)}.usr-stats-bar{flex-wrap:wrap;gap:var(--usr-spacing-md)}}@media (max-width: 768px){.usr-page-container{padding:var(--usr-spacing-md)}.usr-header-content{flex-direction:column;gap:var(--usr-spacing-lg);align-items:stretch}.usr-title-section h2{font-size:2rem;justify-content:center}.usr-stats-bar{justify-content:center}.usr-table-container{overflow-x:auto}.usr-users-table{min-width:600px}.usr-users-table thead th,.usr-users-table tbody td{padding:var(--usr-spacing-sm) var(--usr-spacing-md)!important}}@media (max-width: 768px){.users{padding:var(--usr-spacing-lg) var(--usr-spacing-md)!important;max-width:100%!important}.usr-page-title{font-size:2rem!important;line-height:1.2!important;margin-bottom:var(--usr-spacing-lg)!important;text-align:center!important}.usr-main-card{margin-bottom:var(--usr-spacing-lg)!important;border-radius:var(--usr-radius-md)!important;padding:var(--usr-spacing-lg)!important;box-shadow:var(--usr-shadow-md)!important}.usr-header,.usr-invite-section,.usr-actions-container{flex-direction:column!important;gap:var(--usr-spacing-md)!important;align-items:stretch!important}.usr-invite-form{display:flex!important;flex-direction:column!important;gap:var(--usr-spacing-md)!important;width:100%!important}.inviteInput,.selectRole{width:100%!important;min-height:56px!important;padding:var(--usr-spacing-md) var(--usr-spacing-lg)!important;font-size:1rem!important;border-radius:var(--usr-radius-md)!important;border:2px solid var(--usr-border)!important;box-sizing:border-box!important;margin-right:0!important;margin-bottom:var(--usr-spacing-sm)!important}.inviteInput:focus,.selectRole:focus{border-color:var(--usr-primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.users-page-button,.btn,button{min-height:56px!important;padding:var(--usr-spacing-md) var(--usr-spacing-lg)!important;font-size:1rem!important;font-weight:600!important;border-radius:var(--usr-radius-md)!important;width:100%!important;margin-bottom:var(--usr-spacing-sm)!important;margin-right:0!important}.usr-table-container{overflow-x:auto!important;margin:0 -var(--usr-spacing-lg)!important;padding:0 var(--usr-spacing-lg)!important}.usr-table,.table{min-width:600px!important;font-size:.9rem!important}.usr-table th,.usr-table td,.table th,.table td{padding:var(--usr-spacing-sm) var(--usr-spacing-xs)!important;white-space:nowrap!important;vertical-align:middle!important}.usr-user-row{border-bottom:1px solid var(--usr-border-light)!important}.usr-user-row:last-child{border-bottom:none!important}.usr-user-actions{display:flex!important;flex-direction:column!important;gap:var(--usr-spacing-xs)!important}.usr-user-actions .btn{min-height:40px!important;font-size:.85rem!important;padding:var(--usr-spacing-xs) var(--usr-spacing-sm)!important;margin-bottom:0!important}.usr-status-badge,.badge{padding:var(--usr-spacing-xs) var(--usr-spacing-sm)!important;font-size:.8rem!important;border-radius:var(--usr-radius-sm)!important}.usr-role-selector{min-height:40px!important;font-size:.9rem!important;padding:var(--usr-spacing-xs) var(--usr-spacing-sm)!important}.usr-modal .modal-dialog{margin:var(--usr-spacing-md)!important;max-width:calc(100vw - 2rem)!important}.usr-modal .modal-content{border-radius:var(--usr-radius-lg)!important}.usr-modal .modal-header,.usr-modal .modal-body,.usr-modal .modal-footer{padding:var(--usr-spacing-lg)!important}.usr-modal .modal-footer{flex-direction:column!important;gap:var(--usr-spacing-sm)!important}.usr-modal .modal-footer .btn{margin:0!important}.usr-modal .form-control,.usr-modal .form-select,.usr-modal input,.usr-modal select{min-height:56px!important;padding:var(--usr-spacing-md) var(--usr-spacing-lg)!important;font-size:1rem!important;border-radius:var(--usr-radius-md)!important;border:2px solid var(--usr-border)!important}.usr-modal .form-control:focus,.usr-modal .form-select:focus,.usr-modal input:focus,.usr-modal select:focus{border-color:var(--usr-primary)!important;box-shadow:0 0 0 3px #667eea1a!important}.usr-modal .form-group,.usr-modal .mb-3{margin-bottom:var(--usr-spacing-lg)!important}.usr-modal .form-label,.usr-modal label{font-size:1rem!important;font-weight:600!important;margin-bottom:var(--usr-spacing-sm)!important;display:block!important}.usr-search-container,.usr-filter-container{display:flex!important;flex-direction:column!important;gap:var(--usr-spacing-md)!important;margin-bottom:var(--usr-spacing-lg)!important}.usr-search-input,.usr-filter-select{width:100%!important;min-height:56px!important;padding:var(--usr-spacing-md) var(--usr-spacing-lg)!important;font-size:1rem!important;border-radius:var(--usr-radius-md)!important}.usr-pagination,.pagination{justify-content:center!important;flex-wrap:wrap!important;gap:var(--usr-spacing-xs)!important}.usr-pagination .page-item,.pagination .page-item{margin:0!important}.usr-pagination .page-link,.pagination .page-link{min-height:44px!important;min-width:44px!important;padding:var(--usr-spacing-sm)!important;font-size:.9rem!important;border-radius:var(--usr-radius-sm)!important}.usr-loading,.spinner-border{width:1.5rem!important;height:1.5rem!important}.usr-alert,.alert{border-radius:var(--usr-radius-md)!important;padding:var(--usr-spacing-md)!important;font-size:.95rem!important;margin-bottom:var(--usr-spacing-lg)!important}.usr-empty-state{text-align:center!important;padding:var(--usr-spacing-xl) var(--usr-spacing-lg)!important}.usr-empty-state h3{font-size:1.5rem!important;margin-bottom:var(--usr-spacing-md)!important}.usr-empty-state p{font-size:1rem!important;line-height:1.5!important}}@media (max-width: 480px){.users{padding:var(--usr-spacing-md) var(--usr-spacing-sm)!important}.usr-page-title{font-size:1.75rem!important}.usr-main-card{padding:var(--usr-spacing-md)!important}.users-page-button,.btn,button{min-height:52px!important;font-size:.95rem!important}.usr-table,.table{font-size:.8rem!important}.usr-table th,.usr-table td,.table th,.table td{padding:var(--usr-spacing-xs)!important}.usr-modal .modal-dialog{margin:var(--usr-spacing-sm)!important;max-width:calc(100vw - 1rem)!important}.usr-modal .modal-header,.usr-modal .modal-body,.usr-modal .modal-footer{padding:var(--usr-spacing-md)!important}.usr-invite-form{gap:var(--usr-spacing-sm)!important}.inviteInput,.selectRole{min-height:52px!important}}@media (max-width: 768px) and (orientation: landscape){.users{padding:var(--usr-spacing-md)!important}.usr-page-title{font-size:1.75rem!important;margin-bottom:var(--usr-spacing-md)!important}.usr-main-card{padding:var(--usr-spacing-md)!important}.usr-table,.table{font-size:.85rem!important}}@media (hover: none) and (pointer: coarse){.users-page-button:hover,.btn:hover,button:hover{transform:none!important}.inviteInput:hover,.selectRole:hover,.form-control:hover{border-color:var(--usr-border)!important}.btn,button,.form-control,input,select{min-height:56px!important}.usr-invite-form{gap:var(--usr-spacing-lg)!important}.usr-user-actions .btn{min-height:44px!important}}@media (max-width: 768px){.users-page-button:focus,.btn:focus,.inviteInput:focus,.selectRole:focus,.form-control:focus,input:focus,select:focus{outline:3px solid rgba(102,126,234,.6)!important;outline-offset:2px!important}.text-muted{color:var(--usr-text-secondary)!important}.is-invalid{border-color:var(--usr-danger)!important;box-shadow:0 0 0 3px #f5656526!important}.usr-skip-link{position:absolute!important;top:-40px!important;left:6px!important;background:var(--usr-primary)!important;color:#fff!important;padding:8px!important;text-decoration:none!important;border-radius:var(--usr-radius-sm)!important;z-index:1000!important}.usr-skip-link:focus{top:6px!important}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.inviteInput,.selectRole,.form-control,.btn{border-width:1px!important}}:root{--st-primary: #667eea;--st-primary-dark: #5a67d8;--st-secondary: #764ba2;--st-success: #48bb78;--st-warning: #ed8936;--st-danger: #f56565;--st-info: #4299e1;--st-surface: #ffffff;--st-surface-secondary: #f8fafc;--st-surface-tertiary: #edf2f7;--st-surface-elevated: #ffffff;--st-text-primary: #1a202c;--st-text-secondary: #4a5568;--st-text-muted: #718096;--st-text-light: #a0aec0;--st-border: #e2e8f0;--st-border-light: #f1f5f9;--st-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--st-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--st-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--st-shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--st-radius-sm: 8px;--st-radius-md: 12px;--st-radius-lg: 16px;--st-radius-xl: 20px;--st-spacing-xs: .5rem;--st-spacing-sm: .75rem;--st-spacing-md: 1rem;--st-spacing-lg: 1.5rem;--st-spacing-xl: 2rem;--st-spacing-2xl: 3rem}.settings-page{min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);padding:var(--st-spacing-xl);position:relative;max-width:none!important;margin:0}.settings-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 75%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.st-page-header{text-align:center;margin-bottom:var(--st-spacing-2xl);position:relative;z-index:1}.settings-page h1{font-size:3rem;font-weight:800;color:#1a202c;margin:0 0 var(--st-spacing-sm) 0;text-shadow:0 4px 12px rgba(0,0,0,.15);letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:var(--st-spacing-md)}.settings-page h1:before{content:"⚙️";font-size:2.5rem}.settings-page p{font-size:1.25rem;color:#ffffffe6;margin:0;line-height:1.6}.environments-section{background:var(--st-surface-elevated)!important;border-radius:var(--st-radius-lg)!important;box-shadow:var(--st-shadow-lg)!important;margin-bottom:var(--st-spacing-xl)!important;overflow:hidden!important;position:relative!important;z-index:1!important;border:1px solid rgba(255,255,255,.2)!important;padding:0!important;transition:all .3s ease}.environments-section:hover{transform:translateY(-2px);box-shadow:var(--st-shadow-xl)!important}.environments-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--st-primary) 0%,var(--st-secondary) 100%)}.st-section-header{padding:var(--st-spacing-xl);background:linear-gradient(135deg,var(--st-surface) 0%,var(--st-surface-secondary) 100%);border-bottom:1px solid var(--st-border-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.environments-section .d-flex.justify-content-between{padding:var(--st-spacing-xl);background:linear-gradient(135deg,var(--st-surface) 0%,var(--st-surface-secondary) 100%);border-bottom:1px solid var(--st-border-light);margin-bottom:0!important}.environments-section h2{margin:0!important;font-size:1.5rem;font-weight:700;color:var(--st-text-primary);display:flex;align-items:center;gap:var(--st-spacing-sm)}.environments-section:nth-of-type(1) h2:before{content:"🌍";font-size:1.25rem}.environments-section:nth-of-type(2) h2:before{content:"🎯";font-size:1.25rem}.environments-section:nth-of-type(3) h2:before{content:"🔑";font-size:1.25rem}.st-header-controls{display:flex;align-items:center;gap:var(--st-spacing-md)}.environments-section .d-flex.align-items-center{gap:var(--st-spacing-md)}.environments-section .form-check{background:var(--st-surface);border:2px solid var(--st-border);border-radius:var(--st-radius-sm);padding:var(--st-spacing-sm) var(--st-spacing-md);margin:0!important;transition:all .2s ease}.environments-section .st-header-controls .form-check{background:#fff!important;border:2px solid var(--st-border)!important;border-radius:var(--st-radius-sm)!important;padding:8px 12px!important;margin:0!important;transition:all .2s ease!important;box-shadow:0 2px 4px #0000001a!important}.environments-section .form-check:hover,.environments-section .st-header-controls .form-check:hover{border-color:var(--st-primary);background:#667eea0d}.environments-section .form-check-input{margin:0 var(--st-spacing-xs) 0 0!important;width:1.1em;height:1.1em;border:2px solid var(--st-border);background-color:var(--st-surface)}.environments-section .form-check-input:checked{background-color:var(--st-primary);border-color:var(--st-primary)}.environments-section .form-check-label{font-weight:600;color:var(--st-text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin:0}.st-add-button,.environments-section .btn-primary{background:linear-gradient(135deg,var(--st-primary) 0%,var(--st-primary-dark) 100%)!important;border:none!important;color:#fff!important;padding:var(--st-spacing-sm) var(--st-spacing-lg)!important;border-radius:var(--st-radius-md)!important;font-weight:600!important;font-size:.9rem!important;cursor:pointer!important;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:.05em!important;box-shadow:var(--st-shadow-sm)!important;display:inline-flex!important;align-items:center!important;gap:var(--st-spacing-xs)!important}.st-add-button:hover,.environments-section .btn-primary:hover{transform:translateY(-1px)!important;box-shadow:var(--st-shadow-md)!important;color:#fff!important}.st-add-button:before{content:"+";font-size:1rem;font-weight:800}.st-deactivate-button,.environments-section .btn-danger{background:linear-gradient(135deg,var(--st-danger) 0%,#e53e3e 100%)!important;border:none!important;color:#fff!important;padding:var(--st-spacing-xs) var(--st-spacing-md)!important;border-radius:var(--st-radius-sm)!important;font-weight:600!important;font-size:.8rem!important;cursor:pointer!important;transition:all .2s ease!important;text-transform:uppercase!important;letter-spacing:.05em!important}.st-deactivate-button:hover,.environments-section .btn-danger:hover{transform:translateY(-1px)!important;box-shadow:var(--st-shadow-sm)!important;color:#fff!important}.environments-section .table{margin:0!important;background:var(--st-surface)!important;border:none!important;border-radius:0!important}.environments-section .table thead{background:linear-gradient(135deg,var(--st-surface-secondary) 0%,var(--st-surface-tertiary) 100%)!important}.environments-section .table thead th{padding:var(--st-spacing-lg) var(--st-spacing-xl)!important;border:none!important;border-bottom:2px solid var(--st-border)!important;font-weight:700!important;color:var(--st-text-secondary)!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:none!important}.environments-section .table tbody tr{transition:all .2s ease!important;border:none!important}.environments-section .table tbody tr:hover{background:var(--st-surface-secondary)!important;transform:translate(2px)}.environments-section .table tbody tr:last-child td{border-bottom:none!important}.environments-section .table tbody td{padding:var(--st-spacing-lg) var(--st-spacing-xl)!important;border:none!important;border-bottom:1px solid var(--st-border-light)!important;color:var(--st-text-primary)!important;font-weight:500!important;vertical-align:middle!important}.st-status-badge{padding:var(--st-spacing-xs) var(--st-spacing-md);border-radius:var(--st-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:var(--st-spacing-xs)}.environments-section .table tbody td:nth-child(2),.environments-section .table tbody td:nth-child(3),.environments-section .table tbody td:nth-child(4){position:relative}.environments-section .table tbody tr td:nth-child(2):before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--st-spacing-sm);background:var(--st-success)}.environments-section .table tbody tr:has(td:contains("inactive")) td:nth-child(2):before,.environments-section .table tbody tr:has(td:contains("deleted")) td:nth-child(2):before{background:var(--st-danger)}.st-modal .modal-content{border-radius:var(--st-radius-lg)!important;border:none!important;box-shadow:var(--st-shadow-xl)!important;overflow:hidden!important}.st-modal .modal-header{background:linear-gradient(135deg,var(--st-surface) 0%,var(--st-surface-secondary) 100%)!important;border-bottom:1px solid var(--st-border-light)!important;padding:var(--st-spacing-xl)!important}.st-modal .modal-title{font-weight:700!important;color:var(--st-text-primary)!important;font-size:1.25rem!important;display:flex!important;align-items:center!important;gap:var(--st-spacing-sm)!important}.st-modal .modal-title:before{content:"✨";font-size:1rem}.st-modal .modal-body{padding:var(--st-spacing-xl)!important;background:var(--st-surface)!important}.st-modal .modal-footer{border-top:1px solid var(--st-border-light)!important;padding:var(--st-spacing-lg) var(--st-spacing-xl)!important;background:var(--st-surface-secondary)!important}.st-modal .form-group{margin-bottom:var(--st-spacing-lg)!important}.st-modal .form-label{font-weight:600!important;color:var(--st-text-secondary)!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:var(--st-spacing-sm)!important}.st-modal .form-control{border:2px solid var(--st-border)!important;border-radius:var(--st-radius-sm)!important;padding:var(--st-spacing-md)!important;font-size:1rem!important;font-weight:500!important;color:var(--st-text-primary)!important;background:var(--st-surface)!important;transition:all .2s ease!important}.st-modal .form-control:focus{outline:none!important;border-color:var(--st-primary)!important;box-shadow:0 0 0 3px #667eea1a!important}.st-modal .form-check{margin-bottom:var(--st-spacing-sm)!important;padding:var(--st-spacing-sm)!important;background:var(--st-surface-secondary)!important;border-radius:var(--st-radius-sm)!important;border:1px solid var(--st-border-light)!important;transition:all .2s ease!important}.st-modal .form-check:hover{background:var(--st-surface-tertiary)!important;border-color:var(--st-border)!important}.st-modal .form-check-input{margin-top:0!important;border:2px solid var(--st-border)!important}.st-modal .form-check-input:checked{background-color:var(--st-primary)!important;border-color:var(--st-primary)!important}.st-modal .form-check-label{font-weight:500!important;color:var(--st-text-primary)!important}.st-modal .btn-secondary{background:var(--st-surface)!important;border:2px solid var(--st-border)!important;color:var(--st-text-secondary)!important;padding:var(--st-spacing-sm) var(--st-spacing-lg)!important;border-radius:var(--st-radius-sm)!important;font-weight:600!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:all .2s ease!important}.st-modal .btn-secondary:hover{border-color:var(--st-text-secondary)!important;background:var(--st-surface-secondary)!important;color:var(--st-text-secondary)!important}.st-empty-state{text-align:center;padding:var(--st-spacing-2xl);color:var(--st-text-muted)}.st-empty-icon{font-size:4rem;margin-bottom:var(--st-spacing-lg);opacity:.6}.st-empty-title{font-size:1.5rem;font-weight:700;color:var(--st-text-primary);margin-bottom:var(--st-spacing-sm)}.st-empty-message{color:var(--st-text-muted);font-size:1rem}.st-loading-spinner{width:40px;height:40px;border:3px solid var(--st-border-light);border-top:3px solid var(--st-primary);border-radius:50%;animation:st-spin 1s linear infinite;margin:var(--st-spacing-xl) auto}@keyframes st-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.st-tracking-method-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.st-tracking-button{display:flex;align-items:center;padding:1rem;background:var(--st-surface-secondary);border:2px solid var(--st-border-light);border-radius:var(--st-radius-sm);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;gap:.75rem}.st-tracking-button:hover{border-color:var(--st-primary);background:#667eea0d}.st-tracking-button.active{border-color:var(--st-primary);background:#667eea1a;box-shadow:0 0 0 3px #667eea1a}.st-button-icon{font-size:1.25rem;min-width:24px;display:flex;align-items:center;justify-content:center}.st-button-label{font-weight:500;color:var(--st-text-primary);font-size:.95rem}.st-tracking-button.active .st-button-label{color:var(--st-primary);font-weight:600}@media (max-width: 576px){.st-tracking-button{padding:.75rem;gap:.5rem}.st-button-icon{font-size:1rem;min-width:20px}.st-button-label{font-size:.9rem}}@media (max-width: 1200px){.settings-page{padding:var(--st-spacing-lg)}}@media (max-width: 768px){.settings-page{padding:var(--st-spacing-md)}.settings-page h1{font-size:2.5rem;flex-direction:column;gap:var(--st-spacing-sm)}.environments-section .d-flex.justify-content-between{flex-direction:column;gap:var(--st-spacing-md);align-items:stretch}.st-header-controls{justify-content:center}.environments-section .table-responsive{border-radius:var(--st-radius-sm);box-shadow:var(--st-shadow-sm)}}@media (max-width: 480px){.settings-page h1{font-size:2rem}.environments-section .table thead th,.environments-section .table tbody td{padding:var(--st-spacing-sm) var(--st-spacing-md)!important;font-size:.85rem!important}.st-header-controls{flex-direction:column;gap:var(--st-spacing-sm)}}@media (max-width: 768px){.settings-page{padding:var(--st-spacing-lg) var(--st-spacing-md)!important;margin:0!important;max-width:100%!important}.settings-container{max-width:100%!important;padding:0!important;margin:0!important}.settings-page-title{font-size:2rem!important;line-height:1.2!important;margin-bottom:var(--st-spacing-lg)!important;text-align:center!important}.settings-page-subtitle{font-size:1.125rem!important;margin-bottom:var(--st-spacing-xl)!important;text-align:center!important}.settings-grid,.settings-main-grid{grid-template-columns:1fr!important;gap:var(--st-spacing-lg)!important}.settings-nav,.settings-sidebar{position:static!important;width:100%!important;margin-bottom:var(--st-spacing-lg)!important;background:var(--st-surface)!important;border-radius:var(--st-radius-md)!important;padding:var(--st-spacing-lg)!important;box-shadow:var(--st-shadow-md)!important}.settings-nav-list{display:flex!important;flex-direction:column!important;gap:var(--st-spacing-sm)!important}.settings-nav-item{padding:var(--st-spacing-md) var(--st-spacing-lg)!important;border-radius:var(--st-radius-md)!important;border:1px solid var(--st-border)!important;text-decoration:none!important;color:var(--st-text-primary)!important;font-weight:500!important;display:flex!important;align-items:center!important;min-height:56px!important;transition:all .3s ease!important}.settings-nav-item:hover,.settings-nav-item.active{background-color:var(--st-primary)!important;color:#fff!important;border-color:var(--st-primary)!important;text-decoration:none!important}.settings-content{width:100%!important;padding:0!important}.settings-card,.settings-section{padding:var(--st-spacing-lg)!important;margin-bottom:var(--st-spacing-lg)!important;border-radius:var(--st-radius-md)!important;background:var(--st-surface)!important;box-shadow:var(--st-shadow-md)!important;border:1px solid var(--st-border)!important}.settings-card h3,.settings-section h3{font-size:1.25rem!important;margin-bottom:var(--st-spacing-md)!important;color:var(--st-text-primary)!important}.settings-card h4,.settings-section h4{font-size:1.125rem!important;margin-bottom:var(--st-spacing-sm)!important}.settings-form{display:flex!important;flex-direction:column!important;gap:var(--st-spacing-lg)!important}.settings-form-group,.form-group{display:flex!important;flex-direction:column!important;gap:var(--st-spacing-sm)!important;margin-bottom:var(--st-spacing-lg)!important}.settings-form-group label,.form-group label{font-size:1rem!important;font-weight:600!important;color:var(--st-text-secondary)!important;margin-bottom:var(--st-spacing-sm)!important}.settings-form-group input,.settings-form-group textarea,.settings-form-group select,.form-control,input,textarea,select{min-height:56px!important;padding:var(--st-spacing-md) var(--st-spacing-lg)!important;font-size:1rem!important;border-radius:var(--st-radius-md)!important;border:2px solid var(--st-border)!important;width:100%!important;box-sizing:border-box!important}.settings-form-group textarea{min-height:120px!important;resize:vertical!important}.settings-form-group input:focus,.settings-form-group textarea:focus,.settings-form-group select:focus,.form-control:focus,input:focus,textarea:focus,select:focus{border-color:var(--st-primary)!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.settings-checkbox-group,.settings-radio-group{display:flex!important;flex-direction:column!important;gap:var(--st-spacing-md)!important}.settings-checkbox-item,.settings-radio-item,.form-check{display:flex!important;align-items:flex-start!important;gap:var(--st-spacing-sm)!important;padding:var(--st-spacing-md)!important;border:1px solid var(--st-border)!important;border-radius:var(--st-radius-md)!important;background:var(--st-surface-secondary)!important;min-height:56px!important}.settings-checkbox-item input,.settings-radio-item input,.form-check-input{width:1.25rem!important;height:1.25rem!important;margin:0!important;flex-shrink:0!important}.settings-checkbox-item label,.settings-radio-item label,.form-check-label{font-size:1rem!important;line-height:1.5!important;color:var(--st-text-primary)!important;margin:0!important;cursor:pointer!important}.settings-btn,.btn{min-height:56px!important;padding:var(--st-spacing-md) var(--st-spacing-lg)!important;font-size:1rem!important;font-weight:600!important;border-radius:var(--st-radius-md)!important;width:100%!important;margin-bottom:var(--st-spacing-sm)!important;border:none!important;cursor:pointer!important;transition:all .3s ease!important}.settings-btn-primary,.btn-primary{background:linear-gradient(135deg,var(--st-primary) 0%,var(--st-primary-dark) 100%)!important;color:#fff!important}.settings-btn-secondary,.btn-secondary{background:var(--st-surface)!important;border:2px solid var(--st-border)!important;color:var(--st-text-secondary)!important}.settings-btn-danger,.btn-danger{background:linear-gradient(135deg,var(--st-danger) 0%,#e53e3e 100%)!important;color:#fff!important}.settings-btn-group,.btn-group{display:flex!important;flex-direction:column!important;gap:var(--st-spacing-sm)!important;width:100%!important}.settings-tabs,.nav-tabs{flex-direction:column!important;border-bottom:none!important;gap:var(--st-spacing-sm)!important;margin-bottom:var(--st-spacing-lg)!important}.settings-tab,.nav-tabs .nav-item{margin-bottom:0!important;width:100%!important}.settings-tab-link,.nav-tabs .nav-link{border-radius:var(--st-radius-md)!important;margin-right:0!important;text-align:center!important;padding:var(--st-spacing-md) var(--st-spacing-lg)!important;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid var(--st-border)!important;color:var(--st-text-primary)!important;font-weight:500!important}.settings-tab-link.active,.nav-tabs .nav-link.active{background:var(--st-primary)!important;color:#fff!important;border-color:var(--st-primary)!important}.settings-switch,.form-switch{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:var(--st-spacing-md)!important;border:1px solid var(--st-border)!important;border-radius:var(--st-radius-md)!important;background:var(--st-surface-secondary)!important;min-height:56px!important}.settings-switch-input,.form-check-input[type=checkbox]{width:3rem!important;height:1.5rem!important;margin:0!important}.settings-file-upload{border:2px dashed var(--st-border)!important;border-radius:var(--st-radius-md)!important;padding:var(--st-spacing-xl) var(--st-spacing-lg)!important;text-align:center!important;background:var(--st-surface-secondary)!important;min-height:120px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:var(--st-spacing-md)!important}.settings-file-upload input[type=file]{display:none!important}.settings-file-upload-label{background:var(--st-primary)!important;color:#fff!important;padding:var(--st-spacing-md) var(--st-spacing-lg)!important;border-radius:var(--st-radius-md)!important;cursor:pointer!important;font-weight:600!important;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important}.settings-modal .modal-dialog{margin:var(--st-spacing-md)!important;max-width:calc(100vw - 2rem)!important}.settings-modal .modal-content{border-radius:var(--st-radius-lg)!important}.settings-modal .modal-header,.settings-modal .modal-body,.settings-modal .modal-footer{padding:var(--st-spacing-lg)!important}.settings-modal .modal-footer{flex-direction:column!important;gap:var(--st-spacing-sm)!important}.settings-modal .modal-footer .btn{margin:0!important}.settings-alert,.alert{border-radius:var(--st-radius-md)!important;padding:var(--st-spacing-md)!important;font-size:.95rem!important;margin-bottom:var(--st-spacing-lg)!important}.settings-loading,.spinner-border{width:1.5rem!important;height:1.5rem!important}.settings-profile-section{text-align:center!important}.settings-profile-image{width:120px!important;height:120px!important;border-radius:50%!important;margin:0 auto var(--st-spacing-lg) auto!important;border:4px solid var(--st-border)!important}.settings-api-key{display:flex!important;flex-direction:column!important;gap:var(--st-spacing-sm)!important}.settings-api-key-input{font-family:monospace!important;background:var(--st-surface-secondary)!important;border:2px solid var(--st-border)!important;padding:var(--st-spacing-md)!important;border-radius:var(--st-radius-md)!important;word-break:break-all!important;min-height:56px!important}.settings-danger-zone{border:2px solid var(--st-danger)!important;border-radius:var(--st-radius-md)!important;padding:var(--st-spacing-lg)!important;background:#f565650d!important}.settings-danger-zone h4{color:var(--st-danger)!important;margin-bottom:var(--st-spacing-md)!important}}@media (max-width: 480px){.settings-page{padding:var(--st-spacing-md) var(--st-spacing-sm)!important}.settings-page-title{font-size:1.75rem!important}.settings-page-subtitle{font-size:1rem!important}.settings-card,.settings-section{padding:var(--st-spacing-md)!important}.settings-btn,.btn{min-height:52px!important;font-size:.95rem!important}.settings-form-group input,.settings-form-group textarea,.settings-form-group select,.form-control{min-height:52px!important}.settings-modal .modal-dialog{margin:var(--st-spacing-sm)!important;max-width:calc(100vw - 1rem)!important}.settings-modal .modal-header,.settings-modal .modal-body,.settings-modal .modal-footer{padding:var(--st-spacing-md)!important}.settings-profile-image{width:100px!important;height:100px!important}}@media (max-width: 768px) and (orientation: landscape){.settings-page{padding:var(--st-spacing-md)!important}.settings-page-title{font-size:1.75rem!important;margin-bottom:var(--st-spacing-md)!important}.settings-nav{padding:var(--st-spacing-md)!important}}@media (hover: none) and (pointer: coarse){.settings-btn:hover,.btn:hover,.settings-nav-item:hover{transform:none!important}.settings-form-group input:hover,.settings-form-group textarea:hover,.form-control:hover{border-color:var(--st-border)!important}.settings-checkbox-item,.settings-radio-item,.form-check{min-height:60px!important}.settings-form-group{margin-bottom:var(--st-spacing-xl)!important}}@media (max-width: 768px){.settings-btn:focus,.btn:focus,.settings-nav-item:focus,.settings-form-group input:focus,.settings-form-group textarea:focus,.settings-form-group select:focus,.form-control:focus{outline:3px solid rgba(102,126,234,.6)!important;outline-offset:2px!important}.text-muted{color:var(--st-text-secondary)!important}.is-invalid{border-color:var(--st-danger)!important;box-shadow:0 0 0 3px #f5656526!important}.settings-skip-link{position:absolute!important;top:-40px!important;left:6px!important;background:var(--st-primary)!important;color:#fff!important;padding:8px!important;text-decoration:none!important;border-radius:var(--st-radius-sm)!important;z-index:1000!important}.settings-skip-link:focus{top:6px!important}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.settings-form-group input,.settings-form-group textarea,.settings-form-group select,.form-control,.settings-btn,.btn{border-width:1px!important}}@media print{.settings-page{background:#fff;padding:0}.environments-section{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.st-add-button,.st-deactivate-button{display:none}}@media (prefers-contrast: high){.environments-section{border-width:2px}.st-modal .form-control:focus{border-width:3px}}@media (prefers-color-scheme: dark){:root{--st-surface: #1a202c;--st-surface-secondary: #2d3748;--st-surface-tertiary: #4a5568;--st-surface-elevated: #2d3748;--st-text-primary: #f7fafc;--st-text-secondary: #e2e8f0;--st-text-muted: #a0aec0;--st-text-light: #718096;--st-border: #4a5568;--st-border-light: #2d3748}}.environments-section .d-flex.justify-content-between.align-items-center,.environments-section .st-settings-header{flex-wrap:wrap!important;gap:1.5rem!important;min-height:80px!important;align-items:center!important;padding:2rem!important;justify-content:space-between!important}.environments-section .st-header-controls{display:flex!important;align-items:center!important;gap:1rem!important;flex-wrap:nowrap!important;justify-content:flex-end!important;min-width:300px!important;flex-shrink:0!important}.environments-section .st-header-controls .form-check,.environments-section .st-header-controls .st-checkbox-override{margin:0!important;padding:10px 16px!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;min-width:fit-content!important;box-shadow:0 2px 6px #0000001a!important;transition:all .2s ease!important;position:relative!important;z-index:10!important}.environments-section .st-header-controls .form-check:hover,.environments-section .st-header-controls .st-checkbox-override:hover{border-color:#667eea!important;box-shadow:0 4px 12px #667eea33!important;background:#fff!important}.environments-section .st-header-controls .form-check-input{margin:0!important;flex-shrink:0!important;width:18px!important;height:18px!important;border:2px solid #cbd5e0!important;border-radius:4px!important;background-color:#fff!important;position:relative!important}.environments-section .st-header-controls .form-check-input:checked{background-color:#667eea!important;border-color:#667eea!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3e%3cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3e%3c/svg%3e")!important}.environments-section .st-header-controls .form-check-label{margin:0!important;font-size:.9rem!important;font-weight:600!important;color:#1a202c!important;white-space:nowrap!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;text-transform:none!important;letter-spacing:normal!important}.st-checkbox-override *,.st-checkbox-override .form-check-label{color:#1a202c!important}.environments-section .st-header-controls .st-add-button{flex-shrink:0!important;min-width:fit-content!important;margin-left:8px!important;background:linear-gradient(135deg,#667eea,#5a67d8)!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:8px!important;font-weight:600!important;font-size:.85rem!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 2px 4px #0000001a!important}@media (prefers-color-scheme: dark){.environments-section .st-header-controls .form-check,.environments-section .st-header-controls .st-checkbox-override{background:#fff!important;border-color:#e2e8f0!important}.environments-section .st-header-controls .form-check-label{color:#1a202c!important}.environments-section .st-header-controls .form-check-input{background-color:#fff!important;border-color:#cbd5e0!important}.st-checkbox-override *{color:#1a202c!important}}@media (max-width: 1200px){.environments-section .d-flex.justify-content-between.align-items-center,.environments-section .st-settings-header{flex-direction:column!important;align-items:stretch!important;gap:1.5rem!important;padding:1.5rem!important}.environments-section .st-header-controls{justify-content:center!important;width:100%!important;min-width:auto!important;flex-wrap:wrap!important;gap:1rem!important}.environments-section .st-header-controls .st-add-button{margin-left:0!important}}@media (max-width: 768px){.environments-section .st-header-controls{flex-direction:column!important;gap:1rem!important}.environments-section .st-header-controls .form-check,.environments-section .st-header-controls .st-checkbox-override{justify-content:center!important;min-width:200px!important}}.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;width:20px;height:20px;transition:left .05s linear,top .05s linear;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxTDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAwLS4zMy0xLjYxTDIuMzUgMS4wNmExIDEgMCAwMC0xLjI5IDEuMjlMMTYuMzkgNDRhMSAxIDAgMDAxLjY1LjM2bDEwLjI1LTEwLjI4IDE0LjYyIDE0LjYzYTEgMSAwIDAwMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwMC4wMS0xLjQyem0tNS4wOSAzLjY3TDI5IDMyYTEgMSAwIDAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwMDMyIDI5bDE0LjU5IDE0LjYyeiIvPjwvc3ZnPg==);border-color:transparent}.replayer-mouse:after{content:"";display:inline-block;width:20px;height:20px;background:#4950f6;border-radius:100%;transform:translate(-50%,-50%);opacity:.3}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse.touch-device{background-image:none;width:70px;height:70px;border-radius:100%;margin-left:-37px;margin-top:-37px;border:4px solid rgba(73,80,246,0);transition:left 0s linear,top 0s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:touch-click .2s ease-in-out 1}.replayer-mouse-tail{position:absolute;pointer-events:none}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}.rr-player{position:relative;background:#fff;float:left;border-radius:5px;box-shadow:0 24px 48px #11103e1f}.rr-player__frame{overflow:hidden}.replayer-wrapper{float:left;clear:both;transform-origin:top left;left:50%;top:50%}.replayer-wrapper>iframe{border:none}.rr-controller.svelte-19ke1iv.svelte-19ke1iv{width:100%;height:80px;background:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:0 0 5px 5px}.rr-timeline.svelte-19ke1iv.svelte-19ke1iv{width:80%;display:flex;align-items:center}.rr-timeline__time.svelte-19ke1iv.svelte-19ke1iv{display:inline-block;width:100px;text-align:center;color:#11103e}.rr-progress.svelte-19ke1iv.svelte-19ke1iv{flex:1;height:12px;background:#eee;position:relative;border-radius:3px;cursor:pointer;box-sizing:border-box;border-top:solid 4px #fff;border-bottom:solid 4px #fff}.rr-progress.disabled.svelte-19ke1iv.svelte-19ke1iv{cursor:not-allowed}.rr-progress__step.svelte-19ke1iv.svelte-19ke1iv{height:100%;position:absolute;left:0;top:0;background:#e0e1fe}.rr-progress__handler.svelte-19ke1iv.svelte-19ke1iv{width:20px;height:20px;border-radius:10px;position:absolute;top:2px;transform:translate(-50%,-50%);background:#4950f6}.rr-controller__btns.svelte-19ke1iv.svelte-19ke1iv{display:flex;align-items:center;justify-content:center;font-size:13px}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv{width:32px;height:32px;display:flex;padding:0;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:active{background:#e0e1fe}.rr-controller__btns.svelte-19ke1iv button.active.svelte-19ke1iv{color:#fff;background:#4950f6}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:disabled{cursor:not-allowed}.switch.svelte-9brlez.svelte-9brlez.svelte-9brlez{height:1em;display:flex;align-items:center}.switch.disabled.svelte-9brlez.svelte-9brlez.svelte-9brlez{opacity:.5}.label.svelte-9brlez.svelte-9brlez.svelte-9brlez{margin:0 8px}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez.svelte-9brlez{position:absolute;opacity:0}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez{width:2em;height:1em;position:relative;cursor:pointer;display:block}.switch.disabled.svelte-9brlez label.svelte-9brlez.svelte-9brlez{cursor:not-allowed}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:before{content:"";position:absolute;width:2em;height:1em;left:.1em;transition:background .1s ease;background:#4950f680;border-radius:50px}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:after{content:"";position:absolute;width:1em;height:1em;border-radius:50px;left:0;transition:all .2s ease;box-shadow:0 2px 5px #0000004d;background:#fcfff4;animation:switch-off .2s ease-out;z-index:2}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez:checked+label.svelte-9brlez:before{background:#4950f6}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez:checked+label.svelte-9brlez:after{animation:switch-on .2s ease-out;left:1.1em}.floating-frog-loader{display:flex;justify-content:center;align-items:center;min-height:200px;padding:2rem}.floating-frog-loader.small .floating-frog-bubbles-container{width:200px;height:200px}.floating-frog-loader.small .floating-frog-white-backdrop{width:180px;height:180px}.floating-frog-loader.small .floating-frog-background-logo{width:200px}.floating-frog-loader.medium .floating-frog-bubbles-container{width:300px;height:300px}.floating-frog-loader.medium .floating-frog-white-backdrop{width:280px;height:280px}.floating-frog-loader.medium .floating-frog-background-logo{width:300px}.floating-frog-loader.large .floating-frog-bubbles-container{width:400px;height:400px}.floating-frog-loader.large .floating-frog-white-backdrop{width:380px;height:380px}.floating-frog-loader.large .floating-frog-background-logo{width:400px}.floating-frog-bubbles-container{position:relative;width:300px;height:300px;margin:0 auto;display:flex;justify-content:center;align-items:center}.floating-frog-white-backdrop{position:absolute;width:280px;height:280px;background:#ffffffe6;border-radius:50%;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #fffc,0 0 60px #fff6;filter:blur(1px)}.floating-frog-background-logo{position:absolute;width:300px;opacity:1;bottom:0;left:50%;transform:translate(-50%);z-index:2}.floating-frog-bubbles-svg{position:absolute;z-index:2;width:100%;height:100%;transform:scale(.33);bottom:90px}.floating-frog-bubble{fill:#b3cfd499;transform-origin:250px 250px}.floating-frog-bubble:nth-child(2){fill:#ff980099;animation:floating-frog-orbit 8s linear infinite}.floating-frog-bubble:nth-child(3){fill:#36a2eb99;animation:floating-frog-orbit 8s linear infinite;animation-delay:-2.6s}.floating-frog-bubble:nth-child(4){fill:#4bc0c099;animation:floating-frog-orbit 8s linear infinite;animation-delay:-5.3s}@keyframes floating-frog-orbit{0%{transform:rotate(0) translate(100px) rotate(0) scale(.53)}to{transform:rotate(360deg) translate(100px) rotate(-360deg) scale(.53)}}.floating-frog-background-bubble{fill:#f0f0f0;opacity:.5;animation:floating-frog-pulse 3s ease-in-out infinite;transform-origin:center;z-index:1}@keyframes floating-frog-pulse{0%{transform:scale(1.09)}50%{transform:scale(1.21)}to{transform:scale(1.09)}}.floating-frog-bubble{z-index:3;position:relative}.floating-frog-message{margin-top:1rem;color:#6c757d;font-size:1rem;font-weight:500}@media (max-width: 768px){.floating-frog-loader.large .floating-frog-bubbles-container,.floating-frog-loader.medium .floating-frog-bubbles-container{width:250px;height:250px}.floating-frog-loader.large .floating-frog-white-backdrop,.floating-frog-loader.medium .floating-frog-white-backdrop{width:230px;height:230px}.floating-frog-loader.large .floating-frog-background-logo,.floating-frog-loader.medium .floating-frog-background-logo{width:250px}.floating-frog-loader{min-height:150px;padding:1rem}}.rrweb-player-container{width:100%;height:100%;min-height:600px;background:#fff;position:relative;overflow:hidden}.rrweb-player-container:not(.mobile-device):not(.tablet-device){min-height:85vh;max-height:98vh}.replayer-wrapper[style*=transform]{transform-origin:top left!important}.rrweb-player .replayer-wrapper{position:absolute!important;top:0!important;left:0!important;transform-origin:top left!important}.rrweb-player .replayer-wrapper iframe{position:absolute!important;top:0!important;left:0!important}.replayer-wrapper,.replayer-wrapper iframe{max-width:none!important;max-height:none!important}.replayer-wrapper iframe{z-index:1!important}.replayer-mouse,.replayer-mouse-active{z-index:9999!important;position:absolute!important}.rr-controller{z-index:10000!important}.replayer-mouse-pointer{z-index:9999!important;position:relative!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.replayer-mouse-pointer:before,.replayer-mouse-pointer:after{z-index:9999!important;visibility:visible!important;opacity:1!important}.replayer-wrapper .replayer-mouse,.replayer-wrapper .replayer-mouse-active,.replayer-wrapper .replayer-mouse *,.replayer-wrapper .replayer-mouse-active *{z-index:9999!important;visibility:visible!important;opacity:1!important;display:block!important}.replayer-wrapper iframe .replayer-mouse,.replayer-wrapper iframe .replayer-mouse-active,.replayer-wrapper iframe .replayer-mouse-pointer,.replayer-wrapper iframe .replayer-mouse-dot{z-index:999999!important;position:absolute!important;visibility:visible!important;opacity:1!important;display:block!important;pointer-events:none!important;mix-blend-mode:normal!important;isolation:isolate!important}.replayer-mouse-pointer svg,.replayer-mouse-pointer path,.replayer-mouse-active svg,.replayer-mouse-active path{z-index:999999!important;visibility:visible!important;opacity:1!important;display:block!important;fill:#000!important;stroke:#fff!important;stroke-width:1px!important}.replayer-wrapper iframe *{position:relative!important;z-index:1!important}.replayer-wrapper iframe .replayer-mouse,.replayer-wrapper iframe .replayer-mouse-active,.replayer-wrapper iframe .replayer-mouse-pointer{z-index:999999!important;position:absolute!important;mix-blend-mode:normal!important;isolation:isolate!important}.replayer-mouse:before{content:"";position:absolute!important;top:0!important;left:0!important;width:0!important;height:0!important;border-left:10px solid #000!important;border-right:10px solid transparent!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;z-index:999999!important;pointer-events:none!important}.replayer-mouse-active:before{content:"";position:absolute!important;top:0!important;left:0!important;width:0!important;height:0!important;border-left:10px solid #ff0000!important;border-right:10px solid transparent!important;border-top:10px solid transparent!important;border-bottom:10px solid transparent!important;z-index:999999!important;pointer-events:none!important}.replayer-mouse,.replayer-mouse-active{background:none!important;border:none!important;box-shadow:none!important}.replayer-wrapper *:not(.replayer-mouse):not(.replayer-mouse-active):not(.replayer-mouse-pointer){z-index:1!important}.replayer-mouse,.replayer-mouse-active,.replayer-mouse-pointer{z-index:999999!important;position:absolute!important;visibility:visible!important;opacity:1!important;display:block!important;pointer-events:none!important;mix-blend-mode:normal!important;isolation:isolate!important;transform:none!important;clip:none!important;clip-path:none!important;mask:none!important;filter:none!important;will-change:transform!important}.rr-controller{position:absolute!important;bottom:0;left:0;right:0;height:80px!important;background:#fffffff2;border-top:1px solid rgba(0,0,0,.1);z-index:100}.rr-player{width:100%!important;height:100%!important;position:relative!important;--player-width: 100%;--player-height: 100%;overflow:hidden!important;box-sizing:border-box!important}.replayer-wrapper iframe{width:100%!important;height:100%!important;position:absolute!important;top:0;left:0;border:none;background:#fff;display:block!important;pointer-events:auto!important;box-sizing:border-box;overflow:hidden!important}.replayer-wrapper canvas{display:none!important}.rrweb-player{position:relative!important;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a}.rrweb-player iframe{border:none;width:100%;height:100%}.replayer-wrapper{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:calc(100% - 80px)!important;background:#fff;overflow:hidden!important;transform-origin:top left!important;box-sizing:border-box!important}.rr-player__frame{background:#fff;width:100%!important;height:100%!important}.rr-controller__btns{display:flex;align-items:center;justify-content:center;padding:8px}.rr-controller__btns button{color:#495057;margin:0 4px}.MuiTableRow-root:hover{background-color:#0000000a}.selected-session{background-color:#00000014}.rr-player,.rrweb-player-container,.replayer-wrapper{position:relative;width:100%;height:100%}.replayer-mouse,.replayer-mouse-active{z-index:9999!important;pointer-events:none!important;position:absolute!important;transform-origin:top left!important}.replayer-mouse .replayer-mouse-pointer,.replayer-mouse-active .replayer-mouse-pointer{z-index:9999!important;transform-origin:top left!important}.replayer-mouse,.replayer-mouse-active,.replayer-mouse *,.replayer-mouse-active *{z-index:9999!important;visibility:visible!important;opacity:1!important}.rrweb-player-container,.replayer-wrapper,.rr-player,.rr-player__frame{max-width:2000px!important;box-sizing:border-box}@media (max-width: 900px){.MuiContainer-root{flex-direction:column!important;padding-left:0!important;padding-right:0!important}}@media (max-width: 768px){.rrweb-player-container{min-height:300px!important;height:calc(100vh - 120px)!important;padding:8px}.replayer-wrapper,.replayer-wrapper iframe{max-width:100%!important;max-height:100%!important}.replayer-wrapper{position:relative!important;width:100%!important;height:calc(100% - 80px)!important;max-width:100%!important;max-height:100%!important;overflow:hidden!important;background:#fff!important;border-radius:0!important}.rr-player{width:100%!important;height:100%!important;position:relative!important;overflow:hidden!important}.replayer-wrapper iframe{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;border:none!important;transform:scale(.8)!important;transform-origin:top left!important}.rr-controller{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:80px!important;background:#fffffffa!important;border-top:1px solid rgba(0,0,0,.1)!important;z-index:1000!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 -2px 10px #0000001a!important}.rr-controller button{min-height:44px!important;min-width:44px!important;padding:8px!important;border-radius:8px!important;font-size:16px!important;margin:0 4px!important;border:none!important;background:#667eea1a!important;color:#667eea!important;transition:all .2s ease!important}.rr-controller button:hover,.rr-controller button:focus{background:#667eea!important;color:#fff!important;transform:scale(1.05)!important}.rr-controller button:active{transform:scale(.95)!important}.rr-controller .rr-play-button,.rr-controller .rr-pause-button{min-height:56px!important;min-width:56px!important;border-radius:50%!important;font-size:20px!important;background:#667eea!important;color:#fff!important;box-shadow:0 4px 12px #667eea4d!important}.rr-controller .rr-progress{height:6px!important;background:#0000001a!important;border-radius:3px!important;overflow:hidden!important;margin:0 12px!important;cursor:pointer!important}.rr-controller .rr-progress-step{height:100%!important;background:#667eea!important;border-radius:3px!important;transition:width .1s ease!important}.rr-controller .rr-timer{font-size:14px!important;color:#4a5568!important;font-weight:500!important;min-width:80px!important;text-align:center!important}.rr-controller .rr-speed-control{min-height:40px!important;min-width:60px!important;font-size:12px!important;border-radius:6px!important;background:#667eea1a!important;color:#667eea!important;border:1px solid rgba(102,126,234,.2)!important;padding:4px 8px!important}.rr-controller .rr-fullscreen-button{min-height:44px!important;min-width:44px!important;border-radius:8px!important;background:#667eea1a!important;color:#667eea!important;font-size:18px!important}.rr-loading{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#ffffffe6!important;border-radius:12px!important;padding:24px!important;box-shadow:0 4px 20px #0000001a!important;z-index:1001!important}.rr-loading .spinner{width:32px!important;height:32px!important;border:3px solid rgba(102,126,234,.2)!important;border-top:3px solid #667eea!important;border-radius:50%!important;animation:spin 1s linear infinite!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rr-error{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#f565651a!important;border:2px solid rgba(245,101,101,.2)!important;border-radius:12px!important;padding:20px!important;text-align:center!important;max-width:80%!important;z-index:1001!important}.rr-error h3{color:#f56565!important;font-size:1.125rem!important;margin-bottom:8px!important}.rr-error p{color:#4a5568!important;font-size:.95rem!important;margin:0!important;line-height:1.4!important}.replay-header{position:sticky!important;top:0!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid rgba(0,0,0,.1)!important;padding:12px 16px!important;z-index:999!important}.replay-header h2{font-size:1.25rem!important;margin:0!important;color:#1a202c!important;font-weight:600!important}.replay-header .replay-info{font-size:.85rem!important;color:#718096!important;margin-top:4px!important}.replay-metadata{position:absolute!important;top:16px!important;right:16px!important;background:#ffffffe6!important;border-radius:8px!important;padding:8px 12px!important;font-size:.8rem!important;color:#4a5568!important;z-index:998!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(0,0,0,.1)!important}.replay-actions{position:absolute!important;top:16px!important;left:16px!important;display:flex!important;gap:8px!important;z-index:998!important}.replay-actions button{min-height:40px!important;min-width:40px!important;border-radius:8px!important;background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;color:#4a5568!important;font-size:16px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:all .2s ease!important}.replay-actions button:hover,.replay-actions button:focus{background:#667eea!important;color:#fff!important;border-color:#667eea!important}}@media (max-width: 480px){.rrweb-player-container{min-height:300px!important;height:calc(100vh - 100px)!important}.replayer-wrapper iframe{transform:scale(.6)!important}.rr-controller{height:70px!important;padding:8px!important}.rr-controller button{min-height:36px!important;min-width:36px!important;font-size:14px!important;margin:0 2px!important}.rr-controller .rr-play-button,.rr-controller .rr-pause-button{min-height:48px!important;min-width:48px!important;font-size:18px!important}.rr-controller .rr-timer{font-size:12px!important;min-width:60px!important}.rr-controller .rr-speed-control{min-height:32px!important;min-width:50px!important;font-size:11px!important}.replay-header{padding:8px 12px!important}.replay-header h2{font-size:1.125rem!important}.replay-metadata{position:relative!important;top:auto!important;right:auto!important;margin-top:8px!important;display:block!important}.replay-actions{position:relative!important;top:auto!important;left:auto!important;justify-content:center!important;margin-top:8px!important}}@media (max-width: 768px) and (orientation: landscape){.rrweb-player-container{height:calc(100vh - 60px)!important}.rr-controller{height:60px!important}.replayer-wrapper iframe{transform:scale(.9)!important}.replay-header{padding:8px 16px!important}.replay-header h2{font-size:1.125rem!important}}@media (hover: none) and (pointer: coarse){.rr-controller button:hover{transform:none!important}.rr-controller button:active{transform:scale(.95)!important;transition:transform .1s ease!important}.rr-controller .rr-progress{height:8px!important;margin:0 16px!important}.rr-controller .rr-progress-step{height:100%!important}.rr-controller button{min-height:48px!important;min-width:48px!important}.replay-actions button{min-height:44px!important;min-width:44px!important}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.rr-controller button{border-width:.5px!important}.rr-controller .rr-progress{height:4px!important}.replay-metadata,.replay-actions button{border-width:.5px!important}}@media (max-width: 768px){.rr-controller button:focus,.replay-actions button:focus{outline:2px solid rgba(102,126,234,.6)!important;outline-offset:2px!important}.rr-controller .rr-progress:focus{outline:2px solid rgba(102,126,234,.6)!important;outline-offset:2px!important}.rr-controller button[aria-label]{position:relative!important}.rr-controller button[aria-label]:focus:after{content:attr(aria-label)!important;position:absolute!important;bottom:100%!important;left:50%!important;transform:translate(-50%)!important;background:#000c!important;color:#fff!important;padding:4px 8px!important;border-radius:4px!important;font-size:12px!important;white-space:nowrap!important;z-index:1002!important}}@media (prefers-reduced-motion: reduce){.rr-controller button,.replay-actions button,.rr-controller .rr-progress-step,.rr-loading .spinner{animation:none!important;transition:none!important}.rr-controller button:hover,.rr-controller button:focus,.replay-actions button:hover,.replay-actions button:focus{transform:none!important}}.rrweb-player-container.mobile-device{border:4px solid #007AFF!important;border-radius:28px!important;box-shadow:0 12px 40px #007aff80!important;background:linear-gradient(135deg,#000,#1a1a1a)!important;padding:24px!important;position:relative!important;max-width:450px!important;margin:0 auto!important}.rrweb-player-container.tablet-device{border:4px solid #34C759!important;border-radius:20px!important;box-shadow:0 12px 40px #34c75980!important;background:linear-gradient(135deg,#000,#1a1a1a)!important;padding:20px!important;position:relative!important;max-width:800px!important;margin:0 auto!important}.rrweb-player-container.mobile-device .replayer-wrapper,.rrweb-player-container.tablet-device .replayer-wrapper{border-radius:12px!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px #ffffff1a!important}.rrweb-player-container.mobile-device:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:50px;height:5px;background:linear-gradient(90deg,#007aff,#5ac8fa);border-radius:3px;z-index:1000;box-shadow:0 0 10px #007aff80}.rrweb-player-container.mobile-device:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;background:linear-gradient(90deg,#007aff,#5ac8fa);border-radius:3px;z-index:1000;box-shadow:0 0 10px #007aff80}.rrweb-player-container.tablet-device:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:70px;height:5px;background:linear-gradient(90deg,#34c759,#30d158);border-radius:3px;z-index:1000;box-shadow:0 0 10px #34c75980}.rrweb-player-container.mobile-device .replayer-wrapper,.rrweb-player-container.tablet-device .replayer-wrapper{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.rrweb-player-container.mobile-device{animation:mobileGlow 3s ease-in-out infinite alternate}.rrweb-player-container.tablet-device{animation:tabletGlow 3s ease-in-out infinite alternate}@keyframes mobileGlow{0%{box-shadow:0 8px 32px #007aff66}to{box-shadow:0 8px 32px #007aff99}}@keyframes tabletGlow{0%{box-shadow:0 8px 32px #34c75966}to{box-shadow:0 8px 32px #34c75999}}.targeting-container{max-width:1000px;margin:0 auto;padding:1.5rem;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);min-height:100vh;border-radius:20px;margin-top:1rem;margin-bottom:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 0}.header-content h1{font-size:2.5rem;font-weight:700;color:#1a202c;margin:0 0 .25rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content p{font-size:1.1rem;color:#4a5568;margin:0}.back-btn{background:#4a5568;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid #4a5568;padding:.5rem 1rem;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer;font-size:.9rem}.back-btn:hover{background:#2d3748;transform:translateY(-1px)}.form-container{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.section-header{margin-bottom:1.5rem;text-align:left;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.section-header h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 .25rem}.section-header p{color:#64748b;margin:0;font-size:.95rem}.audience-name-card{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:600;color:#374151;font-size:.875rem}.audience-name-input{width:100%;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:500;background:#fff;color:#1a202c!important;transition:all .2s ease}.audience-name-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.audience-name-input::placeholder{color:#a0aec0;font-weight:400}.input-hint{font-size:.8rem;color:#6b7280;margin-top:.25rem}.targeting-rules{display:flex;flex-direction:column;gap:1rem;align-items:center}.targeting-step{display:flex;flex-direction:column;align-items:center;width:100%}.step-card{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;width:100%;max-width:600px;transition:all .3s ease;position:relative}.step-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.step-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.step-title{flex:1;font-size:1.1rem;font-weight:600;color:#374151}.remove-step-btn{width:28px;height:28px;border-radius:50%;background:#fecaca;color:#dc2626;border:none;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;flex-shrink:0}.remove-step-btn:hover{background:#fca5a5;transform:scale(1.05)}.step-content{width:100%}.category-selector{display:flex;flex-direction:column;gap:.75rem;text-align:center}.category-selector label{font-weight:500;color:#4b5563;font-size:.9rem}.category-select,.custom-select{padding:.75rem 2.5rem .75rem .75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;transition:all .2s;cursor:pointer;width:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;color:#374151;font-family:inherit;min-height:48px;line-height:1.4}.category-select:focus,.custom-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.category-select:disabled,.custom-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.category-select option,.custom-select option{color:#374151;background:#fff;padding:.5rem;font-size:1rem}.category-select option:checked,.custom-select option:checked{background:#667eea;color:#fff}.category-select::-webkit-outer-spin-button,.category-select::-webkit-inner-spin-button,.custom-select::-webkit-outer-spin-button,.custom-select::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.category-select::-moz-focus-inner,.custom-select::-moz-focus-inner{border:0}.category-select:-moz-focusring,.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #374151}.operator-connector{margin:.75rem 0;display:flex;justify-content:center;align-items:center}.operator-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem 1rem;border-radius:16px;font-weight:600;font-size:.8rem;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.add-condition-section{display:flex;justify-content:center;margin-top:.75rem}.add-condition-btn{background:#fff;border:2px dashed #cbd5e0;color:#6b7280;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;cursor:pointer;font-size:.9rem}.add-condition-btn:hover{background:#f8fafc;border-color:#667eea;color:#667eea}.btn-icon{font-size:1rem}.audience-preview{display:flex;justify-content:center}.preview-card{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;width:100%;max-width:600px;text-align:center}.preview-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.preview-icon{width:50px;height:50px;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.preview-title{font-size:1.2rem;font-weight:600;color:#374151}.preview-conditions{display:flex;flex-direction:column;gap:.75rem}.no-conditions{text-align:center;color:#6b7280;font-style:italic;padding:1rem;font-size:.9rem}.conditions-list{display:flex;flex-direction:column;gap:.5rem}.condition-preview{background:#fff;padding:.75rem;border-radius:6px;border:1px solid #e5e7eb;text-align:left;font-size:.9rem;display:flex;gap:.5rem}.condition-category{font-weight:600;color:#374151}.condition-value{color:#4b5563}.form-actions{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;text-align:center}.action-buttons{display:flex;justify-content:center;gap:.75rem}.cancel-btn,.save-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;cursor:pointer;font-size:.9rem}.cancel-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.save-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;color:#fff}.save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}.save-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.targeting-container{padding:1rem;margin-top:.5rem;margin-bottom:.5rem;border-radius:16px}.page-header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.header-content h1{font-size:2rem}.location-inputs{grid-template-columns:1fr}.action-buttons{flex-direction:column}.step-card,.preview-card{max-width:none}.category-select,.custom-select{font-size:16px;min-height:44px}}@media (max-width: 480px){.form-section,.audience-name-card,.step-card,.preview-card{padding:1rem}.step-header{flex-wrap:wrap;gap:.5rem}.step-title{flex-basis:100%;order:-1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-card{animation:slideInUp .3s ease-out}.back-btn:focus,.add-condition-btn:focus,.save-btn:focus,.cancel-btn:focus,.category-select:focus,.custom-select:focus,.custom-input:focus,.audience-name-input:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.step-card,.preview-card,.audience-name-card{border-width:2px}.category-select,.custom-select{border-width:3px}.category-select:focus,.custom-select:focus{border-width:3px}}.category-select[data-selected=true],.custom-select[data-selected=true]{color:#374151;font-weight:500}.input-group>.custom-select,.input-group>.category-select,.targeting-container .input-group>.custom-select,.targeting-container .input-group>.category-select{width:100%!important;flex:1 1 auto!important;min-width:0!important;position:relative!important}.targeting-container .category-select,.targeting-container .custom-select{width:100%!important;max-width:100%!important;min-width:200px!important;flex:1 1 auto!important;box-sizing:border-box!important}.targeting-container .location-inputs .input-group{width:100%}.targeting-container .location-inputs .input-group .custom-select{width:100%!important;min-width:0!important}.targeting-container .form-control,.targeting-container .custom-select.form-control{width:100%!important;display:block!important}.targeting-container .category-inputs{width:100%}.targeting-container .category-inputs .input-group{width:100%;display:flex;flex-direction:column}.targeting-container .step-content .category-inputs .input-group>.custom-select{width:100%!important;flex:none!important}.targeting-container .step-content .category-selector .category-select{width:100%!important;flex:none!important}.targeting-container .custom-input,.targeting-container .audience-name-input{width:100%!important;flex:1 1 auto!important;min-width:0!important}.targeting-container{max-width:1400px;margin:0 auto;padding:2rem 1rem;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);min-height:100vh;border-radius:20px;margin-top:1rem;margin-bottom:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem 0}.header-content h1{font-size:3rem;font-weight:700;color:#1a202c;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content p{font-size:1.2rem;color:#4a5568;margin:0}.header-actions{display:flex;gap:1rem}.targeting-create-audience-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;color:#fff;padding:.75rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #48bb784d;cursor:pointer;font-size:1rem;text-decoration:none;outline:none}.targeting-create-audience-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #48bb7866;text-decoration:none;color:#fff}.targeting-create-audience-btn:focus{outline:2px solid #667eea;outline-offset:2px}.targeting-create-btn-icon{font-size:1rem;line-height:1}.targeting-empty-cta-btn{background:linear-gradient(to right,#eff6ff,#f0fdf4);border:none;color:#4a5568;padding:1rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:1.1rem;cursor:pointer;text-decoration:none;outline:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fff;border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#4a5568,#2d3748)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.stat-icon{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.stat-icon.total{background:linear-gradient(to right,#4a5568,#2d3748);color:#fff}.stat-icon.active{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.stat-icon.inactive{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.stat-content{flex:1}.stat-value{font-size:2.5rem;font-weight:700;color:#2d3748;line-height:1;margin-bottom:.5rem}.stat-label{font-size:1.1rem;color:#4a5568;font-weight:600}.audiences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.audience-card{background:#fff;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.audience-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a;border-color:#cbd5e0}.audience-header{padding:1.5rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start}.audience-info h3{font-size:1.3rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.audience-status{display:flex;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);color:#22543d}.status-badge.inactive{background:linear-gradient(135deg,#fed7d7,#feb2b2);color:#742a2a}.audience-actions{display:flex;gap:.75rem}.targeting-action-btn,.targeting-edit-btn{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s;border:2px solid #e2e8f0;background:#fff;color:#4a5568;cursor:pointer;font-size:1.1rem;outline:none;text-decoration:none}.targeting-edit-btn:hover{background:#4299e1;color:#fff;border-color:#4299e1;transform:scale(1.05);text-decoration:none}.targeting-edit-btn:focus{outline:2px solid #667eea;outline-offset:2px}.targeting-edit-btn:active{transform:scale(.95)}.targeting-delete-btn{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s;border:2px solid #e2e8f0;background:#fff;color:#4a5568;cursor:pointer;font-size:1.1rem;outline:none}.targeting-delete-btn:hover{background:#f56565;color:#fff;border-color:#f56565;transform:scale(1.05)}.targeting-delete-btn:focus{outline:2px solid #667eea;outline-offset:2px}.targeting-delete-btn:active{transform:scale(.95)}.targeting-quick-edit-btn{background:#fff;border:2px solid #e2e8f0;color:#4a5568;padding:.75rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9rem;transition:all .2s;cursor:pointer;outline:none;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.targeting-quick-edit-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-1px);text-decoration:none}.targeting-quick-edit-btn:focus{outline:2px solid #667eea;outline-offset:2px}.audiences-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 4px 6px #0000000d}.section-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f7fafc}.section-header h2{font-size:1.8rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.section-header p{color:#4a5568;margin:0;font-size:1.1rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:#718096;font-size:1.1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1.5rem}.empty-state h3{font-size:1.8rem;font-weight:700;color:#2d3748;margin-bottom:.75rem}.empty-state p{color:#718096;margin-bottom:2rem;font-size:1.2rem;max-width:400px}.targeting-empty-cta-btn{background:linear-gradient(to right,#4a5568,#2d3748);border:none;color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:1.1rem;cursor:pointer;text-decoration:none;outline:none}.targeting-empty-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d;text-decoration:none;color:#fff}.targeting-empty-cta-btn:focus{outline:2px solid #667eea;outline-offset:2px}.audience-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.audience-description h4,.audience-conditions h4{font-size:.9rem;font-weight:600;color:#4a5568;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.audience-description p{color:#718096;line-height:1.6;margin:0}.audience-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.8rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.meta-value{font-weight:500;color:#2d3748;font-size:.9rem}.conditions-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.condition-pill{background:linear-gradient(135deg,#edf2f7,#e2e8f0);color:#4a5568;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:.375rem;margin:.25rem .5rem .25rem 0;box-shadow:0 2px 4px #667eea33;border:none;transition:all .2s ease;position:relative;overflow:hidden}.condition-pill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.condition-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.audience-conditions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.audience-conditions h4{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.targeting-condition-pill{background:linear-gradient(to right,#4a5568,#2d3748);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:.375rem;margin:.25rem .5rem .25rem 0;box-shadow:0 2px 4px #4a556833;border:none;transition:all .2s ease;position:relative;overflow:hidden}.targeting-condition-pill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.targeting-condition-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.targeting-condition-pill.location{background:linear-gradient(135deg,#48bb78,#38a169)}.targeting-condition-pill.location:after{content:"🌍";margin-left:.25rem}.targeting-condition-pill.device{background:linear-gradient(135deg,#ed8936,#dd6b20)}.targeting-condition-pill.device:after{content:"📱";margin-left:.25rem}.targeting-condition-pill.utm{background:linear-gradient(135deg,#9f7aea,#805ad5)}.targeting-condition-pill.utm:after{content:"🎯";margin-left:.25rem}.targeting-condition-pill.custom{background:linear-gradient(135deg,#4299e1,#3182ce)}.targeting-condition-pill.custom:after{content:"⚙️";margin-left:.25rem}.audience-footer{padding:1rem 1.5rem;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.audience-stats{display:flex;gap:.5rem}.stat-chip{background:#fff;color:#4a5568;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid #e2e8f0;display:inline-block}.targeting-create-audience-btn,.targeting-empty-cta-btn,.targeting-action-btn,.targeting-edit-btn,.targeting-delete-btn,.targeting-quick-edit-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;margin:0;font-family:inherit;line-height:1}.targeting-create-audience-btn *,.targeting-empty-cta-btn *,.targeting-action-btn *,.targeting-edit-btn *,.targeting-delete-btn *,.targeting-quick-edit-btn *{pointer-events:none}@media (max-width: 1200px){.audiences-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.targeting-container{padding:1rem;margin-top:.5rem;margin-bottom:.5rem;border-radius:16px}.page-header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.header-content h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.audiences-grid{grid-template-columns:1fr}.audience-header{flex-direction:column;gap:1rem;align-items:stretch}.audience-actions{justify-content:center}.audience-meta{grid-template-columns:1fr}.audience-footer{flex-direction:column;gap:1rem;align-items:stretch}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-icon{width:60px;height:60px;font-size:1.5rem}.stat-value{font-size:2rem}.audiences-section{padding:1rem}.audience-card{margin:0}.targeting-action-btn,.targeting-edit-btn,.targeting-delete-btn{width:45px;height:45px;font-size:1rem}.targeting-quick-edit-btn{padding:.5rem 1rem;font-size:.85rem}.targeting-create-audience-btn,.targeting-empty-cta-btn{padding:.75rem 1.5rem;font-size:.95rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.audience-card{animation:slideInUp .4s ease-out}.create-audience-btn:focus,.action-btn:focus,.quick-edit-btn:focus,.empty-cta-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.audience-card{border-width:3px}.status-badge{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--upg-primary: #667eea;--upg-primary-dark: #5a67d8;--upg-secondary: #764ba2;--upg-success: #48bb78;--upg-warning: #ed8936;--upg-danger: #f56565;--upg-info: #4299e1;--upg-premium: #9f7aea;--upg-premium-dark: #805ad5;--upg-surface: #ffffff;--upg-surface-secondary: #f8fafc;--upg-surface-tertiary: #edf2f7;--upg-surface-elevated: #ffffff;--upg-text-primary: #1a202c;--upg-text-secondary: #4a5568;--upg-text-muted: #718096;--upg-text-light: #a0aec0;--upg-border: #e2e8f0;--upg-border-light: #f1f5f9;--upg-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--upg-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--upg-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--upg-shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--upg-radius-sm: 8px;--upg-radius-md: 12px;--upg-radius-lg: 16px;--upg-radius-xl: 20px;--upg-spacing-xs: .5rem;--upg-spacing-sm: .75rem;--upg-spacing-md: 1rem;--upg-spacing-lg: 1.5rem;--upg-spacing-xl: 2rem;--upg-spacing-2xl: 3rem;--upg-spacing-3xl: 4rem}.upg-page-container{min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);position:relative;overflow-x:hidden;padding:0}@media (min-width: 768px){.upg-page-container{padding:0}}.upg-page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.upg-header{padding:.5rem;text-align:center;position:relative;z-index:1;min-height:1rem}@media (min-width: 768px){.upg-header{padding:var(--upg-spacing-sm)}}.upg-logo{max-height:50px;width:auto}@media (min-width: 768px){.upg-logo{max-height:60px}}.upg-logo:hover{opacity:1}.upg-content-container{padding:1rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}@media (min-width: 768px){.upg-content-container{padding:0 var(--upg-spacing-lg) var(--upg-spacing-3xl)}}@media (min-width: 1024px){.upg-content-container{padding:0 var(--upg-spacing-xl) var(--upg-spacing-3xl)}}.upg-hero-section{text-align:center;margin-bottom:2rem}@media (min-width: 768px){.upg-hero-section{margin-bottom:var(--upg-spacing-3xl)}}.upg-hero-title{font-size:2rem;font-weight:800;color:#1a202c;margin:0 0 var(--upg-spacing-lg) 0;text-shadow:0 4px 12px rgba(0,0,0,.15);letter-spacing:-.02em;line-height:1.1;display:flex;align-items:center;justify-content:center;gap:var(--upg-spacing-sm);flex-wrap:wrap}@media (min-width: 768px){.upg-hero-title{font-size:2.5rem;flex-wrap:nowrap}}@media (min-width: 1024px){.upg-hero-title{font-size:3.5rem;gap:var(--upg-spacing-md)}}.upg-hero-subtitle{font-size:1.125rem;color:var(--upg-text-primary)!important;line-height:1.6;font-weight:500;max-width:600px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.upg-hero-subtitle{font-size:1.25rem;padding:0}}@media (min-width: 1024px){.upg-hero-subtitle{font-size:1.375rem}}.upg-hero-badge{display:inline-flex;align-items:center;gap:var(--upg-spacing-xs);background:#667eea26;color:var(--upg-primary);padding:var(--upg-spacing-xs) var(--upg-spacing-lg);border-radius:var(--upg-radius-xl);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--upg-spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--upg-primary)}.upg-hero-badge:before{content:"⭐";font-size:.8rem}.upg-plans-grid{display:grid;grid-template-columns:1fr;gap:var(--upg-spacing-lg);max-width:1400px;margin:0 auto}@media (min-width: 640px){.upg-plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 1024px){.upg-plans-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--upg-spacing-xl)}}.upg-plan-card{background:var(--upg-surface-elevated);border-radius:var(--upg-radius-xl);box-shadow:var(--upg-shadow-lg);overflow:hidden;position:relative;transition:all .4s ease;border:1px solid rgba(255,255,255,.2);transform:translateY(0);display:flex;flex-direction:column;height:100%}.upg-plan-card:hover{transform:translateY(-8px);box-shadow:var(--upg-shadow-xl)}.upg-plan-card.upg-plan-popular{transform:translateY(-10px);box-shadow:var(--upg-shadow-xl);border-color:var(--upg-premium)}.upg-plan-card.upg-plan-popular:hover{transform:translateY(-18px)}.upg-plan-card.upg-plan-popular:before{content:"✨ MOST POPULAR";position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,var(--upg-premium) 0%,var(--upg-premium-dark) 100%);color:#fff;padding:var(--upg-spacing-sm);text-align:center;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;z-index:2}.upg-plan-card.upg-plan-free:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--upg-success) 0%,#38a169 100%)}.upg-plan-card.upg-plan-enterprise:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--upg-warning) 0%,#d69e2e 100%)}.upg-plan-card.upg-plan-elite:before{content:"💎 ELITE SERVICE";position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;padding:var(--upg-spacing-sm);text-align:center;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;z-index:2}.upg-plan-header{padding:var(--upg-spacing-xl) var(--upg-spacing-xl) var(--upg-spacing-lg);text-align:center;background:linear-gradient(135deg,var(--upg-surface) 0%,var(--upg-surface-secondary) 100%);border-bottom:1px solid var(--upg-border-light)}.upg-plan-card.upg-plan-popular .upg-plan-header{padding-top:calc(var(--upg-spacing-xl) + var(--upg-spacing-lg))}.upg-plan-name{font-size:1.5rem;font-weight:700;color:var(--upg-text-primary);margin:0 0 var(--upg-spacing-sm) 0;display:flex;align-items:center;justify-content:center;gap:var(--upg-spacing-sm)}.upg-plan-card.upg-plan-free .upg-plan-name:before{content:"🎁";font-size:1.25rem}.upg-plan-card.upg-plan-popular .upg-plan-name:before{content:"⭐";font-size:1.25rem}.upg-plan-card.upg-plan-enterprise .upg-plan-name:before{content:"👑";font-size:1.25rem}.upg-plan-card.upg-plan-elite .upg-plan-name:before{content:"💎";font-size:1.25rem}.upg-plan-price{margin:0;display:flex;align-items:baseline;justify-content:center;gap:var(--upg-spacing-xs)}.upg-price-currency{font-size:1.5rem;font-weight:600;color:var(--upg-text-secondary)}.upg-price-amount{font-size:3.5rem;font-weight:800;color:var(--upg-text-primary);line-height:1;font-variant-numeric:tabular-nums}.upg-price-period{font-size:1rem;font-weight:500;color:var(--upg-text-muted)}.upg-price-free{font-size:2.5rem;font-weight:800;color:var(--upg-success);background:linear-gradient(135deg,var(--upg-success) 0%,#38a169 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upg-plan-body{padding:var(--upg-spacing-xl);display:flex;flex-direction:column;flex:1}.upg-plan-features{list-style:none;padding:0;margin:0 0 var(--upg-spacing-xl) 0;display:flex;flex-direction:column;gap:var(--upg-spacing-md);flex:1;text-align:left}.upg-plan-features li{display:flex;align-items:flex-start;gap:var(--upg-spacing-sm);font-size:.95rem;line-height:1.5;color:var(--upg-text-secondary);font-weight:500;text-align:left;justify-content:flex-start}.upg-plan-features li:before{content:"✓";color:var(--upg-success);font-weight:700;font-size:1rem;flex-shrink:0;margin-top:2px}.upg-select-button{width:100%;background:linear-gradient(135deg,var(--upg-primary) 0%,var(--upg-primary-dark) 100%);border:none;color:#fff;padding:var(--upg-spacing-lg) var(--upg-spacing-xl);border-radius:var(--upg-radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;box-shadow:var(--upg-shadow-md);margin-top:auto}.upg-select-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.upg-select-button:hover:before{left:100%}.upg-select-button:hover{transform:translateY(-2px);box-shadow:var(--upg-shadow-lg)}.upg-plan-card.upg-plan-popular .upg-select-button{background:linear-gradient(135deg,var(--upg-premium) 0%,var(--upg-premium-dark) 100%)}.upg-plan-card.upg-plan-free .upg-select-button{background:linear-gradient(135deg,var(--upg-success) 0%,#38a169 100%)}.upg-plan-card.upg-plan-enterprise .upg-select-button{background:linear-gradient(135deg,var(--upg-warning) 0%,#d69e2e 100%)}.upg-plan-card.upg-plan-elite{transform:translateY(-5px);box-shadow:var(--upg-shadow-xl);border-color:#7c3aed}.upg-plan-card.upg-plan-elite:hover{transform:translateY(-13px)}.upg-plan-card.upg-plan-elite .upg-plan-header{padding-top:calc(var(--upg-spacing-xl) + var(--upg-spacing-lg))}.upg-plan-card.upg-plan-elite .upg-select-button{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 4px 20px #7c3aed4d}.upg-modal .modal-content{border-radius:var(--upg-radius-xl)!important;border:none!important;box-shadow:var(--upg-shadow-xl)!important;overflow:hidden!important}.upg-modal .modal-body{background:#fff!important;color:#1a202c!important}.upg-modal .modal-body *,.upg-modal .modal-body h1,.upg-modal .modal-body h2,.upg-modal .modal-body h3,.upg-modal .modal-body h4,.upg-modal .modal-body h5,.upg-modal .modal-body h6,.upg-modal .modal-body p,.upg-modal .modal-body span,.upg-modal .modal-body div,.upg-modal .modal-body label{color:#1a202c!important}.upg-modal .modal-body input,.upg-modal .modal-body select,.upg-modal .modal-body textarea{background:#fff!important;color:#1a202c!important}.upg-modal .modal-body input::placeholder,.upg-modal .modal-body textarea::placeholder{color:#718096!important}.upg-modal .modal-header{background:linear-gradient(135deg,var(--upg-surface) 0%,var(--upg-surface-secondary) 100%)!important;border-bottom:1px solid var(--upg-border-light)!important;padding:var(--upg-spacing-xl)!important;position:relative!important}.upg-modal .modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--upg-primary) 0%,var(--upg-secondary) 100%)}.upg-modal .modal-title{font-weight:700!important;color:var(--upg-text-primary)!important;font-size:1.5rem!important;display:flex!important;align-items:center!important;gap:var(--upg-spacing-sm)!important;margin:0!important}.upg-modal .modal-title:before{content:"💳";font-size:1.25rem}.upg-modal .modal-body{padding:var(--upg-spacing-xl)!important;background:#fff!important;color:#1a202c!important}.upg-plan-summary{text-align:center}.upg-summary-name{font-size:1.75rem;font-weight:700;color:#1a202c!important;margin:0 0 var(--upg-spacing-sm) 0;display:flex;align-items:center;justify-content:center;gap:var(--upg-spacing-sm)}.upg-summary-name:before{content:"⭐";font-size:1.5rem}.upg-summary-price{font-size:2.5rem;font-weight:800;color:var(--upg-primary)!important;margin:0 0 var(--upg-spacing-lg) 0;font-variant-numeric:tabular-nums}.upg-summary-features{list-style:none;padding:0;margin:0 0 var(--upg-spacing-xl) 0;text-align:left;background:var(--upg-surface-secondary);border-radius:var(--upg-radius-md);padding:var(--upg-spacing-lg)}.upg-summary-features li{display:flex;align-items:center;gap:var(--upg-spacing-sm);padding:var(--upg-spacing-xs) 0;color:#4a5568!important;font-weight:500}.upg-summary-features li:before{content:"✓";color:var(--upg-success);font-weight:700;flex-shrink:0}.upg-price-breakdown{background:var(--upg-surface-secondary);border-radius:var(--upg-radius-md);padding:var(--upg-spacing-lg);margin:var(--upg-spacing-xl) 0;border:1px solid var(--upg-border-light)}.upg-price-breakdown h5{margin:0 0 var(--upg-spacing-md) 0;font-weight:700;color:#1a202c!important;display:flex;align-items:center;gap:var(--upg-spacing-xs)}.upg-price-breakdown h5:before{content:"📋";font-size:.9rem}.upg-subtotal,.upg-tax{display:flex;justify-content:space-between;align-items:center;padding:var(--upg-spacing-sm) 0;color:#4a5568!important;font-weight:500}.upg-total-due{display:flex;justify-content:space-between;align-items:center;padding:var(--upg-spacing-md) 0;border-top:2px solid var(--upg-border);margin-top:var(--upg-spacing-sm);font-weight:700;font-size:1.125rem;color:#1a202c!important}.upg-guarantee{text-align:center;color:var(--upg-success);font-weight:600;font-size:.9rem;margin:var(--upg-spacing-lg) 0 0 0;display:flex;align-items:center;justify-content:center;gap:var(--upg-spacing-xs)}.upg-guarantee:before{content:"🛡️";font-size:.8rem}.upg-modal .modal-footer{border-top:1px solid var(--upg-border-light)!important;padding:var(--upg-spacing-lg) var(--upg-spacing-xl)!important;background:var(--upg-surface-secondary)!important;display:flex!important;gap:var(--upg-spacing-md)!important;justify-content:center!important}.upg-modal .btn-primary{background:linear-gradient(135deg,var(--upg-primary) 0%,var(--upg-primary-dark) 100%)!important;border:none!important;color:#fff!important;padding:var(--upg-spacing-md) var(--upg-spacing-2xl)!important;border-radius:var(--upg-radius-md)!important;font-weight:700!important;font-size:1rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:all .3s ease!important;box-shadow:var(--upg-shadow-md)!important}.upg-modal .btn-primary:hover{transform:translateY(-2px)!important;box-shadow:var(--upg-shadow-lg)!important;color:#fff!important}.upg-modal .btn-secondary{background:var(--upg-surface)!important;border:2px solid var(--upg-border)!important;color:var(--upg-text-secondary)!important;padding:var(--upg-spacing-md) var(--upg-spacing-xl)!important;border-radius:var(--upg-radius-md)!important;font-weight:600!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:all .2s ease!important}.upg-modal .btn-secondary:hover{border-color:var(--upg-text-secondary)!important;background:var(--upg-surface-secondary)!important;color:var(--upg-text-secondary)!important}.upg-success-modal .modal-header{background:linear-gradient(135deg,var(--upg-success) 0%,#38a169 100%)!important;color:#fff!important}.upg-success-modal .modal-header:before{background:#ffffff4d!important}.upg-success-modal .modal-title{color:#fff!important}.upg-success-modal .modal-title:before{content:"🎉"}.upg-success-content{text-align:center;padding:var(--upg-spacing-lg) 0}.upg-success-icon{font-size:4rem;margin-bottom:var(--upg-spacing-lg)}.upg-success-message{font-size:1.125rem;color:var(--upg-text-secondary);line-height:1.6;margin:0}.upg-cancel-modal .modal-header{background:linear-gradient(135deg,var(--upg-danger) 0%,#c53030 100%)!important;color:#fff!important}.upg-cancel-modal .modal-header:before{background:#ffffff4d!important}.upg-cancel-modal .modal-title{color:#fff!important}.upg-cancel-modal .modal-title:before{content:"😔";margin-right:var(--upg-spacing-sm)}.upg-cancel-modal .modal-body{background:#fff!important;color:#1a202c!important}.upg-cancel-content{padding:var(--upg-spacing-sm) 0}.upg-cancel-intro{font-size:1rem;color:#4a5568!important;line-height:1.5;margin-bottom:var(--upg-spacing-lg);text-align:center}.upg-cancel-modal .form-label{font-weight:600;color:#1a202c!important;margin-bottom:var(--upg-spacing-sm)}.upg-cancel-modal .form-select,.upg-cancel-modal .form-control{border:2px solid var(--upg-border);border-radius:var(--upg-radius-sm);padding:var(--upg-spacing-sm);font-size:.95rem;transition:border-color .2s ease;background:#fff!important;color:#1a202c!important}.upg-cancel-modal .form-select:focus,.upg-cancel-modal .form-control:focus{border-color:var(--upg-primary);box-shadow:0 0 0 .2rem #667eea40}.upg-cancel-modal .btn-danger{background:linear-gradient(135deg,var(--upg-danger) 0%,#c53030 100%)!important;border:none!important;color:#fff!important;font-weight:600!important}.upg-cancel-modal .btn-danger:hover{background:linear-gradient(135deg,#c53030,#9b2c2c)!important;color:#fff!important}.upg-cancel-modal .btn-danger:disabled{opacity:.6!important;cursor:not-allowed!important}.upg-cancel-modal .modal-body *{color:#1a202c!important}.upg-cancel-modal .modal-body input,.upg-cancel-modal .modal-body select,.upg-cancel-modal .modal-body textarea,.upg-cancel-modal .modal-body option{color:#1a202c!important;background:#fff!important}.upg-cancel-modal .modal-body input::placeholder,.upg-cancel-modal .modal-body textarea::placeholder{color:#718096!important}.upg-cancel-section{text-align:center;margin-top:var(--upg-spacing-2xl);margin-bottom:var(--upg-spacing-xl);display:flex;justify-content:center}.upg-cancel-card{background:var(--upg-surface-elevated);border-radius:var(--upg-radius-lg);padding:var(--upg-spacing-lg) var(--upg-spacing-xl);box-shadow:var(--upg-shadow-sm);border:1px solid var(--upg-border-light);max-width:400px;width:100%}.upg-cancel-header{margin-bottom:var(--upg-spacing-lg)}.upg-cancel-title{font-size:1.25rem;font-weight:600;color:var(--upg-text-primary);margin:0 0 var(--upg-spacing-sm) 0;display:flex;align-items:center;justify-content:center;gap:var(--upg-spacing-xs)}.upg-cancel-title:before{content:"😔";font-size:1.1rem}.upg-cancel-subtitle{font-size:.9rem;color:var(--upg-text-muted);margin:0;line-height:1.4}.upg-cancel-button{background:var(--upg-surface);border:2px solid var(--upg-danger);color:var(--upg-danger);padding:var(--upg-spacing-sm) var(--upg-spacing-lg);border-radius:var(--upg-radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-transform:none;width:100%}.upg-cancel-button:hover{background:var(--upg-danger);color:#fff}.upg-trust-section{text-align:center;margin-top:var(--upg-spacing-3xl);padding:var(--upg-spacing-xl);background:#ffffff1a;border-radius:var(--upg-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.upg-trust-items{display:flex;justify-content:center;align-items:center;gap:var(--upg-spacing-2xl);flex-wrap:wrap}.upg-trust-item{display:flex;align-items:center;gap:var(--upg-spacing-sm);color:var(--upg-text-primary);font-weight:600;font-size:.9rem}.upg-trust-item:before{font-size:1.25rem}.upg-trust-item:nth-child(1):before{content:"🔒"}.upg-trust-item:nth-child(2):before{content:"💳"}.upg-trust-item:nth-child(3):before{content:"🛡️"}.upg-subtitle-dark{color:#1a202c!important;text-shadow:none!important;-webkit-text-fill-color:#1a202c!important;background:transparent!important;background-clip:unset!important;-webkit-background-clip:unset!important}.upg-hero-section .upg-subtitle-dark,.upg-hero-section p.upg-subtitle-dark,.upg-page-container .upg-subtitle-dark,.upg-page-container .upg-hero-section .upg-subtitle-dark{color:#1a202c!important}.upg-trust-dark{color:#1a202c!important;text-shadow:none!important;-webkit-text-fill-color:#1a202c!important;background:transparent!important;background-clip:unset!important;-webkit-background-clip:unset!important}.upg-trust-section .upg-trust-dark,.upg-trust-section div.upg-trust-dark,.upg-page-container .upg-trust-dark,.upg-page-container .upg-trust-section .upg-trust-dark{color:#1a202c!important}@media (max-width: 1200px){.upg-content-container{padding:0 var(--upg-spacing-lg) var(--upg-spacing-3xl)}.upg-plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--upg-spacing-lg)}}@media (max-width: 768px){.upg-content-container{padding:0 var(--upg-spacing-md) var(--upg-spacing-2xl)}.upg-hero-title{font-size:2.5rem;flex-direction:column;gap:var(--upg-spacing-sm)}.upg-hero-subtitle{font-size:1.125rem}.upg-plans-grid{grid-template-columns:1fr;gap:var(--upg-spacing-lg)}.upg-plan-card.upg-plan-popular{transform:translateY(0)}.upg-trust-items{flex-direction:column;gap:var(--upg-spacing-lg)}}@media (max-width: 480px){.upg-hero-title{font-size:2rem}.upg-price-amount{font-size:2.5rem}.upg-plan-header,.upg-plan-body{padding:var(--upg-spacing-lg)}.upg-modal .modal-header,.upg-modal .modal-body,.upg-modal .modal-footer{padding:var(--upg-spacing-lg)!important}}@media print{.upg-page-container{background:#fff}.upg-plan-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.upg-select-button{display:none}}@media (prefers-contrast: high){.upg-plan-card{border-width:2px}.upg-modal .form-control:focus{border-width:3px}}@media (prefers-color-scheme: dark){:root{--upg-surface: #1a202c;--upg-surface-secondary: #2d3748;--upg-surface-tertiary: #4a5568;--upg-surface-elevated: #2d3748;--upg-text-primary: #f7fafc;--upg-text-secondary: #e2e8f0;--upg-text-muted: #a0aec0;--upg-text-light: #718096;--upg-border: #4a5568;--upg-border-light: #2d3748}}:root{--wl-primary: #667eea;--wl-primary-dark: #5a67d8;--wl-secondary: #764ba2;--wl-success: #48bb78;--wl-warning: #ed8936;--wl-danger: #f56565;--wl-surface: #ffffff;--wl-surface-secondary: #f8fafc;--wl-surface-tertiary: #edf2f7;--wl-text-primary: #1a202c;--wl-text-secondary: #4a5568;--wl-text-muted: #718096;--wl-border: #e2e8f0;--wl-border-light: #f1f5f9;--wl-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--wl-shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--wl-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--wl-shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--wl-radius-sm: 8px;--wl-radius-md: 12px;--wl-radius-lg: 16px;--wl-radius-xl: 20px;--wl-spacing-xs: .5rem;--wl-spacing-sm: .75rem;--wl-spacing-md: 1rem;--wl-spacing-lg: 1.5rem;--wl-spacing-xl: 2rem;--wl-spacing-2xl: 3rem}.whitelabel-page{min-height:100vh;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);padding:var(--wl-spacing-xl);position:relative;overflow-x:hidden}.whitelabel-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.whitelabel-header{text-align:center;margin-bottom:var(--wl-spacing-2xl);position:relative;z-index:1}.whitelabel-header h1{font-size:3.5rem;font-weight:800;color:#1a202c;margin:0 0 var(--wl-spacing-md) 0;text-shadow:0 4px 12px rgba(0,0,0,.15);letter-spacing:-.02em}.whitelabel-header .subtitle{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6}.whitelabel-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--wl-spacing-xl);position:relative;z-index:1}.whitelabel-card{background:var(--wl-surface);border-radius:var(--wl-radius-lg);box-shadow:var(--wl-shadow-lg);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transition:all .3s ease;position:relative}.whitelabel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--wl-primary) 0%,var(--wl-secondary) 100%)}.whitelabel-card:hover{transform:translateY(-2px);box-shadow:var(--wl-shadow-xl)}.whitelabel-clients{order:1}.clients-header{padding:var(--wl-spacing-xl);padding-bottom:var(--wl-spacing-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--wl-border-light);background:linear-gradient(135deg,var(--wl-surface) 0%,var(--wl-surface-secondary) 100%)}.clients-header h2{font-size:1.875rem;font-weight:700;color:var(--wl-text-primary);margin:0;display:flex;align-items:center;gap:var(--wl-spacing-sm)}.clients-header h2:before{content:"👥";font-size:1.5rem}.clients-stats{display:flex;gap:var(--wl-spacing-lg);margin-top:var(--wl-spacing-md)}.stat-chip{background:linear-gradient(135deg,var(--wl-primary) 0%,var(--wl-secondary) 100%);color:#fff;padding:var(--wl-spacing-xs) var(--wl-spacing-md);border-radius:var(--wl-radius-xl);font-size:.875rem;font-weight:600;box-shadow:var(--wl-shadow-sm)}.clients-table-container{padding:var(--wl-spacing-xl);padding-top:0}.clients-table{width:100%;border-collapse:collapse;border-spacing:0}.clients-table thead{background:var(--wl-surface-secondary)}.clients-table th{padding:var(--wl-spacing-md) var(--wl-spacing-lg);text-align:left;font-weight:600;color:var(--wl-text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--wl-border)}.clients-table th:first-child{border-radius:var(--wl-radius-sm) 0 0 var(--wl-radius-sm)}.clients-table th:last-child{border-radius:0 var(--wl-radius-sm) var(--wl-radius-sm) 0}.clients-table td{padding:var(--wl-spacing-lg);border-bottom:1px solid var(--wl-border-light);color:var(--wl-text-primary);font-weight:500;text-align:left;vertical-align:top;transition:all .2s ease}.clients-table tbody tr{transition:all .2s ease}.clients-table tbody tr:hover{background:var(--wl-surface-secondary);transform:scale(1.01)}.clients-table tbody tr:last-child td{border-bottom:none}.client-status{display:inline-flex;align-items:center;gap:var(--wl-spacing-xs);padding:var(--wl-spacing-xs) var(--wl-spacing-sm);border-radius:var(--wl-radius-md);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.client-status.active{background:#48bb781a;color:var(--wl-success)}.client-status.pending{background:#ed89361a;color:var(--wl-warning)}.client-status.inactive{background:#f565651a;color:var(--wl-danger)}.client-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.empty-state{text-align:center;padding:var(--wl-spacing-2xl);color:var(--wl-text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:var(--wl-spacing-md);opacity:.6}.empty-state-content{max-width:600px;margin:0 auto;text-align:left}.empty-state-title{font-size:1.25rem;font-weight:700;color:var(--wl-text-primary);margin-bottom:var(--wl-spacing-md);text-align:center}.empty-state-description{font-size:1rem;color:var(--wl-text-secondary);margin-bottom:var(--wl-spacing-lg);text-align:center}.client-management-options{display:flex;flex-direction:column;gap:var(--wl-spacing-lg);margin-bottom:var(--wl-spacing-xl)}.option-item{display:flex;align-items:flex-start;gap:var(--wl-spacing-md);padding:var(--wl-spacing-lg);background:var(--wl-surface-secondary);border-radius:var(--wl-radius-md);border-left:4px solid var(--wl-primary)}.option-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--wl-primary) 0%,var(--wl-secondary) 100%);color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0}.option-text{flex:1;line-height:1.6;color:var(--wl-text-primary);font-weight:500}.link-button{color:var(--wl-primary);font-weight:600;text-decoration:underline;background:none;border:none;cursor:pointer;padding:0;font-size:inherit;line-height:inherit;transition:all .2s ease}.link-button:hover{color:var(--wl-primary-dark);text-decoration-color:var(--wl-primary-dark);transform:translateY(-1px)}.link-button:focus{outline:2px solid var(--wl-primary);outline-offset:2px;border-radius:2px}.empty-state-cta{font-size:.95rem;color:var(--wl-text-muted);font-style:italic;text-align:center;margin:0}.whitelabel-setup{order:2;transition:all .4s ease}.whitelabel-setup.minimized{opacity:.95;transform:scale(.98)}.setup-header{padding:var(--wl-spacing-xl);padding-bottom:var(--wl-spacing-lg);border-bottom:1px solid var(--wl-border-light);background:linear-gradient(135deg,var(--wl-surface) 0%,var(--wl-surface-secondary) 100%)}.setup-header h2{font-size:1.875rem;font-weight:700;color:var(--wl-text-primary);margin:0;display:flex;align-items:center;gap:var(--wl-spacing-sm)}.setup-header h2:before{content:"🎨";font-size:1.5rem}.setup-subtitle{color:var(--wl-text-muted);margin:var(--wl-spacing-sm) 0 0 0;font-size:1rem}.whitelabel-form{padding:var(--wl-spacing-xl);display:grid;gap:var(--wl-spacing-xl)}.form-group{display:flex;flex-direction:column;gap:var(--wl-spacing-sm)}.form-group label{font-weight:600;color:#4a5568;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--wl-spacing-xs)}.form-group label:before{content:"•";width:6px;height:6px;border-radius:50%;background:var(--wl-primary);font-size:0}.form-input{padding:var(--wl-spacing-md) var(--wl-spacing-lg);border:2px solid var(--wl-border);border-radius:var(--wl-radius-md);font-size:1rem;font-weight:500;color:#1a202c;background:#fff;transition:all .3s ease;box-shadow:var(--wl-shadow-sm)}.form-input:focus{outline:none;border-color:var(--wl-primary);box-shadow:0 0 0 4px #667eea1a,var(--wl-shadow-md);transform:translateY(-1px)}.form-input::placeholder{color:#718096;font-weight:400}.notice-box{background:linear-gradient(135deg,#ed89361a,#f6ad550d);border:1px solid rgba(237,137,54,.2);border-radius:var(--wl-radius-md);padding:var(--wl-spacing-lg);margin:var(--wl-spacing-sm) 0}.notice-title{font-weight:700;color:var(--wl-warning);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--wl-spacing-xs);display:flex;align-items:center;gap:var(--wl-spacing-xs)}.notice-title:before{content:"⚠️";font-size:1rem}.notice-text{color:var(--wl-text-secondary);font-size:.9rem;line-height:1.5}.notice-text ul{margin:var(--wl-spacing-xs) 0 0 0;padding-left:var(--wl-spacing-lg)}.notice-text li{margin-bottom:var(--wl-spacing-xs)}.image-skeleton{width:100%;height:200px;border:3px dashed var(--wl-border);border-radius:var(--wl-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:var(--wl-surface-secondary);position:relative;overflow:hidden}.image-skeleton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.image-skeleton:hover:before{left:100%}.image-skeleton:hover{border-color:var(--wl-primary);background:#667eea0d;transform:translateY(-2px);box-shadow:var(--wl-shadow-md)}.image-skeleton.has-image{border-style:solid;border-color:var(--wl-success);background:#fff}.image-skeleton img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--wl-radius-sm);box-shadow:var(--wl-shadow-sm)}.image-skeleton-icon{font-size:3rem;margin-bottom:var(--wl-spacing-md);opacity:.6}.image-skeleton-text{text-align:center;color:var(--wl-text-muted);font-weight:500}.image-skeleton-text small{font-size:.8rem;opacity:.8}.image-preview-info{margin-top:var(--wl-spacing-sm);font-size:.8rem;color:var(--wl-text-muted);text-align:center;padding:var(--wl-spacing-xs) var(--wl-spacing-sm);background:var(--wl-surface-secondary);border-radius:var(--wl-radius-sm)}.wl-btn{padding:var(--wl-spacing-md) var(--wl-spacing-xl);border-radius:var(--wl-radius-md);font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--wl-spacing-sm);text-decoration:none;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em}.wl-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.wl-btn:hover:before{left:100%}.wl-btn-primary{background:linear-gradient(135deg,var(--wl-primary) 0%,var(--wl-secondary) 100%);color:#fff;box-shadow:var(--wl-shadow-md)}.wl-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--wl-shadow-lg)}.wl-btn-secondary{background:var(--wl-surface);color:var(--wl-text-secondary);border:2px solid var(--wl-border);box-shadow:var(--wl-shadow-sm)}.wl-btn-secondary:hover{background:var(--wl-surface-secondary);border-color:var(--wl-primary);color:var(--wl-primary);transform:translateY(-1px)}.wl-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.wl-btn:disabled:hover:before{left:-100%}.add-client-btn{background:linear-gradient(135deg,var(--wl-success) 0%,#38a169 100%);color:#fff;padding:var(--wl-spacing-sm) var(--wl-spacing-lg);border-radius:var(--wl-radius-md);font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--wl-spacing-xs);box-shadow:var(--wl-shadow-md)}.add-client-btn:hover{transform:translateY(-1px);box-shadow:var(--wl-shadow-lg)}.add-client-btn:before{content:"👤";font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--wl-spacing-lg);animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--wl-surface);border-radius:var(--wl-radius-lg);box-shadow:var(--wl-shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease;position:relative}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:var(--wl-spacing-xl);border-bottom:1px solid var(--wl-border-light);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--wl-surface) 0%,var(--wl-surface-secondary) 100%);border-radius:var(--wl-radius-lg) var(--wl-radius-lg) 0 0}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--wl-text-primary);display:flex;align-items:center;gap:var(--wl-spacing-sm)}.modal-header h3:before{content:"✨";font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--wl-text-muted);cursor:pointer;padding:var(--wl-spacing-xs);border-radius:var(--wl-radius-sm);transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--wl-surface-tertiary);color:var(--wl-danger)}.modal-form{padding:var(--wl-spacing-xl);display:flex;flex-direction:column;gap:var(--wl-spacing-lg)}.modal-form .form-input{color:#1a202c!important;background:#fff!important;border:2px solid #cbd5e0!important}.modal-form .form-input::placeholder{color:#718096!important;opacity:1!important}.modal-form .form-group label{color:#2d3748!important}.modal-actions{display:flex;gap:var(--wl-spacing-md);justify-content:flex-end;margin-top:var(--wl-spacing-lg);padding-top:var(--wl-spacing-lg);border-top:1px solid var(--wl-border-light)}.error-message{background:linear-gradient(135deg,#f565651a,#feb2b20d);color:var(--wl-danger);padding:var(--wl-spacing-md);border-radius:var(--wl-radius-md);border:1px solid rgba(245,101,101,.2);font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:var(--wl-spacing-sm);margin-top:var(--wl-spacing-md)}.error-message:before{content:"⚠️";font-size:1rem;flex-shrink:0}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{background:linear-gradient(135deg,#48bb781a,#9ae6b40d);color:var(--wl-success);padding:var(--wl-spacing-md);border-radius:var(--wl-radius-md);border:1px solid rgba(72,187,120,.2);font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:var(--wl-spacing-sm);margin-top:var(--wl-spacing-md)}.success-message:before{content:"✅";font-size:1rem;flex-shrink:0}@media (max-width: 768px){.whitelabel-page{padding:var(--wl-spacing-md)}.whitelabel-header h1{font-size:2.5rem}.whitelabel-container{gap:var(--wl-spacing-lg)}.clients-header{flex-direction:column;gap:var(--wl-spacing-md);align-items:flex-start}.clients-stats{flex-wrap:wrap}.clients-table{font-size:.9rem}.clients-table th,.clients-table td{padding:var(--wl-spacing-sm) var(--wl-spacing-md)}.modal-overlay{padding:var(--wl-spacing-sm)}.modal-actions{flex-direction:column}}@media (max-width: 480px){.whitelabel-header h1{font-size:2rem}.whitelabel-header .subtitle{font-size:1rem}.clients-table-container{overflow-x:auto}.image-skeleton{height:150px}}@media (prefers-color-scheme: dark){:root{--wl-surface: #1a202c;--wl-surface-secondary: #2d3748;--wl-surface-tertiary: #4a5568;--wl-text-primary: #f7fafc;--wl-text-secondary: #e2e8f0;--wl-text-muted: #a0aec0;--wl-border: #4a5568;--wl-border-light: #2d3748}}@media (prefers-contrast: high){.whitelabel-card{border-width:2px}.form-input:focus{border-width:3px}.wl-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.heatmap-page-container{padding:20px;max-width:100%;min-height:100vh;background-color:#f8f9fa}.heatmap-page-title{font-size:2.5rem;font-weight:600;margin-bottom:10px;color:#2c3e50}.heatmap-title-dark{color:#2c3e50}.heatmap-page-subtitle{font-size:1.1rem;margin-bottom:30px;color:#6c757d}.heatmap-subtitle-dark{color:#6c757d}.heatmap-filters{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.heatmap-select .heatmap-select__control{border:2px solid #e0e0e0;border-radius:8px;padding:5px;box-shadow:none;transition:all .3s ease}.heatmap-select .heatmap-select__control:hover{border-color:#007bff}.heatmap-select .heatmap-select__control--is-focused{border-color:#007bff;box-shadow:0 0 0 1px #007bff}.heatmap-select .heatmap-select__menu,.heatmap-select .heatmap-select__menu-portal{z-index:9999!important}.heatmap-form-select{border:2px solid #e0e0e0;border-radius:8px;padding:8px 12px;transition:all .3s ease}.heatmap-form-select:focus{border-color:#007bff;box-shadow:0 0 0 1px #007bff}.heatmap-visualization{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;min-height:600px;position:relative}.heatmap-player-container{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;background:#fff;border:1px solid #ddd}.heatmap-rrweb-player{position:relative;width:100%;height:100%;z-index:1;background:#fff;transform-origin:top left}.heatmap-rrweb-player iframe,.heatmap-rrweb-player>div{width:100%!important;height:100%!important}.heatmap-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:transparent}.manual-heatmap-point{transition:opacity .3s ease}.manual-heatmap-point:hover{opacity:.8!important}.heatmap-placeholder{display:flex;align-items:center;justify-content:center;height:400px;color:#6c757d}.heatmap-summary{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.summary-card{text-align:center;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#f8f9fa;height:100%}.summary-card h5{color:#495057;font-weight:600;margin-bottom:10px}.summary-value{font-size:2rem;font-weight:700;color:#007bff;margin:0}.spinner-border{width:3rem;height:3rem}.heatmap-header-container{display:flex;align-items:center;justify-content:flex-start;gap:2rem;margin-bottom:30px;flex-wrap:wrap}.heatmap-header-container .heatmap-page-title{margin-bottom:0;flex-shrink:0}.heatmap-header-container .heatmap-page-subtitle{margin-bottom:0;flex:1;text-align:left}@media (max-width: 768px){.heatmap-header-container{flex-direction:column;align-items:flex-start;gap:.5rem}.heatmap-header-container .heatmap-page-subtitle{text-align:left}.heatmap-page-container{padding:15px}.heatmap-page-title{font-size:2rem}.heatmap-filters{padding:15px}.heatmap-player-container{height:500px}.summary-card{margin-bottom:15px}.summary-value{font-size:1.5rem}}@media (max-width: 576px){.heatmap-page-title{font-size:1.8rem}.heatmap-page-subtitle{font-size:1rem}.heatmap-player-container{height:400px}}.heatmap-overlay canvas{border-radius:0}.heatmap-rrweb-player .rr-controller,.heatmap-rrweb-player .rr-controller-wrapper{display:none!important}.heatmap-rrweb-player iframe{border:none;width:100%;height:100%}.heatmap-filters .btn-primary{background-color:#007bff;border-color:#007bff;padding:8px 20px;font-weight:500;border-radius:8px;transition:all .3s ease}.heatmap-filters .btn-primary:hover{background-color:#0056b3;border-color:#0056b3;transform:translateY(-1px)}.heatmap-filters .btn-primary:disabled{opacity:.6;transform:none}.heatmap-filters .form-label{font-weight:600;color:#495057;margin-bottom:8px}.heatmap-error{color:#dc3545;text-align:center;padding:20px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin:20px 0}.heatmap-success{color:#155724;text-align:center;padding:20px;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin:20px 0}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.email-ab-tests-container{padding:2rem;max-width:1400px;margin:0 auto}.email-ab-tests-container .btn+.btn,.email-ab-tests-container .modal-footer .btn+.btn,.email-ab-tests-container .d-flex .btn+.btn{margin-left:3px}.email-ab-tests-container .gap-2,.email-ab-tests-container .gap-3{gap:3px!important}.email-token{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 8px;border-radius:4px;font-weight:600;font-size:.9em;cursor:not-allowed;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:inline-block;margin:0 2px;box-shadow:0 2px 4px #667eea4d;transition:all .2s ease;white-space:nowrap}.email-token:hover{box-shadow:0 3px 6px #667eea66;transform:translateY(-1px)}.email-token:before{content:"🔒 ";font-size:.8em;margin-right:2px}.ql-editor .email-token{pointer-events:none}.email-ab-tests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.back-button{font-size:1.5rem;color:#007bff!important;text-decoration:none!important;transition:color .2s ease}.back-button:hover{color:#0056b3!important}.campaign-card{border:none;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease;height:100%}.campaign-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.campaign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.campaign-header h5{margin:0;color:#333;font-weight:600}.campaign-detail{padding-bottom:.5rem}.campaign-detail small{display:block;color:#6c757d;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem}.campaign-detail p{color:#333;font-size:.9rem;line-height:1.4}.campaign-detail a{color:#007bff;text-decoration:none}.campaign-detail a:hover{text-decoration:underline}.campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.stat-item{text-align:center;padding:.5rem;background-color:#f8f9fa;border-radius:6px}.stat-item small{display:block;color:#6c757d;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-item strong{display:block;color:#333;font-size:1.25rem}.campaign-actions{display:flex;gap:3px;flex-wrap:wrap}.campaign-actions .btn{flex:1;min-width:fit-content;font-size:.85rem}.empty-state-card p{font-size:1.1rem;max-width:600px;margin:0 auto 2rem}.templates-list{max-height:400px;overflow-y:auto}.template-item{border:1px solid #e9ecef;transition:all .2s ease}.template-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.template-item h6{margin:0 0 .25rem;color:#333;font-size:1rem}.template-item small{color:#6c757d}.template-item small.ms-2{font-size:.8rem;line-height:1.5}.template-preview{color:#666;font-size:.85rem;line-height:1.4;max-height:60px;overflow:hidden}.template-form{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border:2px solid #e9ecef}.section-title{color:#333;font-size:1.1rem;font-weight:600;margin:0}.summary-item{padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.summary-item:last-of-type{border-bottom:none}.summary-item small{color:#6c757d;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.summary-item strong{color:#333;font-size:1rem}.summary-item p{color:#666;font-size:.9rem;line-height:1.4}.summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.upload-area{border:2px dashed #dee2e6;border-radius:8px;padding:2rem;text-align:center;background-color:#f8f9fa;transition:all .2s ease}.upload-area:hover{border-color:#007bff;background-color:#e7f3ff}.upload-hint{color:#6c757d;font-size:.9rem;display:flex;align-items:center;justify-content:center}.modal-xl .modal-body{max-height:70vh;overflow-y:auto}.nav-tabs{border-bottom:2px solid #dee2e6}.nav-tabs .nav-link{color:#6c757d;font-weight:500;border:none;border-bottom:2px solid transparent;padding:.75rem 1.5rem}.nav-tabs .nav-link:hover{border-color:transparent;color:#007bff}.nav-tabs .nav-link.active{color:#007bff;background-color:transparent;border-color:transparent;border-bottom-color:#007bff}.ql-container{font-size:1rem;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.ql-toolbar{border-top-left-radius:6px;border-top-right-radius:6px;background-color:#f8f9fa}@media (max-width: 768px){.email-ab-tests-container{padding:1rem}.email-ab-tests-header{flex-direction:column;align-items:flex-start}.header-content{flex-direction:column;align-items:flex-start;text-align:left}.header-icon{font-size:2rem}.header-content h1{font-size:1.5rem}.campaign-stats{grid-template-columns:1fr}.campaign-actions{flex-direction:column}.campaign-actions .btn{width:100%}}@media (max-width: 576px){.empty-state-card .card-body{padding:2rem 1rem}.empty-state-card p{font-size:1rem}.upload-area{padding:1rem}}.email-agent-container{padding:2rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.email-agent-container *{box-sizing:border-box}.email-agent-container .alert{position:relative;padding-right:3rem}.email-agent-container .alert .btn-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;width:1em;height:1em;opacity:.5;cursor:pointer;border:none;padding:0}.email-agent-container .alert .btn-close:hover{opacity:1}.email-agent-container .alert.alert-danger .btn-close{filter:brightness(0) saturate(100%) invert(14%) sepia(89%) saturate(5481%) hue-rotate(355deg) brightness(95%) contrast(117%)}.email-agent-container .alert.alert-success .btn-close{filter:brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(526%) hue-rotate(75deg) brightness(96%) contrast(101%)}.email-agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.empty-state-card{grid-column:1 / -1;max-width:500px;margin:0 auto}.agent-card{border:none;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.agent-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.agent-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.agent-info h5{margin:0;color:#333;font-weight:600}.agent-info p{margin:.25rem 0 0;color:#666;font-size:.9rem}.agent-details{margin-bottom:1rem}.detail-item{display:flex;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:#555}.detail-icon{margin-right:.5rem;color:#007bff;width:16px}.agent-purpose{margin-bottom:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:6px}.agent-purpose strong{color:#333;display:block;margin-bottom:.5rem}.agent-purpose p{margin:0;color:#555;font-size:.9rem;line-height:1.4}.purpose-toggle-btn{font-size:.85rem!important;color:#007bff!important;font-weight:500!important;margin-top:.5rem;padding:0!important;text-decoration:none!important}.purpose-toggle-btn:hover{color:#0056b3!important;text-decoration:underline!important}.agent-actions{display:flex;gap:.5rem;flex-wrap:wrap}.agent-actions .btn{flex:1;min-width:fit-content}.documents-list{max-height:300px;overflow-y:auto}.document-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #e9ecef;border-radius:6px;margin-bottom:.5rem}.document-info{display:flex;flex-direction:column;flex:1}.document-info strong{color:#333;margin-bottom:.25rem}.document-info span{font-size:.85rem}.selected-files{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:.75rem}.selected-files ul{margin:0;padding-left:1.2rem}.selected-files li{margin-bottom:.25rem}.existing-documents{background-color:#e7f3ff;border:1px solid #b6d7ff;border-radius:6px;padding:.75rem}.documents-list-inline{display:flex;flex-direction:column;gap:.25rem}.document-item-inline{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.document-name{color:#333;font-weight:500}.document-size{font-size:.8rem}.modal-body .form-group{margin-bottom:1rem}.modal-body .form-label{font-weight:600;color:#333;margin-bottom:.5rem}.modal-body .form-control,.modal-body .form-select{border:1px solid #ddd;border-radius:6px;padding:.75rem}.modal-body .form-control:focus,.modal-body .form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.modal-body textarea.form-control{resize:vertical;min-height:100px}.form-section{border-bottom:1px solid #e9ecef;padding-bottom:1.5rem;width:100%;overflow-x:hidden}.form-section:last-child{border-bottom:none;padding-bottom:0}.section-title{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.section-description{color:#6c757d;font-size:.95rem;line-height:1.6}.form-section .row{margin-left:0;margin-right:0;width:100%}.form-section .row>[class*=col-]{padding-left:.75rem;padding-right:.75rem}.form-label{font-weight:600;color:#333;margin-bottom:.5rem}.form-control,.form-select{border:1px solid #ddd;border-radius:6px;padding:.75rem;font-size:.95rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem;min-width:0;flex-shrink:1}.form-select option{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-control:focus,.form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}@media (max-width: 768px){.email-agent-container{padding:1rem}.email-agent-header{flex-direction:column;align-items:flex-start}.agents-grid{grid-template-columns:1fr}.agent-actions{flex-direction:column}.agent-actions .btn{flex:none;width:100%}.document-item{flex-direction:column;align-items:flex-start;gap:.5rem}.section-title{font-size:1.1rem}.form-control,.form-select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.row .col-md-6{width:100%!important;margin-bottom:1rem;padding-left:.5rem!important;padding-right:.5rem!important}.form-group{width:100%!important}.card{margin:0!important;width:100%!important}.card-body{padding:1rem!important}}@media (max-width: 576px){.header-content{flex-direction:column;align-items:flex-start;text-align:left}.header-icon{font-size:2rem}.header-content h1{font-size:1.5rem}.email-agent-container{padding:.5rem}.form-control,.form-select{font-size:16px!important;padding:.5rem!important}.container-fluid,.row,.col-lg-8,.col-lg-4{width:100%!important;max-width:100%!important;padding-left:.25rem!important;padding-right:.25rem!important}.mode-toggle-group{width:100%;display:flex}.mode-toggle-btn{min-width:auto;flex:1;padding:.5rem 1rem;font-size:.85rem}}.modal-backdrop{background-color:#000000d9!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-backdrop.show{opacity:1!important}.modal-content{border-radius:12px;border:none;box-shadow:0 10px 40px #0000004d}.modal-header{border-top-left-radius:12px;border-top-right-radius:12px}.modal-footer{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.mode-toggle-group{display:inline-flex;border-radius:8px;overflow:hidden;border:2px solid #dee2e6;box-shadow:0 2px 4px #0000001a}.mode-toggle-btn{flex:1;min-width:120px;padding:.75rem 1.5rem;border:none;background-color:#fff;color:#6c757d;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.mode-toggle-btn:not(:last-child){border-right:2px solid #dee2e6}.mode-toggle-btn:hover:not(.active){background-color:#f8f9fa;color:#495057}.mode-toggle-btn.active{color:#fff;box-shadow:inset 0 2px 4px #0000001a}.mode-toggle-btn.preview-mode.active{background:linear-gradient(135deg,#667eea,#764ba2)}.mode-toggle-btn.live-mode.active{background:linear-gradient(135deg,#28a745,#20c997)}.mode-toggle-btn .mode-icon{font-size:1rem}.mode-helper-text{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background-color:#f8f9fa;border-radius:6px;font-size:.9rem;color:#6c757d;line-height:1.4}.mode-helper-text .helper-icon{flex-shrink:0;font-size:1.1rem;color:#667eea}.email-setup{padding:20px;max-width:100%;min-height:100vh;background-color:#f8f9fa}.email-setup-header-container{margin-bottom:30px}.email-setup-page-title{font-size:2.5rem;font-weight:600;margin-bottom:10px;color:#2c3e50}.email-setup-page-subtitle{font-size:1.1rem;margin-bottom:30px;color:#6c757d}.setup-step{border-bottom:1px solid #e9ecef;padding-bottom:1.5rem}.step-title{font-size:1.4rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.step-number{display:inline-block;background:#667eea;color:#fff;width:80px;height:30px;line-height:30px;text-align:center;border-radius:15px;font-size:.9rem;font-weight:600;margin-right:.75rem}.step-description{font-size:1rem;color:#6c757d;margin-left:95px}.email-usage-choice{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.email-usage-choice{flex-direction:row;gap:1.5rem}}.form-label{font-weight:600;color:#374151;margin-bottom:.5rem}.form-control{border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s ease}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.form-text{font-size:.85rem;color:#6b7280;margin-top:.25rem}.card{border:none;border-radius:10px;box-shadow:0 2px 10px #0000001a;transition:box-shadow .3s ease;background:#fff}.card:hover{box-shadow:0 4px 20px #0000001f}.card-header{background:#fff;border-bottom:1px solid #e9ecef;border-radius:10px 10px 0 0!important;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.card-header h5,.card-header h6{color:#2c3e50;font-weight:600;margin-bottom:0}.card-body{padding:20px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-outline-secondary{border-color:#d1d5db;color:#6b7280;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s ease}.btn-outline-secondary:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.form-check-input:checked{background-color:#667eea;border-color:#667eea}.form-check-input:focus{border-color:#667eea;box-shadow:0 0 0 .25rem #667eea40}.badge{font-size:.8rem;padding:.35rem .65rem;border-radius:6px}.bg-success{background-color:#10b981!important}code{background-color:#f3f4f6;color:#374151;padding:.2rem .4rem;border-radius:4px;font-size:.85rem}.alert{border:none;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;position:relative}.alert-success{background-color:#d1fae5;color:#065f46}.alert-danger{background-color:#fee2e2;color:#991b1b}.alert-warning{background-color:#fef3c7;color:#92400e}.alert .btn-close{position:absolute;top:50%;right:1rem;transform:translateY(-50%);padding:.5rem;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;opacity:.5;width:1em;height:1em;cursor:pointer}.alert .btn-close:hover{opacity:1}.alert .btn-close:focus{outline:none;opacity:1;box-shadow:0 0 0 .25rem #0000001a}.spinner-border-sm{width:1rem;height:1rem}.bg-light{background-color:#f8f9fa!important}.bg-light .card-header{background:#f8f9fa!important}.bg-light .card-body,.bg-light .card-body .small{text-align:left}.bg-light .card-body h6{text-align:left;color:#2c3e50;font-weight:600;margin-bottom:8px;margin-top:16px}.bg-light .card-body h6:first-child{margin-top:0}ul{padding-left:1.2rem;text-align:left}li{margin-bottom:.4rem;line-height:1.5;text-align:left}.email-sender-choice{display:flex;flex-direction:row;gap:1rem}.email-choice-button{flex:1;text-align:left;padding:1.5rem;border-radius:12px;border:2px solid #e9ecef;background:#fff;color:#2c3e50;transition:all .3s ease;min-height:120px;display:flex;align-items:center}.email-choice-button:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff26}.email-choice-button.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;color:#fff!important;box-shadow:0 4px 12px #007bff40}.email-choice-button.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);border-color:#0056b3;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px #007bff4d}.email-choice-button.btn-primary .choice-title{color:#fff!important}.email-choice-button.btn-primary .choice-description{color:#fff!important;opacity:.9}.email-choice-button.btn-outline-secondary{border-color:#e9ecef;color:#495057!important;background:#f8f9fa}.email-choice-button.btn-outline-secondary:hover{border-color:#007bff;color:#007bff!important;background:#fff}.email-choice-button.btn-outline-secondary .choice-title{color:#343a40!important}.email-choice-button.btn-outline-secondary .choice-description{color:#6c757d!important}.email-choice-button.btn-outline-secondary:hover .choice-title{color:#007bff!important}.email-choice-button.btn-outline-secondary:hover .choice-description{color:#495057!important}.choice-content{width:100%}.choice-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.choice-description{margin:0;font-size:.9rem;line-height:1.4;opacity:.8}.email-configs-list{display:flex;flex-direction:column;gap:1rem}.email-config-item{border:1px solid #e9ecef;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;background:#fff}.email-config-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26;transform:translateY(-1px)}.email-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.email-config-header h6{color:#2c3e50;font-weight:600;margin:0}.email-config-details p{margin-bottom:.25rem;font-size:.9rem;color:#6c757d}.email-config-details p:last-child{margin-bottom:0}.text-center{text-align:center}.py-4{padding-top:2rem;padding-bottom:2rem}@media (max-width: 768px){.email-setup{padding:.75rem}.email-setup-header-container{margin-bottom:1.5rem}.email-setup-page-title{font-size:1.75rem;margin-bottom:.5rem}.email-setup-page-subtitle{font-size:.95rem;margin-bottom:1rem}.page-header{padding:1rem}.page-header h1{font-size:1.75rem}.card{margin-bottom:1rem}.card-body{padding:1rem}.card-header{padding:1rem;flex-direction:column;gap:.75rem;align-items:stretch!important}.card-header.d-flex{flex-direction:column!important;align-items:stretch!important}.card-header h5,.card-header h6{font-size:1.25rem;text-align:center;margin-bottom:0}.card-header .btn-outline-secondary,.card-header .btn-primary{width:100%;margin-top:.5rem}.setup-step{padding-bottom:1.25rem;margin-bottom:1.5rem!important}.step-title{font-size:1.15rem;line-height:1.5;display:block;font-weight:600}.step-number{display:inline-block;width:auto;min-width:85px;padding:.4rem .75rem;margin-bottom:.75rem;margin-right:0;white-space:nowrap}.step-description{font-size:.9rem;margin-left:0;margin-top:.5rem;line-height:1.5}.email-config-header{flex-direction:column;align-items:flex-start;gap:.5rem}.email-config-item{padding:.75rem}.email-usage-choice,.email-sender-choice{flex-direction:column;gap:.75rem}.email-choice-button{padding:1.25rem;min-height:auto;width:100%;flex:none;text-align:left}.email-choice-button .choice-content{text-align:left}.choice-title{font-size:1.05rem;margin-bottom:.5rem}.choice-description{font-size:.9rem;line-height:1.5}.form-label{font-size:.95rem}.form-control{font-size:1rem}.form-text{font-size:.8rem}.d-flex.gap-4{flex-direction:column;gap:.75rem!important;margin-top:2rem!important;margin-bottom:2rem!important}.d-flex.gap-4 .btn{width:100%;margin:0!important;justify-content:center!important}.btn-primary,.btn-outline-secondary{padding:.875rem 1.25rem;font-size:1rem}.alert{padding:.875rem 1rem;font-size:.9rem}.email-setup .row{margin-left:0;margin-right:0}.email-setup .col-lg-8,.email-setup .col-md-12,.email-setup .col-md-6{padding-left:0;padding-right:0}}@media (max-width: 480px){.email-setup{padding:.5rem}.email-setup-page-title{font-size:1.5rem}.email-setup-page-subtitle{font-size:.875rem}.card-header,.card-body{padding:.75rem}.step-title{font-size:1rem;font-weight:600}.step-number{font-size:.8rem;min-width:75px;padding:.35rem .6rem;height:auto;line-height:1.3}.step-description{font-size:.85rem}.email-choice-button{padding:1rem}.choice-title{font-size:.95rem}.choice-description{font-size:.85rem}}.dns-config-modal .modal-content,.dns-config-modal-content{background-color:#fff!important}.dns-config-modal .modal-header,.dns-config-modal-header,.dns-config-modal-header.modal-header{background-color:#fff!important;background:#fff!important;border-bottom:1px solid #e9ecef!important}.dns-config-modal .modal-title,.dns-config-modal-title,.dns-config-modal-title.modal-title{color:#2c3e50!important;font-weight:600!important;background:transparent!important}.dns-config-modal .modal-body,.dns-config-modal-body,.dns-config-modal-body.modal-body{background-color:#fff!important;color:#374151!important}.dns-config-modal .modal-body h6,.dns-config-modal .modal-body p,.dns-config-modal .modal-body strong,.dns-config-modal .modal-body code,.dns-config-modal-body h6,.dns-config-modal-body p,.dns-config-modal-body strong,.dns-config-modal-body code{color:#374151!important}.dns-config-modal .modal-footer{background-color:#fff!important;border-top:1px solid #e9ecef!important}.email-setup .modal .modal-content{background-color:#fff!important}.email-setup .modal .modal-header{background-color:#fff!important;border-bottom:1px solid #e9ecef!important}.email-setup .modal .modal-header .modal-title{color:#2c3e50!important;font-weight:600!important}.email-setup .modal .modal-body{background-color:#fff!important;color:#374151!important}.email-setup .modal .modal-body h6,.email-setup .modal .modal-body p,.email-setup .modal .modal-body strong,.email-setup .modal .modal-body code{color:#374151!important}.email-setup .modal .modal-footer{background-color:#fff!important;border-top:1px solid #e9ecef!important}.dns-record-card{transition:all .2s ease}.dns-record-card:hover{box-shadow:0 2px 8px #0000001a}.dns-record-card code{font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem;color:#374151!important}.email-logs-container{padding:2rem;max-width:1400px;margin:0 auto}.email-logs-container .alert{position:relative;padding-right:3rem}.email-logs-container .alert .btn-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;width:1em;height:1em;opacity:.5;cursor:pointer;border:none;padding:0}.email-logs-container .alert .btn-close:hover{opacity:1}.email-logs-container .alert.alert-danger .btn-close{filter:brightness(0) saturate(100%) invert(14%) sepia(89%) saturate(5481%) hue-rotate(355deg) brightness(95%) contrast(117%)}.logs-header{margin-bottom:2rem}.logs-header .header-content{display:flex;align-items:center;gap:1rem}.logs-header .header-content>div{display:flex;align-items:center;gap:1rem}.header-controls{margin-left:auto}.spam-toggle-btn{font-weight:500;padding:.5rem 1rem;font-size:1rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center}.spam-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ffc1074d}.spam-toggle-btn:active{transform:translateY(0)}.logs-header .header-icon{font-size:2.5rem;color:#007bff}.logs-header h1{color:#333;margin:0;font-size:2rem}.logs-header p{color:#666;margin:0;font-size:1.1rem}.email-logs-table{margin-bottom:0}.email-logs-table thead th{background-color:#f8f9fa;font-weight:600;color:#333;border-bottom:2px solid #dee2e6;padding:1rem}.email-logs-table thead th:nth-child(2),.email-logs-table tbody td:nth-child(2){text-align:left}.email-logs-table tbody tr{cursor:pointer;transition:background-color .2s ease}.email-logs-table tbody tr:hover{background-color:#f8f9fa}.email-cell{display:flex;align-items:center;font-weight:500}.subject-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.email-logs-container{padding:1rem}.logs-header h1{font-size:1.5rem}.subject-cell{max-width:150px}}.email-log-detail-container{padding:2rem;max-width:1400px;margin:0 auto;width:100%}.conversation-container{background-color:#f5f5f7;border-radius:12px;padding:2rem;min-height:400px;max-height:70vh;overflow-y:auto}.date-divider{text-align:center;margin:2rem 0 1rem}.date-divider span{background-color:#0000000d;padding:.25rem 1rem;border-radius:12px;font-size:.75rem;color:#666;font-weight:500}.message-bubble{margin-bottom:1rem;max-width:60%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.inbound{margin-right:auto}.message-bubble.outbound{margin-left:auto}.message-bubble.inbound .message-content{background-color:#e9ecef;color:#000;border-radius:18px 18px 18px 4px}.message-bubble.outbound .message-content{background-color:#007bff;color:#fff;border-radius:18px 18px 4px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:0 .5rem}.message-sender{font-size:.85rem;font-weight:600;color:#666;display:flex;align-items:center}.message-time{font-size:.75rem;color:#999}.message-subject{padding:.5rem 1rem;margin-bottom:.5rem;font-size:.9rem;color:#666;background-color:#00000008;border-radius:8px}.message-content{padding:1rem 1.25rem;word-wrap:break-word;line-height:1.5;text-align:left}.message-content div,.message-content p{margin-bottom:.5rem;text-align:left}.message-content div:last-child,.message-content p:last-child{margin-bottom:0}.message-text{white-space:pre-wrap;word-wrap:break-word;text-align:left}.message-bubble.outbound .message-content a{color:#fff;text-decoration:underline}.message-bubble.inbound .message-content a{color:#007bff;text-decoration:underline}.message-escalation{margin-top:.5rem;padding:.5rem .75rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;font-size:.85rem;color:#856404;display:flex;align-items:center}.email-log-detail-container .alert{position:relative;padding-right:3rem}.email-log-detail-container .alert .btn-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;width:1em;height:1em;opacity:.5;cursor:pointer;border:none;padding:0}.email-log-detail-container .alert .btn-close:hover{opacity:1}.email-log-detail-container .alert.alert-danger .btn-close{filter:brightness(0) saturate(100%) invert(14%) sepia(89%) saturate(5481%) hue-rotate(355deg) brightness(95%) contrast(117%)}.detail-header{margin-bottom:2rem}.header-info{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.header-info h1{color:#333;margin:0;font-size:2rem}.status-info{display:flex;gap:.5rem;align-items:center}@media (max-width: 768px){.email-log-detail-container,.conversation-container{padding:1rem}.message-bubble{max-width:85%}.header-info{flex-direction:column;align-items:flex-start;gap:1rem}.header-info h1{font-size:1.5rem}}.email-campaign-results-container{padding:2rem;max-width:1400px;margin:0 auto}.email-campaign-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-content{display:flex;align-items:center;gap:1rem}.header-icon{font-size:2.5rem;color:#007bff}.header-content h1{color:#333;margin:0;font-size:2rem}.header-content p{color:#666;margin:0;font-size:1.1rem}.stat-card{border:none;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease;height:100%}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.stat-label{color:#6c757d;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{color:#333;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-subtitle{color:#999;font-size:.85rem;font-style:italic}.empty-state-card{border:none;box-shadow:0 4px 12px #0000001a}.empty-state-card .card-body{padding:3rem 2rem}.empty-state-card h3{color:#333;margin-bottom:1rem}.empty-state-card p{font-size:1.1rem;max-width:600px;margin:0 auto}.alert{border-radius:8px;border:none;box-shadow:0 2px 8px #0000001a}.alert h5{font-weight:600}@media (max-width: 768px){.email-campaign-results-container{padding:1rem}.email-campaign-results-header{flex-direction:column;align-items:flex-start}.header-content{flex-direction:column;align-items:flex-start;text-align:left}.header-icon{font-size:2rem}.header-content h1,.stat-value{font-size:1.5rem}}@media (max-width: 576px){.empty-state-card .card-body{padding:2rem 1rem}.empty-state-card p{font-size:1rem}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-hover tbody tr:hover{background-color:#f8f9fa;cursor:pointer}.table thead th{background-color:#f8f9fa;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap;padding:.75rem}.table tbody td{vertical-align:middle;padding:.75rem}.table .badge{font-size:.85rem;padding:.35rem .65rem;font-weight:600}.table small{font-size:.85rem}.performance-view-buttons .btn{min-width:120px}.ai-integrations-container{padding:2rem;max-width:1400px}.ai-integrations-container h1{color:#333;margin-bottom:.5rem;display:flex;align-items:center}.ai-integrations-container .text-muted{font-size:1.1rem;margin-bottom:2rem}.integration-card{border:1px solid #e0e0e0;border-radius:8px;transition:all .3s ease;height:100%}.integration-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.integration-card .card-body{padding:2rem;display:flex;flex-direction:column}.integration-icon{display:flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:50%;background-color:#f0f7ff;color:#06c;margin:0 auto 1.5rem}.integration-icon.placeholder{background-color:#f5f5f5;color:#999}.integration-card .card-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:1rem;color:#333}.integration-card .card-text{text-align:left;color:#666;line-height:1.6;flex-grow:1;margin-bottom:1.5rem}.integration-status{text-align:center;margin-top:auto}.integration-status .badge{padding:.5rem 1rem;font-size:.9rem;font-weight:500}div[role=dialog] .modal-header{background-color:#2c3e50!important;color:#fff!important;border-bottom:none!important}div[role=dialog] .modal-header .modal-title{color:#fff!important}div[role=dialog] .modal-header .btn-close{filter:invert(1)!important;opacity:.8!important;background-color:transparent!important}div[role=dialog] .modal-header .btn-close:hover{opacity:1!important}.modal .modal-header{background-color:#2c3e50!important;color:#fff!important;border-bottom:none!important}.modal .modal-header .modal-title{color:#fff!important}.modal .modal-header .btn-close{filter:invert(1)!important;opacity:.8!important;background-color:transparent!important}.modal .modal-header .btn-close:hover{opacity:1!important}.ai-integrations-container~div .modal-header{background-color:#2c3e50!important;color:#fff!important}.form-check{display:flex!important;align-items:flex-start!important;text-align:left!important;padding-left:0!important;gap:.75rem!important}.form-check-input{width:1.25rem!important;height:1.25rem!important;min-width:1.25rem!important;margin-top:.125rem!important;margin-right:0!important;margin-left:0!important;background-color:#fff!important;border:1px solid #ced4da!important;cursor:pointer!important;flex-shrink:0!important;position:relative!important}.form-check-input:checked{background-color:#0d6efd!important;border-color:#0d6efd!important}.form-check-input:focus{border-color:#86b7fe!important;box-shadow:0 0 0 .25rem #0d6efd40!important}.form-check-label{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;text-align:left!important;flex:1!important;word-wrap:break-word!important}@media (max-width: 768px){.ai-integrations-container{padding:1rem}.ai-integrations-container h1{font-size:1.75rem}.integration-card .card-body{padding:1.5rem}}.escalations-container{padding:2rem;max-width:1600px;margin:0 auto}.escalations-container .alert{position:relative;padding-right:3rem}.escalations-container .alert .btn-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;width:1em;height:1em;opacity:.5;cursor:pointer;border:none;padding:0}.escalations-container .alert .btn-close:hover{opacity:1}.escalations-container .alert.alert-danger .btn-close{filter:brightness(0) saturate(100%) invert(14%) sepia(89%) saturate(5481%) hue-rotate(355deg) brightness(95%) contrast(117%)}.escalations-header{margin-bottom:2rem}.escalations-header .header-content{display:flex;align-items:center;gap:1rem}.escalations-header .header-icon{font-size:2.5rem;color:#ffc107}.escalations-header h1{color:#333;margin:0;font-size:2rem}.escalations-header p{color:#666;margin:0;font-size:1.1rem}.escalations-table{margin-bottom:0}.escalations-table thead th{background-color:#f8f9fa;font-weight:600;color:#333;border-bottom:2px solid #dee2e6;padding:1rem}.escalations-table tbody tr{cursor:pointer;transition:background-color .2s ease}.escalations-table tbody tr:hover{background-color:#fff8e1}.clickable-row{cursor:pointer}.agent-cell,.email-cell{display:flex;align-items:center;font-weight:500}.email-cell svg{margin-right:.5rem}.subject-cell{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reason-cell{max-width:300px}.reason-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;font-style:italic}.escalation-email-cell{white-space:nowrap}.escalation-email-cell svg{margin-right:.5rem}.date-cell{white-space:nowrap;color:#666;font-size:.9rem}.sms-badge{display:flex;align-items:center;justify-content:center;color:#28a745;font-weight:500;font-size:.9rem}.sms-badge svg{margin-right:.5rem}@media (max-width: 768px){.escalations-container{padding:1rem}.escalations-header h1{font-size:1.5rem}.subject-cell,.reason-cell{max-width:150px}}#root{margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.signin-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:#f0f0f0}.signin-container h1{margin-bottom:20px}.signin-container input{margin-bottom:10px;padding:10px;width:300px}.signin-container button,.social-signin button{padding:10px;width:320px;margin-bottom:10px}.app-container{display:flex;flex-direction:column;min-height:100vh}.footer{width:100vw;text-align:center;background-color:#f4f4f4;bottom:0;left:0;font-size:11px;color:#333;height:18px}.footer-line{width:100vw;height:2px;background-color:gray;position:fixed;bottom:40px;left:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1a202c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}body{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:320px;min-height:100vh;height:100%;width:100%;color:#000;background:linear-gradient(to bottom right,#eff6ff,#f0fdf4,#eff6ff);background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%;background:transparent}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}.modal-backdrop,div.modal-backdrop,.modal-backdrop.fade,.modal-backdrop.show,div.modal-backdrop.show{background-color:#000!important;opacity:.85!important}.modal-backdrop.fade.show{opacity:.85!important}.modal{background:none!important;background-color:transparent!important;box-shadow:none!important}.modal:before{background:none!important;background-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.modal-content{background-color:#fff!important;color:#212529!important;border-radius:12px;border:3px solid #dee2e6!important;box-shadow:0 10px 40px #0006!important}.modal-header{background-color:#fff!important;color:#212529!important;border-bottom:1px solid #dee2e6}.modal-body{background-color:#fff!important;color:#212529!important}.modal-footer{background-color:#f8f9fa!important;color:#212529!important;border-top:1px solid #dee2e6}.modal-content p,.modal-content strong,.modal-title{color:#212529!important}.modal-title.text-danger,.text-danger{color:#dc3545!important}