@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-jordy-blue: #93BFEF;--color-tufts-blue: #468BE6;--color-cobalt-blue: #1A5799;--color-alice-blue: #E9F5FF;--color-cool-black: #092F64;--color-eerie-black: #1F1F1F;--font-heading: "Inter", sans-serif;--font-body: "Inter", sans-serif;--bg-primary: #FFFFFF;--bg-secondary: var(--color-alice-blue);--bg-tertiary: #F8FBFF;--bg-surface: #FFFFFF;--text-primary: var(--color-cool-black);--text-secondary: rgba(9, 47, 100, .8);--text-muted: rgba(9, 47, 100, .6);--text-on-primary: #FFFFFF;--border-color: rgba(147, 191, 239, .3);--border-light: rgba(147, 191, 239, .2);--primary-color: var(--color-tufts-blue);--primary-light: rgba(70, 139, 230, .1);--primary-dark: var(--color-cobalt-blue);--primary-hover: var(--color-cobalt-blue);--success-color: #10B981;--success-light: rgba(16, 185, 129, .1);--warning-color: #F59E0B;--warning-light: rgba(245, 158, 11, .1);--error-color: #EF4444;--error-light: rgba(239, 68, 68, .1);--info-color: #3B82F6;--info-light: rgba(59, 130, 246, .1);--info-dark: #1E40AF;--shadow-sm: 0 2px 4px rgba(9, 47, 100, .1);--shadow-md: 0 4px 12px rgba(9, 47, 100, .15);--shadow-lg: 0 8px 24px rgba(9, 47, 100, .2)}[data-theme=dark]{--bg-primary: var(--color-eerie-black);--bg-secondary: #2A2A2A;--bg-tertiary: #333333;--bg-surface: #2A2A2A;--text-primary: var(--color-alice-blue);--text-secondary: var(--color-jordy-blue);--text-muted: rgba(233, 245, 255, .7);--text-on-primary: #FFFFFF;--border-color: rgba(147, 191, 239, .2);--border-light: rgba(147, 191, 239, .1);--primary-color: var(--color-jordy-blue);--primary-light: rgba(147, 191, 239, .1);--primary-dark: var(--color-tufts-blue);--primary-hover: var(--color-tufts-blue);--success-color: #34D399;--success-light: rgba(52, 211, 153, .1);--warning-color: #FBBF24;--warning-light: rgba(251, 191, 36, .1);--error-color: #F87171;--error-light: rgba(248, 113, 113, .1);--info-color: #60A5FA;--info-light: rgba(96, 165, 250, .1);--info-dark: #3B82F6;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-weight:400;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);line-height:1.2}a{color:var(--color-tufts-blue);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-cobalt-blue)}button{font-family:inherit;cursor:pointer;transition:all .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out}.theme-toggle{position:fixed;top:20px;right:20px;width:48px;height:48px;border-radius:50%;background-color:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:var(--shadow-md);z-index:1000;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-lg);background-color:var(--color-tufts-blue);color:var(--color-alice-blue);border-color:var(--color-tufts-blue)}.theme-toggle:active{transform:scale(.95)}@media (max-width: 768px){.theme-toggle{width:40px;height:40px;top:15px;right:15px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-primary)}.success-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .3s ease-out}.success-content{background:var(--bg-primary);padding:40px;border-radius:20px;text-align:center;box-shadow:var(--shadow-lg);animation:successBounceIn .6s ease-out;max-width:400px;margin:20px}.success-icon{width:80px;height:80px;margin:0 auto 20px;animation:checkmarkDraw .8s ease-out .3s both}.success-checkmark{width:100%;height:100%;stroke:#26de81;stroke-dasharray:300;stroke-dashoffset:300;animation:checkmarkStroke .8s ease-out .3s forwards}.success-checkmark circle{stroke:#26de81;stroke-dasharray:300;stroke-dashoffset:300;animation:checkmarkCircle .6s ease-out forwards}.success-checkmark path{stroke-dasharray:100;stroke-dashoffset:100;animation:checkmarkCheck .4s ease-out .6s forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes successBounceIn{0%{opacity:0;transform:scale(.3) translateY(-100px)}50%{opacity:1;transform:scale(1.05) translateY(0)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkCircle{to{stroke-dashoffset:0}}@keyframes checkmarkCheck{to{stroke-dashoffset:0}}.submit-btn.loading{background:var(--primary-color);cursor:not-allowed}.loading-spinner{display:inline-flex;align-items:center;justify-content:center}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.error-banner{background:var(--error-light);color:var(--error-color);padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid var(--error-color);font-size:14px;text-align:center;animation:slideInError .3s ease-out}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{color:var(--error-color);font-size:12px;margin-top:4px;margin-bottom:0;display:block;line-height:1.3}.form-group input.error{border-color:var(--error-color);background-color:var(--error-light)}@keyframes checkmarkStroke{to{stroke-dashoffset:0}}.auth-background{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-alice-blue) 0%,var(--color-jordy-blue) 50%,var(--color-tufts-blue) 100%);opacity:.1}[data-theme=dark] .auth-background{background:linear-gradient(135deg,var(--color-eerie-black) 0%,var(--color-cool-black) 50%,var(--color-cobalt-blue) 100%);opacity:.3}.auth-shape{position:absolute;border-radius:50%;filter:blur(100px);animation:float 20s infinite ease-in-out;transition:transform .1s ease-out;will-change:transform}.auth-shape-1{width:400px;height:400px;background:var(--color-jordy-blue);top:-200px;left:-200px;opacity:.3}.auth-shape-2{width:300px;height:300px;background:var(--color-tufts-blue);bottom:-150px;right:-150px;opacity:.3;animation-delay:-5s}.auth-shape-3{width:200px;height:200px;background:var(--color-cobalt-blue);top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.auth-content{position:relative;z-index:1;width:100%;max-width:440px;padding:20px}.auth-card{background:var(--bg-primary);border-radius:20px;padding:40px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;transform-origin:center}.auth-card.submitting{transform:scale(.98);opacity:.9}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:80px;height:80px;margin-bottom:20px;border-radius:20px;box-shadow:var(--shadow-md)}.auth-title{font-size:28px;margin-bottom:8px;color:var(--text-primary)}.auth-subtitle{font-size:16px;color:var(--text-secondary)}.auth-social{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 20px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);font-size:16px;font-weight:500;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transition:all .3s ease;transform:translate(-50%,-50%);border-radius:50%}.social-btn:hover:before{width:200px;height:200px}.social-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.social-btn.loading{pointer-events:none}.social-btn-loader{display:flex;gap:4px}.social-btn-loader span{width:8px;height:8px;border-radius:50%;background:var(--text-primary);animation:socialLoader 1.4s ease-in-out infinite both}.social-btn-loader span:nth-child(1){animation-delay:-.32s}.social-btn-loader span:nth-child(2){animation-delay:-.16s}.social-btn-loader span:nth-child(3){animation-delay:0s}@keyframes socialLoader{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.social-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #00000026}.google-btn:hover:not(:disabled){border-color:#4285f4;background:#4285f40d;box-shadow:0 8px 25px #4285f440}.linkedin-btn:hover:not(:disabled){border-color:#0a66c2;background:#0a66c20d;box-shadow:0 8px 25px #0a66c240}.auth-divider{position:relative;text-align:center;margin:24px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color);transform:translateY(-50%)}.auth-divider span{position:relative;padding:0 16px;background:var(--bg-primary);color:var(--text-secondary);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.floating-group{position:relative;margin-bottom:20px}.floating-group input{width:100%;padding:16px 16px 8px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);font-size:16px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.floating-group .floating-label{position:absolute;left:16px;top:16px;font-size:16px;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;transform-origin:left center}.floating-group.has-value .floating-label,.floating-group input:focus+.floating-label{transform:translateY(-8px) scale(.85);color:var(--color-tufts-blue);font-weight:600}.floating-group input:focus{border-color:var(--color-tufts-blue);box-shadow:0 0 0 3px #468be61a;transform:translateY(-1px)}.floating-group.has-error input{border-color:#ff4757;box-shadow:0 0 0 3px #ff47571a}.floating-group.has-error .floating-label{color:#ff4757}.floating-group .field-success-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);animation:successIconPop .3s ease-out}@keyframes successIconPop{0%{opacity:0;transform:translateY(-50%) scale(.5)}50%{transform:translateY(-50%) scale(1.2)}to{opacity:1;transform:translateY(-50%) scale(1)}}.form-group label:not(.floating-label){font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.form-group input:not(.floating-group input){padding:14px 16px;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-primary);font-size:16px;color:var(--text-primary);transition:all .3s ease;min-height:24px}.form-group input::placeholder{color:var(--text-secondary);opacity:.7}.floating-group input::placeholder{opacity:0;transition:opacity .3s ease}.floating-group input:focus::placeholder{opacity:.5}.form-group input:not(.floating-group input):focus{outline:none;border-color:var(--color-tufts-blue);box-shadow:0 0 0 3px #468be61a}.form-footer{text-align:right;margin-top:-4px}.forgot-link{font-size:14px;color:var(--color-tufts-blue);font-weight:500;background:none;border:none;padding:0;cursor:pointer;text-decoration:none}.forgot-link:hover{color:var(--color-cobalt-blue);text-decoration:underline}.submit-btn{padding:16px 24px;border:none;border-radius:10px;background:var(--color-tufts-blue);color:var(--color-alice-blue);font-size:16px;font-weight:600;margin-top:6px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform-origin:center;min-height:56px;display:flex;align-items:center;justify-content:center}.submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);transition:all .3s ease;transform:translate(-50%,-50%);border-radius:50%}.submit-btn:hover:not(:disabled):before{width:200px;height:200px}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn.loading{pointer-events:none}.submit-btn-content{display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn-spinner{animation:spin 1s linear infinite;flex-shrink:0}.btn-loader{display:flex;gap:6px;justify-content:center}.btn-loader span{width:8px;height:8px;border-radius:50%;background:var(--color-alice-blue);animation:btnLoader 1.4s ease-in-out infinite both}.btn-loader span:nth-child(1){animation-delay:-.32s}.btn-loader span:nth-child(2){animation-delay:-.16s}.btn-loader span:nth-child(3){animation-delay:0s}@keyframes btnLoader{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.submit-btn:hover:not(:disabled){background:var(--color-cobalt-blue);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #468be64d}.submit-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.auth-switch{text-align:center;margin-top:24px}.auth-switch p{font-size:14px;color:var(--text-secondary)}.switch-btn{background:none;border:none;color:var(--color-tufts-blue);font-weight:600;margin-left:4px;padding:0;font-size:14px}.switch-btn:hover{color:var(--color-cobalt-blue);text-decoration:underline}.password-strength{margin-top:8px;display:flex;align-items:center;gap:12px}.password-strength-bar{flex:1;height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;border-radius:2px;transition:all .3s ease;animation:strengthFill .3s ease-out}.password-strength-text{font-size:12px;font-weight:600;min-width:80px;text-align:right}@keyframes strengthFill{0%{width:0!important}}.error-message{color:#ff4757;font-size:12px;margin-top:4px;animation:errorSlideIn .3s ease-out}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out}.trust-badges{display:flex;justify-content:space-around;margin-top:32px;padding:20px 0;gap:16px;animation:fadeInUp .6s ease-out .3s both}.trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:12px;color:var(--text-secondary);transition:transform .2s ease}.trust-icon{font-size:20px;margin-bottom:4px}.trust-item:hover{transform:translateY(-2px)}.success-message{background:linear-gradient(135deg,#26de81,#20bf6b);color:#fff;padding:12px 20px;border-radius:12px;text-align:center;font-weight:500;margin-bottom:20px;animation:successMessageSlide .5s ease-out}.success-note{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:15px}.password-strength{margin-top:8px}.strength-bar{width:100%;height:4px;background-color:var(--bg-secondary);border-radius:2px;overflow:hidden;margin-bottom:4px}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.strength-text{font-size:12px;font-weight:600;margin-bottom:4px}.strength-feedback{font-size:11px;color:var(--text-secondary);font-style:italic}.redirect-loader{display:flex;flex-direction:column;align-items:center;margin-top:20px;padding:20px}.loader-spinner{margin-bottom:12px}.redirect-text{color:var(--text-secondary);font-size:14px;margin:0}@keyframes successMessageSlide{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.privacy-note{font-size:12px;color:var(--text-secondary);text-align:center;margin-top:12px;opacity:.8}.social-intro{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:16px;font-weight:500}@media (max-width: 480px){.auth-content{padding:10px}.auth-card{padding:30px 20px}.auth-title{font-size:24px}.auth-subtitle{font-size:14px}.auth-logo{width:60px;height:60px}.social-btn{padding:10px 16px;font-size:14px}.floating-group input{padding:14px 16px 6px;font-size:14px}.floating-group .floating-label{font-size:14px;top:14px}.floating-group.has-value .floating-label,.floating-group input:focus+.floating-label{transform:translateY(-6px) scale(.85)}.auth-form{gap:10px}.form-group{gap:5px}.form-group input:not(.floating-group input){font-size:16px;padding:12px 14px}.submit-btn{font-size:15px;padding:14px 20px;min-height:52px}.success-content{padding:30px 20px}.success-icon{width:60px;height:60px}}.onboarding-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.onboarding-container{position:relative;background:var(--bg-primary);border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .4s ease-out}.onboarding-container.single-step{max-width:520px}.onboarding-container.multi-step{max-width:640px}.progress-container{padding:24px 40px 0;flex-shrink:0}.progress-bar{width:100%;height:8px;background:var(--color-alice-blue);border-radius:4px;overflow:hidden;margin-bottom:12px}[data-theme=dark] .progress-bar{background:#93bfef1a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-tufts-blue) 0%,var(--color-cobalt-blue) 100%);border-radius:4px;transition:width .8s ease-out;animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%,to{background:linear-gradient(90deg,var(--color-tufts-blue) 0%,var(--color-cobalt-blue) 100%)}50%{background:linear-gradient(90deg,var(--color-cobalt-blue) 0%,var(--color-tufts-blue) 100%)}}.progress-text{text-align:center;font-size:14px;font-weight:500;color:var(--color-cool-black)}[data-theme=dark] .progress-text{color:var(--color-jordy-blue)}.form-section{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;font-size:16px;color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease-out;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-input.error{border-color:var(--error-color)}.form-select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;font-size:16px;color:var(--text-primary);background:var(--bg-primary);transition:all .2s ease-out;cursor:pointer;box-sizing:border-box}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease-out;text-align:left}.dropdown-trigger:hover{border-color:var(--color-jordy-blue)}.dropdown-trigger:focus{outline:none;border-color:var(--color-tufts-blue);box-shadow:0 0 0 3px #468be61a}.dropdown-icon{font-size:18px;flex-shrink:0}.dropdown-label{flex:1;color:var(--text-primary)}.dropdown-trigger .dropdown-label{color:var(--text-secondary)}.dropdown-trigger.has-selection .dropdown-label{color:var(--text-primary)}.dropdown-arrow{color:var(--text-secondary);transition:transform .2s ease-out;flex-shrink:0}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);z-index:1000;margin-top:4px;overflow:hidden;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{width:100%;padding:12px 16px;border:none;background:none;color:var(--text-primary);font-size:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease-out;text-align:left}.dropdown-option:hover{background:var(--color-alice-blue)}[data-theme=dark] .dropdown-option:hover{background:var(--color-eerie-black)}.dropdown-option.selected{background:var(--color-alice-blue);color:var(--color-tufts-blue)}[data-theme=dark] .dropdown-option.selected{background:#468be61a;color:var(--color-jordy-blue)}.option-icon{font-size:16px;flex-shrink:0}.option-label{flex:1}.check-icon{color:var(--color-tufts-blue);flex-shrink:0}.form-help{font-size:13px;color:var(--text-secondary);margin-top:6px}.error-message{color:var(--error-color);font-size:13px;margin-top:6px}.skip-all-btn{position:absolute;top:24px;right:24px;background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease-out;z-index:10}.skip-all-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.step-content{padding:40px;opacity:1;transform:translate(0);transition:all .3s ease-out;flex:1;overflow-y:auto;max-height:calc(90vh - 120px)}.step-content::-webkit-scrollbar{width:6px}.step-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.step-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.step-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.step-content.animating{opacity:0;transform:translate(20px)}.social-proof{padding:24px 40px;background:var(--bg-secondary);border-top:1px solid var(--border-color);flex-shrink:0}.user-avatars{display:flex;align-items:center;gap:16px}.avatar-stack{display:flex;margin-left:8px}.avatar-stack img{width:40px;height:40px;border-radius:50%;border:3px solid var(--bg-primary);margin-left:-12px;transition:all .2s ease-out}.avatar-stack img:first-child{margin-left:0}.avatar-stack:hover img{margin-left:-8px}.user-count{color:var(--text-secondary);font-size:14px;margin:0}.user-count strong{color:var(--primary-color);font-weight:600}.step-header{text-align:center;margin-bottom:32px}.step-icon{width:80px;height:80px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:40px}.step-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px;line-height:1.2}.step-subtitle{font-size:16px;color:var(--text-secondary);margin:0;line-height:1.5}.step-actions{display:flex;gap:12px;margin-top:32px;justify-content:center}.btn-primary{background:var(--color-tufts-blue);color:var(--color-alice-blue)}.btn-primary:hover{background:var(--color-cobalt-blue);transform:translateY(-1px);box-shadow:0 4px 12px #468be64d}.btn-primary:disabled{background:var(--color-jordy-blue);opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;color:var(--color-cool-black);border:2px solid var(--color-jordy-blue)}[data-theme=dark] .btn-secondary{color:var(--color-alice-blue)}.btn-secondary:hover{background:var(--color-alice-blue);border-color:var(--color-tufts-blue);color:var(--color-cool-black)}[data-theme=dark] .btn-secondary:hover{background:#468be61a;color:var(--color-alice-blue)}.btn-text:hover{color:var(--text-primary)}.welcome-content{margin:32px 0}.value-props{display:grid;grid-template-columns:1fr;gap:24px}.value-prop{text-align:center;padding:24px;background:var(--color-alice-blue);border-radius:16px;border:1px solid rgba(70,139,230,.1);transition:all .3s ease-out}[data-theme=dark] .value-prop{background:#468be60d;border-color:#93bfef1a}.value-prop:hover{transform:translateY(-2px);box-shadow:0 8px 25px #468be626}.value-icon{font-size:32px;margin-bottom:16px}.value-prop h4{font-size:18px;font-weight:600;color:var(--color-cool-black);margin:0 0 8px}[data-theme=dark] .value-prop h4{color:var(--color-alice-blue)}.value-prop p{font-size:14px;color:var(--color-cool-black);opacity:.8;margin:0;line-height:1.5}[data-theme=dark] .value-prop p{color:var(--color-jordy-blue)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:32px 0}.feature-card{padding:24px;background:var(--color-alice-blue);border-radius:16px;border:1px solid rgba(70,139,230,.1);text-align:center;transition:all .3s ease-out}[data-theme=dark] .feature-card{background:#468be60d;border-color:#93bfef1a}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #468be626}.feature-icon{font-size:32px;margin-bottom:12px}.feature-title{font-size:16px;font-weight:600;color:var(--color-cool-black);margin:0 0 8px}[data-theme=dark] .feature-title{color:var(--color-alice-blue)}.feature-description{font-size:13px;color:var(--color-cool-black);opacity:.8;margin:0;line-height:1.4}[data-theme=dark] .feature-description{color:var(--color-jordy-blue)}.demo-example{margin-top:32px;text-align:center;padding:24px;background:var(--color-alice-blue);border-radius:16px;border:1px solid rgba(70,139,230,.1)}[data-theme=dark] .demo-example{background:#468be60d;border-color:#93bfef1a}.demo-example h4{font-size:16px;font-weight:600;color:var(--color-cool-black);margin:0 0 16px}[data-theme=dark] .demo-example h4{color:var(--color-alice-blue)}.example-forward{background:var(--bg-primary);border:2px solid var(--color-tufts-blue);border-radius:12px;padding:16px;margin-top:16px}.forward-address{font-size:18px;font-weight:600;font-family:Courier New,monospace;color:var(--color-tufts-blue);margin-bottom:8px}.example-forward p{font-size:14px;color:var(--color-cool-black);opacity:.8;margin:0}[data-theme=dark] .example-forward p{color:var(--color-jordy-blue)}.next-steps{margin:32px 0;text-align:center;padding:24px;background:var(--color-alice-blue);border-radius:16px;border:1px solid rgba(70,139,230,.1)}[data-theme=dark] .next-steps{background:#468be60d;border-color:#93bfef1a}.next-steps h4{font-size:18px;font-weight:600;color:var(--color-cool-black);margin:0 0 12px}[data-theme=dark] .next-steps h4{color:var(--color-alice-blue)}.next-steps p{font-size:16px;color:var(--color-cool-black);opacity:.8;margin:0;line-height:1.5}[data-theme=dark] .next-steps p{color:var(--color-jordy-blue)}.next-steps strong{color:var(--color-tufts-blue);font-weight:600}.how-it-works{margin:32px 0;padding:24px;background:var(--color-alice-blue);border-radius:16px;border:1px solid rgba(70,139,230,.1)}[data-theme=dark] .how-it-works{background:#468be60d;border-color:#93bfef1a}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px;text-align:center}.steps-list{display:flex;flex-direction:column;gap:16px}.steps-item{display:flex;align-items:center;gap:16px}.steps-number{width:32px;height:32px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.steps-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.how-it-works .steps-text strong{color:#092f64!important;font-weight:600}[data-theme=dark] .how-it-works .steps-text strong{color:#e9f5ff!important}.complete-step .completion-content{padding:24px}.success-message{text-align:center;margin-bottom:32px;padding:24px;background:#4caf500d;border:1px solid rgba(76,175,80,.2);border-radius:16px}.success-icon{font-size:48px;margin-bottom:16px}.success-message h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.success-message p{font-size:14px;color:var(--text-secondary);margin:0}.forward-instructions{margin-bottom:32px;text-align:center}.forward-instructions h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.copy-email-section{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:16px}.forward-address-display{font-size:18px;font-weight:600;font-family:Courier New,monospace;color:var(--color-tufts-blue);padding:12px 20px;background:var(--color-alice-blue);border:2px solid var(--color-tufts-blue);border-radius:8px}.btn-copy{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-tufts-blue);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-copy:hover{background:var(--color-cobalt-blue);transform:translateY(-1px)}.help-text{font-size:14px;color:var(--text-secondary);margin:0}.what-happens-next{padding:24px;background:var(--color-alice-blue);border-radius:16px;margin-bottom:24px}[data-theme=dark] .what-happens-next{background:#468be60d}.what-happens-next h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.next-steps-list{list-style:none;padding:0;margin:0}.next-steps-list li{position:relative;padding-left:28px;margin-bottom:12px;font-size:14px;color:var(--text-secondary);line-height:1.5}.next-steps-list li:before{content:"✓";position:absolute;left:0;color:var(--color-tufts-blue);font-weight:600}.btn-large{padding:14px 28px;font-size:16px}.persona-grid-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;max-height:300px;overflow-y:auto;padding:4px}.persona-card-option{background:#fff;border:2px solid var(--border-color, #e5e5e5);border-radius:10px;padding:12px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:120px}[data-theme=dark] .persona-card-option{background:var(--bg-secondary);border-color:#93bfef33}.persona-card-option:hover{border-color:var(--color-tufts-blue);transform:translateY(-2px);box-shadow:0 4px 12px #468be626}.persona-card-option.selected{border-color:var(--color-tufts-blue);background:#468be60d;box-shadow:0 0 0 3px #468be633}.persona-card-title{font-weight:600;color:var(--text-primary);margin-bottom:4px;font-size:.85rem;line-height:1.2}.persona-card-description{font-size:.7rem;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.btn-spinner{margin-right:8px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.onboarding-container{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.onboarding-container.single-step{max-width:100%}.step-content{padding:24px;max-height:calc(100vh - 140px)}.step-title{font-size:24px}.step-actions{flex-direction:column}.btn{width:100%;justify-content:center}.social-proof{padding:20px 24px}.user-avatars{flex-direction:column;align-items:center;text-align:center}.how-it-works{margin:24px 0;padding:20px}.steps-list,.steps-item{gap:12px}.steps-number{width:28px;height:28px;font-size:13px}.steps-text{font-size:13px}.progress-container{padding:20px 24px 0}.progress-text{font-size:13px}.value-props{gap:16px}.value-prop{padding:20px}.value-icon{font-size:28px;margin-bottom:12px}.value-prop h4{font-size:16px}.value-prop p{font-size:13px}.features-grid{grid-template-columns:1fr;gap:16px;margin:24px 0}.feature-card{padding:20px}.feature-icon{font-size:28px;margin-bottom:8px}.feature-title{font-size:15px}.feature-description{font-size:12px}.demo-example{margin-top:24px;padding:20px}.demo-example h4{font-size:15px;margin-bottom:12px}.forward-address{font-size:16px}.example-forward p{font-size:13px}.next-steps{margin:24px 0;padding:20px}.next-steps h4{font-size:16px;margin-bottom:8px}.next-steps p{font-size:14px}.complete-step .completion-content{padding:16px}.success-message{padding:20px;margin-bottom:24px}.success-icon{font-size:40px;margin-bottom:12px}.success-message h3{font-size:18px}.copy-email-section{flex-direction:column;gap:12px}.forward-address-display{font-size:16px;padding:10px 16px}.btn-copy{width:100%}.what-happens-next{padding:20px;margin-bottom:20px}.what-happens-next h4{font-size:15px}.next-steps-list li{font-size:13px;padding-left:24px;margin-bottom:10px}.persona-grid-selection{grid-template-columns:1fr;max-height:400px}.persona-card-option{min-height:auto;padding:10px}.persona-card-emoji{font-size:24px}.persona-card-title{font-size:.8rem}.persona-card-description{font-size:.65rem}.persona-card-option:nth-child(7){max-width:100%}}.transition-container{position:fixed;inset:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;z-index:10000;overflow:hidden}.transition-container.auth-exit{animation:slideInFromLeft .5s ease-out}.transition-container.app-enter{animation:slideOutToRight .4s ease-out}.transition-background{position:absolute;inset:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:float 6s ease-in-out infinite}.gradient-orb.orb-1{width:300px;height:300px;background:#fff3;top:-150px;left:-150px;animation-delay:0s}.gradient-orb.orb-2{width:200px;height:200px;background:#ffffff26;bottom:-100px;right:-100px;animation-delay:2s}.gradient-orb.orb-3{width:250px;height:250px;background:#ffffff1a;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}.transition-content{position:relative;text-align:center;z-index:10;max-width:500px;padding:40px}.logo-container{margin-bottom:40px;opacity:0;transform:scale(.5);transition:all .6s ease-out}.logo-container.visible{opacity:1;transform:scale(1)}.transition-logo{width:120px;height:120px;border-radius:24px;box-shadow:0 20px 60px #0000004d;animation:logoGlow 2s ease-in-out infinite alternate}.welcome-message{margin-bottom:40px;opacity:0;transform:translateY(20px);transition:all .6s ease-out}.welcome-message.visible{opacity:1;transform:translateY(0)}.welcome-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.2)}.welcome-subtitle{font-size:18px;color:#ffffffe6;margin:0;line-height:1.4}.features-showcase{margin-bottom:40px;opacity:0;transition:opacity .6s ease-out}.features-showcase.visible{opacity:1}.feature-item{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.2);opacity:0;transform:translate(-30px);animation:featureSlideIn .6s ease-out forwards}.feature-icon{font-size:24px;width:32px;text-align:center}.feature-text{flex:1;color:#fff;font-weight:500;text-align:left}.feature-check{width:24px;height:24px;background:var(--success-color);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:checkPop .3s ease-out forwards;animation-delay:.4s;transform:scale(0)}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:16px}.progress-ring{position:relative}.progress-circle{transform:rotate(-90deg)}.progress-path{animation:progressFill 3s ease-out}.loading-text{color:#fffc;font-size:16px;margin:0;animation:pulse 1.5s ease-in-out infinite}.floating-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-element{position:absolute;font-size:24px;opacity:.3;animation:floatUpAndDown 4s ease-in-out infinite}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes logoGlow{0%{box-shadow:0 20px 60px #0000004d}to{box-shadow:0 20px 60px #fff3}}@keyframes featureSlideIn{to{opacity:1;transform:translate(0)}}@keyframes checkPop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes floatUpAndDown{0%,to{transform:translateY(0) rotate(0);opacity:.3}25%{transform:translateY(-100px) rotate(90deg);opacity:.6}50%{transform:translateY(-200px) rotate(180deg);opacity:.3}75%{transform:translateY(-300px) rotate(270deg);opacity:.1}}@media (max-width: 768px){.transition-content{padding:24px;max-width:100%}.welcome-title{font-size:24px}.welcome-subtitle{font-size:16px}.transition-logo{width:80px;height:80px}.feature-item{padding:12px 16px}.feature-text{font-size:14px}.floating-element{font-size:18px}}.re-engagement-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.re-engagement-modal{position:relative;background:var(--bg-primary);border-radius:20px;box-shadow:0 25px 80px #0003;max-width:650px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .4s ease-out}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease-out;z-index:10}.close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-header{text-align:center;padding:40px 40px 24px}.welcome-back-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:40px;animation:bounceIn .6s ease-out .2s both}.modal-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px;line-height:1.2}.modal-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.5;max-width:400px;margin:0 auto}.stats-banner{display:flex;justify-content:center;gap:32px;padding:24px 40px;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stat-number{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-secondary);max-width:120px}.action-selection{padding:32px 40px}.section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 20px;text-align:center}.action-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.action-option{position:relative;padding:20px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .3s ease-out}.action-option:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.action-option.selected{border-color:var(--primary-color);background:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 25px #6366f133}.option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.option-icon{font-size:28px;display:block}.option-meta{background:var(--bg-tertiary);padding:4px 8px;border-radius:6px;font-size:11px;color:var(--text-secondary);font-weight:500}.option-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.option-description{font-size:14px;color:var(--text-secondary);margin:0 0 12px;line-height:1.4}.option-benefit{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--success-color);font-weight:500;margin-bottom:12px}.selection-indicator{position:absolute;top:16px;right:16px}.radio-button{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);transition:all .2s ease-out}.action-option.selected .radio-button{border-color:var(--primary-color);background:var(--primary-color)}.radio-dot{width:8px;height:8px;background:var(--bg-surface);border-radius:50%;animation:radioPop .2s ease-out}.whats-new-teaser{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:linear-gradient(135deg,var(--info-light) 0%,var(--primary-light) 100%);margin:0 40px;border-radius:12px;border:1px solid var(--info-color)}.teaser-content{display:flex;align-items:center;gap:16px}.teaser-icon{width:48px;height:48px;background:var(--info-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.teaser-text h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.teaser-text p{margin:0;font-size:14px;color:var(--text-secondary)}.teaser-btn{background:var(--info-color);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-out}.teaser-btn:hover{background:var(--info-dark);transform:translateY(-1px)}.modal-actions{display:flex;gap:12px;padding:32px 40px 24px;justify-content:center}.btn{padding:12px 24px;border-radius:12px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease-out;display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.help-offer{text-align:center;padding:0 40px 32px}.help-offer p{margin:0;font-size:14px;color:var(--text-secondary)}.help-link{background:none;border:none;color:var(--primary-color);font-size:14px;cursor:pointer;text-decoration:underline;margin-left:4px}.help-link:hover{color:var(--primary-dark)}@keyframes modalSlideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes radioPop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.re-engagement-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.modal-header,.action-selection,.modal-actions,.help-offer{padding-left:24px;padding-right:24px}.stats-banner{padding:20px 24px;flex-direction:column;gap:16px}.whats-new-teaser{margin:0 24px;flex-direction:column;gap:16px;text-align:center}.action-options{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn{width:100%;justify-content:center}.modal-title{font-size:24px}}.main-app{min-height:100vh;background:var(--bg-primary);animation:fadeInUp .6s ease-out}.app-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:20px 0;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.header-left{flex:1}.title-with-logo{display:flex;align-items:center;gap:16px}.header-logo{width:40px;height:40px;border-radius:8px;transition:transform .2s ease;flex-shrink:0}.header-logo:hover{transform:scale(1.05)}.title-content{flex:1;min-width:0}.app-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.2}.app-subtitle{font-size:16px;color:var(--text-secondary);margin:0;line-height:1.4}.dashboard-container{max-width:1200px;margin:0 auto;padding:32px 24px;display:grid;gap:32px}.forwarding-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:20px;padding:32px;color:var(--text-on-primary);position:relative;overflow:hidden}.forwarding-section:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 70%,transparent 100%);border-radius:50%;pointer-events:none}.forwarding-section:after{content:"";position:absolute;bottom:-30px;left:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,rgba(255,255,255,.01) 60%,transparent 100%);border-radius:50%;pointer-events:none}.forwarding-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative;z-index:1}.forwarding-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.forwarding-title{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--text-on-primary)}.forwarding-description{font-size:16px;margin:0;color:#ffffffe6}.forwarding-address-container{position:relative;z-index:1}.forwarding-address{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.address-text{font-size:24px;font-weight:600;font-family:Monaco,Menlo,monospace;color:var(--text-on-primary);letter-spacing:.5px}.copy-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:var(--text-on-primary);padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;gap:8px;white-space:nowrap}.copy-btn:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-1px)}.copy-btn.copied{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.forwarding-section .how-it-works{background:#00000059!important;border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.forwarding-section .how-it-works h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.forwarding-section .how-it-works ol{margin:0;padding-left:20px;color:#fff!important}.forwarding-section .how-it-works li{margin-bottom:8px;line-height:1.5;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.forwarding-section .how-it-works strong{color:#fff!important;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.connected-emails-section{background:var(--bg-secondary);border-radius:16px;padding:24px;border:1px solid var(--border-color)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.section-header .btn{flex-shrink:0;max-width:160px;white-space:nowrap}.email-list{display:grid;gap:16px}.email-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease-out}.email-card.clickable{cursor:pointer}.email-card.clickable:hover{border-color:var(--color-tufts-blue, #468BE6);box-shadow:0 4px 12px #468be626;transform:translateY(-2px)}.email-card.clickable:active{transform:translateY(0)}.email-card:hover{border-color:var(--primary-light);box-shadow:0 2px 8px #0000001a}.email-info{flex:1}.email-address{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.email-persona{font-size:14px;color:var(--text-secondary)}.email-stats{display:flex;align-items:center;gap:20px}.stat{text-align:center}.stat-value{display:block;font-size:18px;font-weight:600;color:var(--primary-color);line-height:1}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-active{background:var(--success-light);color:var(--success-color)}.status-inactive{background:var(--error-light);color:var(--error-color)}.time-savings-section{background:linear-gradient(135deg,var(--color-alice-blue) 0%,rgba(147,191,239,.1) 100%);border-radius:20px;padding:32px;border:1px solid rgba(147,191,239,.2);position:relative;overflow:hidden}.time-savings-section:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,rgba(70,139,230,.08) 0%,rgba(70,139,230,.02) 70%,transparent 100%);border-radius:50%;pointer-events:none}.time-savings-section:after{content:"";position:absolute;bottom:-30px;left:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(147,191,239,.06) 0%,rgba(147,191,239,.01) 60%,transparent 100%);border-radius:50%;pointer-events:none}.savings-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;position:relative;z-index:1}.savings-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-tufts-blue) 0%,var(--color-cobalt-blue) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #468be640}.savings-title{font-size:24px;font-weight:700;margin:0 0 4px;color:var(--color-cool-black);line-height:1.2}.savings-description{font-size:16px;margin:0;color:var(--color-cool-black);opacity:.8;line-height:1.4}.savings-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;position:relative;z-index:1}.savings-card{background:#fff;border-radius:16px;padding:24px;border:1px solid rgba(147,191,239,.3);transition:all .3s ease-out;position:relative;overflow:hidden}.savings-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #468be626;border-color:var(--color-tufts-blue)}.monthly-card{background:linear-gradient(135deg,#fff,#468be605)}.total-card{background:linear-gradient(135deg,#fff,#93bfef08)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.monthly-icon{background:linear-gradient(135deg,var(--color-tufts-blue) 0%,var(--color-cobalt-blue) 100%)}.total-icon{background:linear-gradient(135deg,var(--color-jordy-blue) 0%,var(--color-tufts-blue) 100%)}.card-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#468be61a;color:var(--color-tufts-blue)}.total-badge{background:#93bfef26;color:var(--color-cobalt-blue)}.card-stats{margin-bottom:16px}.primary-stat{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.primary-stat .stat-number{font-size:36px;font-weight:800;color:var(--color-cool-black);line-height:1}.primary-stat .stat-label{font-size:16px;color:var(--color-cool-black);opacity:.7;font-weight:500}.time-saved{display:flex;align-items:baseline;gap:6px;padding:8px 12px;background:#468be614;border-radius:8px;border-left:3px solid var(--color-tufts-blue)}.time-number{font-size:20px;font-weight:700;color:var(--color-tufts-blue);line-height:1}.time-label{font-size:14px;color:var(--color-tufts-blue);font-weight:500}.card-insight{font-size:14px;color:var(--color-cool-black);opacity:.8;font-style:italic;line-height:1.4}.savings-summary{background:linear-gradient(135deg,var(--color-tufts-blue) 0%,var(--color-cobalt-blue) 100%);border-radius:16px;padding:24px;position:relative;z-index:1;box-shadow:0 4px 20px #468be633}.summary-content{display:flex;align-items:center;gap:20px}.summary-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.summary-text{flex:1;color:#fff}.summary-text strong{display:block;font-size:18px;font-weight:700;margin-bottom:4px;line-height:1.3}.summary-text span{font-size:14px;opacity:.9;line-height:1.4}.bottom-section{display:grid;grid-template-columns:1fr;gap:24px}.analytics-card,.plan-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:24px}.analytics-card h3,.plan-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.analytics-stats{display:flex;gap:32px}.stat-number{font-size:32px;font-weight:700;color:var(--primary-color);line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.plan-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px}.plan-free{background:var(--bg-tertiary);color:var(--text-secondary)}.plan-pro{background:var(--primary-light);color:var(--primary-color)}.plan-business{background:var(--success-light);color:var(--success-color)}.usage-bar{margin-bottom:20px}.usage-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.usage-progress{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-light) 100%);border-radius:4px;transition:width .4s ease-out}.btn-upgrade{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn{padding:12px 24px;border-radius:12px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease-out;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:var(--primary-color);color:var(--text-on-primary)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-light)}.btn-text{background:none;color:var(--text-secondary);padding:12px 16px}.btn-text:hover{color:var(--text-primary);background:var(--bg-secondary)}.btn.large{padding:16px 32px;font-size:18px;font-weight:600}.btn-logout{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:10px 16px;font-size:14px;white-space:nowrap;flex-shrink:0}.btn-logout:hover{background:#ef444426;border-color:#ef44444d;color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (max-width: 768px){.header-container{padding:0 16px;gap:16px}.header-left{min-width:0}.app-title{font-size:24px}.app-subtitle{font-size:14px}.btn-logout{padding:8px 12px;font-size:13px;max-width:100px;min-width:80px}.btn-logout svg{width:16px;height:16px}.dashboard-container{padding:24px 16px;gap:24px}.forwarding-section{padding:24px}.forwarding-header{flex-direction:column;align-items:flex-start;gap:12px}.forwarding-title{font-size:20px}.forwarding-address{flex-direction:column;align-items:stretch;gap:16px;text-align:center}.address-text{font-size:18px;word-break:break-all}.copy-btn{justify-content:center}.section-header{flex-direction:column;align-items:stretch;gap:16px}.section-header .btn{max-width:none;width:100%}.email-card{flex-direction:column;align-items:stretch;gap:16px;text-align:center}.email-stats{justify-content:center}.time-savings-section{padding:24px}.savings-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.savings-title{font-size:20px}.savings-cards{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.savings-card{padding:20px}.primary-stat .stat-number{font-size:28px}.time-number{font-size:18px}.summary-content{flex-direction:column;align-items:flex-start;gap:16px;text-align:left}.summary-text strong{font-size:16px}.bottom-section{grid-template-columns:1fr}.analytics-stats{justify-content:center}.btn:not(.btn-logout){width:100%;justify-content:center}}@media (max-width: 480px){.header-container{gap:12px}.app-title{font-size:20px}.app-subtitle{font-size:13px;line-height:1.3}.btn-logout{padding:6px 10px;font-size:12px;max-width:80px;min-width:70px}.btn-logout svg{width:14px;height:14px}.forwarding-title{font-size:18px}.address-text{font-size:16px}.stat-number{font-size:24px}.savings-title{font-size:18px}.savings-description{font-size:14px}.primary-stat .stat-number{font-size:24px}.time-number{font-size:16px}.summary-text strong{font-size:15px}.summary-text span{font-size:13px}}[data-theme=dark] .time-savings-section{background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(147,191,239,.05) 100%);border-color:var(--border-color)}[data-theme=dark] .time-savings-section:before{background:radial-gradient(circle,rgba(147,191,239,.04) 0%,rgba(147,191,239,.01) 70%,transparent 100%)}[data-theme=dark] .time-savings-section:after{background:radial-gradient(circle,rgba(147,191,239,.03) 0%,rgba(147,191,239,.005) 60%,transparent 100%)}[data-theme=dark] .savings-title{color:var(--text-primary)}[data-theme=dark] .savings-description{color:var(--text-secondary)}[data-theme=dark] .savings-card{background:var(--bg-surface);border-color:var(--border-color)}[data-theme=dark] .savings-card:hover{box-shadow:0 8px 32px #0000004d;border-color:var(--primary-color)}[data-theme=dark] .monthly-card{background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(147,191,239,.02) 100%)}[data-theme=dark] .total-card{background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(147,191,239,.03) 100%)}[data-theme=dark] .card-badge{background:#93bfef26;color:var(--primary-color)}[data-theme=dark] .total-badge{background:#93bfef33;color:var(--primary-color)}[data-theme=dark] .primary-stat .stat-number{color:var(--text-primary)}[data-theme=dark] .primary-stat .stat-label{color:var(--text-secondary)}[data-theme=dark] .time-saved{background:#93bfef1a;border-left-color:var(--primary-color)}[data-theme=dark] .time-number,[data-theme=dark] .time-label{color:var(--primary-color)}[data-theme=dark] .card-insight{color:var(--text-muted)}[data-theme=dark] .savings-summary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.empty-state{text-align:center;padding:60px 40px;background:var(--bg-secondary);border-radius:20px;border:2px dashed var(--border-color);margin-bottom:40px;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light),var(--primary-color));background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:-200% 0}50%{background-position:200% 0}}.empty-icon{margin-bottom:32px;display:flex;justify-content:center;align-items:center}.empty-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 16px;line-height:1.3}.empty-description{font-size:18px;color:var(--text-secondary);line-height:1.6;max-width:500px;margin:0 auto 40px}.empty-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px}.no-emails-state .empty-actions,.no-emails-state .empty-actions .btn-primary,.no-forwards-state .empty-actions,.no-forwards-state .empty-actions .btn-primary,.no-forwards-state .empty-actions .btn-secondary{width:100%}.no-emails-state{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--primary-light) 1%,var(--bg-secondary) 2%);border-color:var(--primary-light)}.forward-magic{padding:20px}.email-flow{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.email-icon{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);transition:all .3s ease}.email-icon.to{color:var(--primary-color)}.email-icon.to .help-email{font-size:12px;font-weight:600;color:var(--primary-color);background:var(--primary-light);padding:4px 8px;border-radius:8px;margin-bottom:4px}.forward-arrow{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.how-it-works{background:var(--bg-primary);border-radius:16px;padding:24px;margin:32px 0;border:1px solid var(--border-color)}.step{display:flex;align-items:center;gap:12px;margin:12px 0;text-align:left}.step-number{width:28px;height:28px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.trust-indicators{display:flex;justify-content:center;gap:32px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.indicator{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.no-forwards-state{background:linear-gradient(135deg,var(--success-light) 2%,var(--bg-secondary) 3%);border-color:var(--success-color)}.celebration{position:relative}.success-checkmark{animation:checkmarkPop .6s ease-out}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.forward-demo{background:var(--bg-primary);border-radius:16px;padding:24px;margin:32px 0;border:1px solid var(--border-color);text-align:left}.demo-step{margin-bottom:20px}.step-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.step-label{font-size:16px;font-weight:600;color:var(--text-primary)}.step-subtitle{font-size:14px;color:var(--text-secondary)}.email-address-copy{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);padding:12px 16px;border-radius:12px;border:1px solid var(--border-color)}.email-address{font-family:Monaco,Menlo,monospace;font-size:16px;font-weight:600;color:var(--primary-color);background:none;flex:1}.copy-button{background:var(--primary-color);color:#fff;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.copy-button.copied{background:var(--success-color)}.what-happens-next h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:20px 0 12px}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;align-items:center;gap:12px}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--primary-color);flex-shrink:0}.helpful-tips{margin-top:32px}.tip-card{background:var(--info-light);border:1px solid var(--info-color);border-radius:12px;padding:16px;display:flex;gap:12px;text-align:left}.tip-icon{font-size:20px;flex-shrink:0}.tip-content{flex:1}.tip-content strong{color:var(--text-primary)}.plan-limit-state{background:linear-gradient(135deg,var(--warning-light) 2%,var(--bg-secondary) 3%);border-color:var(--warning-color)}.limit-reached .meter-container{position:relative}.meter-text{font-size:14px;font-weight:600;fill:var(--text-primary)}.usage-breakdown{display:flex;justify-content:center;gap:48px;margin:32px 0;padding:24px;background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color)}.usage-stat{text-align:center}.stat-number{display:block;font-size:32px;font-weight:700;color:var(--primary-color);line-height:1}.stat-label{font-size:14px;color:var(--text-secondary);margin-top:4px}.upgrade-benefits h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:24px 0 16px}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0 32px}.benefit{display:flex;align-items:center;gap:8px;padding:12px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);font-size:14px;color:var(--text-secondary)}.reset-info{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.reset-info p{font-size:14px;color:var(--text-secondary);margin:0}.connection-failed-state{background:linear-gradient(135deg,var(--error-light) 2%,var(--bg-secondary) 3%);border-color:var(--error-color)}.error-animation{position:relative}.error-symbol{position:relative;display:inline-block}.error-emoji{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:24px;z-index:2}.error-solutions{background:var(--bg-primary);border-radius:16px;padding:24px;margin:32px 0;border:1px solid var(--border-color);text-align:left}.error-solutions h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.solutions-list{list-style:none;padding:0;margin:0}.solution-item{display:flex;align-items:flex-start;gap:12px;margin:12px 0;font-size:14px;color:var(--text-secondary);line-height:1.5}.solution-item svg{flex-shrink:0;margin-top:2px}.help-options{margin:24px 0;padding-top:16px;border-top:1px solid var(--border-color)}.help-options p{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.error-details{margin-top:24px;text-align:left}.error-details summary{font-size:12px;color:var(--text-secondary);cursor:pointer;margin-bottom:8px}.error-details code{font-size:11px;background:var(--bg-tertiary);padding:8px;border-radius:4px;display:block;color:var(--text-secondary);word-break:break-all}.webhook-setup-state{background:linear-gradient(135deg,var(--info-light) 2%,var(--bg-secondary) 3%);border-color:var(--info-color)}.advanced-feature{padding:20px}.webhook-diagram{background:var(--bg-primary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.webhook-flow{display:flex;align-items:center;justify-content:center;gap:16px}.flow-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.flow-icon{font-size:20px}.flow-item span{font-size:12px;font-weight:500;color:var(--text-secondary)}.flow-arrow{font-size:18px;color:var(--primary-color);font-weight:700}.webhook-benefits{background:var(--bg-primary);border-radius:16px;padding:24px;margin:32px 0;border:1px solid var(--border-color);text-align:left}.webhook-benefits h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.benefits-list{display:flex;flex-direction:column;gap:16px}.benefit-item{display:flex;gap:16px;align-items:flex-start}.benefit-icon{font-size:24px;flex-shrink:0}.benefit-text strong{font-size:14px;font-weight:600;color:var(--text-primary);display:block;margin-bottom:4px}.benefit-text p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.webhook-form{background:var(--bg-primary);border-radius:16px;padding:24px;margin:32px 0;border:1px solid var(--border-color);text-align:left}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.input-group{position:relative;display:flex;align-items:center}.webhook-input{width:100%;padding:12px 40px 12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);transition:all .2s ease}.webhook-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.webhook-input.valid{border-color:var(--success-color)}.input-status{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.input-help{font-size:12px;color:var(--text-secondary);margin:8px 0 0;line-height:1.4}.skip-option{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.webhook-security{margin-top:24px}.security-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);background:var(--info-light);padding:12px;border-radius:8px;border:1px solid var(--info-color)}.btn{padding:12px 24px;border-radius:12px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease-out;display:inline-flex;align-items:center;gap:8px;text-decoration:none;justify-content:center;min-height:48px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-light);transform:translateY(-1px)}.btn-text{background:none;color:var(--text-secondary);padding:8px 16px;font-size:14px;min-height:auto}.btn-text:hover{color:var(--primary-color);background:var(--bg-tertiary)}.btn-text.small{font-size:12px;padding:6px 12px}.btn.large{padding:16px 32px;font-size:18px;font-weight:600;min-height:56px}@media (max-width: 768px){.empty-state{padding:40px 24px}.empty-title{font-size:24px}.empty-description{font-size:16px}.email-flow{flex-direction:column;gap:16px}.forward-arrow{transform:rotate(90deg)}.how-it-works{padding:20px}.trust-indicators{flex-direction:column;gap:16px}.usage-breakdown{gap:24px}.benefits-grid{grid-template-columns:1fr}.webhook-flow{flex-direction:column;gap:12px}.flow-arrow{transform:rotate(90deg)}.benefits-list{gap:12px}.btn,.empty-actions{width:100%}}@media (max-width: 480px){.empty-state{padding:32px 16px}.empty-title{font-size:20px}.empty-description{font-size:14px}.btn.large{padding:14px 24px;font-size:16px;min-height:48px}.email-address-copy{flex-direction:column;align-items:stretch;gap:8px}.webhook-input{font-size:16px}}@media (prefers-color-scheme: dark){.empty-state{border-color:#93bfef4d}.email-address{color:var(--primary-light)}.meter-text{fill:var(--text-primary)}}.product-tour-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none}.tour-backdrop{position:absolute;inset:0;background:#000000bf;transition:all .3s ease}.tour-backdrop.with-spotlight{background:radial-gradient(ellipse at var(--spotlight-x, 50%) var(--spotlight-y, 50%),transparent 0,transparent calc(var(--spotlight-width, 200px) / 2),rgba(0,0,0,.75) calc(var(--spotlight-width, 200px) / 2 + 20px))}.pulse-indicator{position:absolute;top:var(--spotlight-y, 50%);left:var(--spotlight-x, 50%);width:var(--spotlight-width, 200px);height:var(--spotlight-height, 100px);border:3px solid var(--primary-color);border-radius:8px;pointer-events:none;animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.tour-tooltip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;min-width:320px;padding:0;pointer-events:auto;z-index:1001;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.tour-tooltip.animating{opacity:.7;transform:scale(.95)}.tour-progress{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0;margin-bottom:8px}.progress-dots{display:flex;gap:8px}.progress-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--bg-tertiary);cursor:pointer;transition:all .2s ease;padding:0}.progress-dot:hover{background:var(--text-tertiary);transform:scale(1.2)}.progress-dot.active{background:var(--primary-color)}.progress-dot.current{background:var(--primary-color);transform:scale(1.4);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.step-counter{font-size:12px;color:var(--text-tertiary);font-weight:500}.tooltip-content{padding:0 20px 20px}.tooltip-illustration{margin-bottom:20px;display:flex;justify-content:center}.welcome-illustration{padding:20px}.email-flow-animation{display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap}.email-item,.ai-processor,.perfect-response{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color);min-width:100px;text-align:center}.email-item span,.ai-processor span,.perfect-response span{font-size:12px;font-weight:600;color:var(--text-secondary)}.ai-processor{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border-color:var(--primary-color);color:#fff}.ai-processor span{color:#fff}.ai-icon{font-size:24px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.perfect-response{border-color:var(--success-color);background:var(--success-light)}.flow-arrow svg{color:var(--primary-color);animation:slide 2s infinite}@keyframes slide{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.tooltip-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 12px;line-height:1.3}.tooltip-description{font-size:15px;color:var(--text-secondary);line-height:1.5;margin:0 0 20px}.connection-preview{margin:16px 0}.email-input-preview{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:8px;font-family:var(--font-mono);font-size:14px;color:var(--text-primary)}.email-input-preview svg{color:var(--primary-color)}.tooltip-actions{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 20px;border-top:1px solid var(--border-color);gap:12px}.primary-actions{display:flex;align-items:center;gap:12px}.tooltip-actions .btn{padding:8px 16px;font-size:14px;font-weight:600;border-radius:8px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.tooltip-actions .btn:hover{transform:translateY(-1px)}.tooltip-actions .btn-primary{background:var(--primary-color);color:#fff;border:none}.tooltip-actions .btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.tooltip-actions .btn-text{background:transparent;color:var(--text-tertiary);border:none}.tooltip-actions .btn-text:hover{color:var(--text-primary);background:var(--bg-secondary)}.tooltip-arrow{position:absolute;width:12px;height:12px;background:var(--bg-primary);border:1px solid var(--border-color);transform:rotate(45deg)}.tooltip-arrow.arrow-top{bottom:-7px;left:50%;margin-left:-6px;border-bottom:none;border-left:none}.tooltip-arrow.arrow-bottom{top:-7px;left:50%;margin-left:-6px;border-top:none;border-right:none}.tooltip-arrow.arrow-left{right:-7px;top:50%;margin-top:-6px;border-right:none;border-bottom:none}.tooltip-arrow.arrow-right{left:-7px;top:50%;margin-top:-6px;border-left:none;border-top:none}.keyboard-hints{position:fixed;bottom:20px;right:20px;display:flex;gap:16px;pointer-events:auto;z-index:1002}.hint-item{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#000c;border-radius:8px;font-size:12px;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hint-item kbd{padding:2px 6px;background:#fff3;border-radius:4px;font-size:11px;font-family:var(--font-mono);border:1px solid rgba(255,255,255,.3)}@media (max-width: 768px){.tour-tooltip{max-width:calc(100vw - 32px);min-width:auto;margin:16px}.email-flow-animation{flex-direction:column;gap:8px}.flow-arrow{transform:rotate(90deg)}.keyboard-hints{display:none}.tooltip-actions{flex-direction:column;align-items:stretch}.primary-actions{justify-content:center}}@media (max-width: 480px){.tour-tooltip{margin:8px}.tooltip-content{padding:0 16px 16px}.tour-progress{padding:12px 16px 0}.tooltip-actions{padding:12px 16px 16px}.tooltip-title{font-size:18px}.tooltip-description{font-size:14px}}@media (prefers-color-scheme: dark){.tour-backdrop{background:#000000d9}.tour-backdrop.with-spotlight{background:radial-gradient(ellipse at var(--spotlight-x, 50%) var(--spotlight-y, 50%),transparent 0,transparent calc(var(--spotlight-width, 200px) / 2),rgba(0,0,0,.85) calc(var(--spotlight-width, 200px) / 2 + 20px))}.tour-tooltip{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}}@media (prefers-reduced-motion: reduce){.pulse-indicator,.ai-icon,.flow-arrow svg{animation:none}.tour-tooltip{transition:opacity .2s ease}.progress-dot,.tooltip-actions .btn{transition:none}}.contextual-tooltips{position:fixed;inset:0;pointer-events:none;z-index:500}.tooltip{position:fixed;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:280px;min-width:240px;padding:0;pointer-events:auto;z-index:501;animation:tooltipFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(var(--tooltip-offset-x, 0),var(--tooltip-offset-y, -10px)) scale(.95)}to{opacity:1;transform:translate(var(--tooltip-offset-x, 0),var(--tooltip-offset-y, 0)) scale(1)}}.tooltip.priority-high{border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 1px var(--primary-color)}.tooltip.priority-medium{border-color:var(--warning-color)}.tooltip.priority-low{opacity:.95}.tooltip-content{padding:16px}.tooltip-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.tooltip-icon{font-size:20px;line-height:1;margin-top:2px}.tooltip-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;flex-grow:1;line-height:1.3}.tooltip-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:auto;flex-shrink:0}.tooltip-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.tooltip-text{font-size:13px;color:var(--text-secondary);line-height:1.4;margin:0 0 12px}.tooltip-actions{display:flex;gap:8px;margin-bottom:8px}.tooltip-action{padding:6px 12px;font-size:12px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.tooltip-action.btn-primary{background:var(--primary-color);color:#fff}.tooltip-action.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.tooltip-action.btn-text{background:transparent;color:var(--text-tertiary)}.tooltip-action.btn-text:hover{color:var(--text-primary);background:var(--bg-secondary)}.tooltip-dismiss{border-top:1px solid var(--border-color);margin:12px -16px -16px;padding:12px 16px;background:var(--bg-secondary);border-radius:0 0 12px 12px}.dismiss-all{background:none;border:none;color:var(--text-tertiary);font-size:11px;cursor:pointer;padding:0;text-decoration:underline;text-decoration-style:dotted}.dismiss-all:hover{color:var(--text-secondary);text-decoration-style:solid}.tooltip-arrow{position:absolute;width:10px;height:10px;background:var(--bg-primary);border:1px solid var(--border-color);transform:rotate(45deg);z-index:-1}.tooltip-top .tooltip-arrow.arrow-top{bottom:-6px;left:50%;margin-left:-5px;border-bottom:none;border-left:none}.tooltip-bottom .tooltip-arrow.arrow-bottom{top:-6px;left:50%;margin-left:-5px;border-top:none;border-right:none}.tooltip-left .tooltip-arrow.arrow-left{right:-6px;top:50%;margin-top:-5px;border-right:none;border-bottom:none}.tooltip-right .tooltip-arrow.arrow-right{left:-6px;top:50%;margin-top:-5px;border-left:none;border-top:none}.tooltip-wrapper{position:relative;display:inline-block}.manual-tooltip{position:absolute;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:8px 12px;font-size:12px;color:var(--text-secondary);white-space:nowrap;z-index:1000;animation:tooltipFadeIn .2s ease}.manual-tooltip.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.manual-tooltip.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.manual-tooltip.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.manual-tooltip.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.manual-tooltip .tooltip-content{padding:0}.manual-tooltip .tooltip-title{font-size:11px;font-weight:600;margin-bottom:4px}.manual-tooltip .tooltip-text{font-size:11px;margin:0;line-height:1.3}.manual-tooltip .tooltip-arrow{width:6px;height:6px}.manual-tooltip.tooltip-top .tooltip-arrow{top:100%;left:50%;margin-left:-3px;border-bottom:none;border-left:none}.manual-tooltip.tooltip-bottom .tooltip-arrow{bottom:100%;left:50%;margin-left:-3px;border-top:none;border-right:none}.manual-tooltip.tooltip-left .tooltip-arrow{left:100%;top:50%;margin-top:-3px;border-right:none;border-bottom:none}.manual-tooltip.tooltip-right .tooltip-arrow{right:100%;top:50%;margin-top:-3px;border-left:none;border-top:none}@media (max-width: 768px){.tooltip{max-width:calc(100vw - 32px);min-width:auto}.tooltip-content{padding:12px}.tooltip-text{font-size:12px}.tooltip-actions{flex-direction:column}.tooltip-action{width:100%;justify-content:center}.manual-tooltip{white-space:normal;max-width:200px}}@media (max-width: 480px){.tooltip{margin:8px}.tooltip-content{padding:10px}.tooltip-title{font-size:13px}.tooltip-text{font-size:11px}}@media (prefers-contrast: high){.tooltip{border-width:2px}.tooltip-close:hover{background:var(--text-primary);color:var(--bg-primary)}}@media (prefers-reduced-motion: reduce){.tooltip{animation:none}.tooltip-action,.tooltip-close{transition:none}}@media (prefers-color-scheme: dark){.tooltip{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.manual-tooltip{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}}.tooltip:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.tooltip-close:focus{outline:2px solid var(--primary-color);outline-offset:1px;border-radius:4px}@media print{.contextual-tooltips,.manual-tooltip{display:none}}.first-forward-guide{position:fixed;inset:0;z-index:800;display:flex;align-items:center;justify-content:center}.guide-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guide-container{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff0d;max-width:500px;width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow:hidden;animation:guideSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes guideSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.guide-container.minimized{position:fixed;inset:auto 20px 20px auto;max-width:280px;width:auto;max-height:auto;height:auto;border-radius:12px;animation:guideMinimize .3s ease}@keyframes guideMinimize{0%{max-width:500px;border-radius:20px}to{max-width:280px;border-radius:12px}}.minimized-guide{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-primary)}.minimized-content{display:flex;align-items:center;gap:10px;flex-grow:1}.guide-icon{font-size:20px}.minimized-content span{font-size:14px;font-weight:600;color:var(--text-primary)}.progress-indicator{font-size:12px;color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 8px;border-radius:12px}.minimized-actions{display:flex;gap:4px}.restore-btn,.close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.restore-btn:hover,.close-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.guide-content{display:flex;flex-direction:column;height:100%}.guide-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--border-color)}.header-left{flex-grow:1}.guide-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.step-progress{display:flex;align-items:center;gap:12px}.step-progress span{font-size:13px;color:var(--text-tertiary);font-weight:500}.progress-bar{width:100px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));border-radius:2px;transition:width .3s ease}.header-actions{display:flex;gap:4px;margin-left:16px}.minimize-btn,.close-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.minimize-btn:hover,.close-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.guide-body{flex-grow:1;padding:16px 24px;overflow-y:auto}.step-content{text-align:center}.step-description{font-size:15px;color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.step-illustration-container{margin-bottom:24px}.step-illustration{display:flex;justify-content:center;padding:20px}.step-illustration.intro .email-journey{display:flex;align-items:center;gap:16px;justify-content:center}.step-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color);min-width:90px;text-align:center}.step-item.highlight{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border-color:var(--primary-color);color:#fff;animation:stepHighlight 2s infinite}@keyframes stepHighlight{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.step-icon{font-size:24px}.step-item span{font-size:12px;font-weight:600;color:var(--text-secondary)}.step-item.highlight span{color:#fff}.arrow{font-size:20px;color:var(--primary-color);font-weight:700}.step-illustration.copy-demo .address-showcase{display:flex;flex-direction:column;align-items:center;gap:16px}.address-container{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:12px;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 rgba(var(--primary-rgb),.4)}50%{box-shadow:0 0 0 8px rgba(var(--primary-rgb),0)}}.address-text{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--text-primary)}.copy-button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.copy-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.copy-button.copied{background:var(--success-color);animation:successPulse .6s ease}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.copy-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.step-illustration.compose-demo .email-compose-mockup{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;max-width:350px;margin:0 auto}.compose-header{background:var(--bg-tertiary);padding:12px 16px;font-weight:600;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.compose-fields{padding:16px}.field{display:flex;align-items:center;gap:12px;margin-bottom:8px}.field label{font-weight:600;font-size:13px;color:var(--text-secondary);min-width:50px}.field span{font-size:13px;color:var(--text-primary)}.field .email-address{font-family:var(--font-mono);color:var(--primary-color);font-weight:600}.compose-body{padding:16px;border-top:1px solid var(--border-color);font-size:13px;color:var(--text-tertiary)}.send-button-mockup{padding:12px 16px;border-top:1px solid var(--border-color);text-align:right}.mock-send-btn{background:var(--primary-color);color:#fff;border:none;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:600;animation:mockSendPulse 2s infinite}@keyframes mockSendPulse{0%,to{opacity:1}50%{opacity:.7}}.step-illustration.waiting .response-preview{max-width:400px;margin:0 auto}.email-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:16px}.email-header{background:var(--bg-tertiary);padding:12px 16px;border-bottom:1px solid var(--border-color)}.email-header span{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:2px}.email-body{padding:16px}.response-section{margin-bottom:16px}.response-section h4{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.draft-preview{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px;font-size:12px;color:var(--text-tertiary);font-style:italic}.response-section ul{margin:0;padding-left:16px;font-size:12px;color:var(--text-secondary)}.timing-indicator{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--text-tertiary);background:var(--bg-secondary);padding:12px;border-radius:8px}.guide-actions{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);justify-content:center}.action-btn{padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.action-btn:hover{transform:translateY(-1px)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn.btn-primary{background:var(--primary-color);color:#fff}.action-btn.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.action-btn.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.action-btn.btn-secondary:hover{background:var(--bg-tertiary)}.action-btn.btn-text{background:transparent;color:var(--text-tertiary)}.action-btn.btn-text:hover{color:var(--text-primary);background:var(--bg-secondary)}.guide-help{padding:12px 24px 16px;text-align:center;font-size:11px;color:var(--text-tertiary)}.guide-help kbd{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:10px;font-family:var(--font-mono)}@media (max-width: 768px){.guide-container{max-width:calc(100vw - 16px);max-height:calc(100vh - 32px);border-radius:16px}.guide-header{padding:20px 16px 12px}.guide-body{padding:12px 16px}.guide-actions{padding:12px 16px 16px;flex-direction:column}.guide-title{font-size:18px}.step-description{font-size:14px}.email-journey{flex-direction:column;gap:8px}.arrow{transform:rotate(90deg)}.address-container{flex-direction:column;gap:8px;text-align:center}.guide-container.minimized{bottom:10px;right:10px;max-width:calc(100vw - 20px)}.minimized-content span{display:none}}@media (max-width: 480px){.guide-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{margin-left:0;align-self:flex-end}.step-progress{order:-1}.progress-bar{width:80px}}@media (prefers-color-scheme: dark){.guide-container{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}}@media (prefers-reduced-motion: reduce){.guide-container,.step-item.highlight,.address-container,.copy-button.copied,.mock-send-btn{animation:none}.action-btn{transition:none}}.success-celebration{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.confetti-container{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.celebration-backdrop{position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.celebration-content{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;max-width:480px;width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow:hidden;transform:scale(.8) translateY(20px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.celebration-content.show{transform:scale(1) translateY(0);opacity:1}.achievement-badge{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:1px solid var(--border-color)}.badge-icon{font-size:32px;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.badge-text{flex-grow:1;margin-left:16px}.badge-title{display:block;font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.2}.badge-subtitle{display:block;font-size:14px;color:var(--text-secondary);margin-top:2px}.badge-celebration{font-size:28px;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.celebration-main{padding:24px;text-align:center}.celebration-title{font-size:24px;font-weight:800;color:var(--text-primary);margin:0 0 16px;line-height:1.3;animation:slideInUp .6s ease .2s both}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.celebration-message{font-size:16px;color:var(--text-secondary);line-height:1.5;margin:0 0 24px;animation:slideInUp .6s ease .3s both}.progress-celebration{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;animation:slideInUp .6s ease .4s both}.progress-circle{position:relative}.progress-ring{animation:progressFill 1s ease .5s both}@keyframes progressFill{0%{stroke-dashoffset:157}to{stroke-dashoffset:0}}.progress-text{font-size:20px;font-weight:700}.progress-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.next-steps{text-align:left;background:var(--bg-secondary);border-radius:16px;padding:20px;margin-bottom:24px;animation:slideInUp .6s ease .5s both}.next-steps h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.next-steps ul{list-style:none;margin:0;padding:0}.next-steps li{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.next-steps li:last-child{margin-bottom:0}.step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.step-text{font-size:14px;color:var(--text-secondary);line-height:1.4;margin-top:2px}.celebration-actions{display:flex;gap:12px;padding:0 24px 24px;justify-content:center;animation:slideInUp .6s ease .6s both}.share-btn,.continue-btn{padding:12px 24px;font-size:14px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.share-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.share-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.continue-btn{background:var(--primary-color);color:#fff}.continue-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.quick-stats{display:flex;justify-content:space-around;padding:16px 0;margin:16px 24px 0;border-top:1px solid var(--border-color);animation:slideInUp .6s ease .7s both}.stat-number{display:block;font-size:20px;font-weight:800;color:var(--primary-color);line-height:1.2}.stat-label{display:block;font-size:11px;color:var(--text-tertiary);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.close-celebration{position:absolute;top:16px;right:16px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-celebration:hover{background:var(--bg-tertiary);color:var(--text-primary)}.success-toast{position:fixed;top:20px;right:20px;z-index:1100;animation:toastSlideIn .3s ease}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;gap:12px;background:var(--success-color);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:600}.toast-icon{font-size:16px}.toast-message{white-space:nowrap}@media (max-width: 768px){.celebration-content{max-width:calc(100vw - 16px);border-radius:20px;max-height:calc(100vh - 32px);overflow-y:auto}.achievement-badge{padding:16px 20px}.badge-icon{font-size:28px}.badge-title{font-size:16px}.badge-celebration{font-size:24px}.celebration-main{padding:20px}.celebration-title{font-size:20px}.celebration-message{font-size:15px}.next-steps{padding:16px}.celebration-actions{flex-direction:column;padding:0 20px 20px}.share-btn,.continue-btn{justify-content:center}.quick-stats{margin:16px 20px 0}.stat-number{font-size:18px}.stat-label{font-size:10px}.success-toast{top:10px;right:10px;left:10px}.toast-content{justify-content:center}}@media (max-width: 480px){.celebration-content{border-radius:16px}.achievement-badge{flex-direction:column;text-align:center;gap:12px}.badge-text{margin-left:0}.celebration-title{font-size:18px}.celebration-message{font-size:14px}.next-steps{padding:14px}.next-steps h3{font-size:15px}.step-text{font-size:13px}.quick-stats{flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-number{font-size:16px}}@media (prefers-contrast: high){.celebration-content{border-width:2px}.step-number{border:2px solid white}.close-celebration{border-width:2px}}@media (prefers-reduced-motion: reduce){.celebration-content{transition:opacity .2s ease}.badge-icon,.badge-celebration,.celebration-title,.celebration-message,.progress-celebration,.next-steps,.celebration-actions,.quick-stats{animation:none}.confetti-piece{animation:none;display:none}.progress-ring{animation:none}.share-btn,.continue-btn,.close-celebration{transition:none}}@media (prefers-color-scheme: dark){.celebration-content{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}.achievement-badge{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary))}}@media print{.success-celebration,.success-toast{display:none}}.progressive-help{position:fixed;z-index:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.progressive-help.bottom-right{bottom:20px;right:20px}.progressive-help.bottom-left{bottom:20px;left:20px}.progressive-help.top-right{top:80px;right:20px}.progressive-help.top-left{top:80px;left:20px}.help-bubble{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:320px;overflow:hidden;animation:helpSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes helpSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.help-collapsed{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;min-width:200px}.help-collapsed:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 12px 20px -3px #00000026,0 6px 8px -2px #00000014}.help-indicator{position:relative;display:flex;align-items:center;justify-content:center}.help-icon-small{font-size:20px;z-index:1;position:relative}.help-pulse{position:absolute;top:50%;left:50%;width:32px;height:32px;background:var(--primary-color);border-radius:50%;transform:translate(-50%,-50%);opacity:.3;animation:helpPulse 2s infinite}@keyframes helpPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.1}}.help-preview{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3;flex-grow:1}.help-expanded{padding:0;min-width:300px}.help-header{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;border-bottom:1px solid var(--border-color)}.help-icon{font-size:20px}.help-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;flex-grow:1;line-height:1.3}.collapse-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.collapse-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.help-content{padding:16px;font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.help-actions{display:flex;gap:8px;padding:0 16px 12px;flex-wrap:wrap}.help-action{padding:8px 16px;font-size:13px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;flex:1;min-width:100px}.help-action.btn-primary{background:var(--primary-color);color:#fff}.help-action.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.help-action.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.help-action.btn-secondary:hover{background:var(--bg-tertiary)}.help-action.btn-text{background:transparent;color:var(--text-tertiary)}.help-action.btn-text:hover{color:var(--text-primary);background:var(--bg-secondary)}.dismiss-help{background:none;border:none;color:var(--text-tertiary);font-size:11px;cursor:pointer;padding:8px 16px 12px;text-decoration:underline;text-decoration-style:dotted;width:100%;text-align:center}.dismiss-help:hover{color:var(--text-secondary);text-decoration-style:solid}.help-feedback{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--success-color);color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #00000026;z-index:1200;animation:feedbackSlideIn .3s ease}@keyframes feedbackSlideIn{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.help-examples-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff0d;max-width:500px;width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{color:var(--text-primary);background:var(--bg-secondary)}.modal-body{padding:20px 24px 24px;overflow-y:auto;max-height:calc(100vh - 200px)}.examples-intro{font-size:15px;color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.example-category{margin-bottom:20px}.example-category h4{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.category-icon{font-size:18px}.example-category ul{list-style:none;margin:0;padding:0}.example-category li{padding:8px 12px;background:var(--bg-secondary);border-radius:8px;margin-bottom:6px;font-size:14px;color:var(--text-secondary);border-left:3px solid var(--primary-color)}.example-category li:last-child{margin-bottom:0}.examples-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.examples-footer p{font-size:14px;color:var(--text-secondary);text-align:center;margin:0}.examples-footer strong{color:var(--primary-color);font-family:var(--font-mono)}@media (max-width: 768px){.progressive-help.bottom-right,.progressive-help.bottom-left{bottom:10px;left:10px;right:10px}.progressive-help.top-right,.progressive-help.top-left{top:70px;left:10px;right:10px}.help-bubble{max-width:none}.help-collapsed{min-width:auto;justify-content:center}.help-expanded{min-width:auto}.help-actions{flex-direction:column;gap:6px}.help-action{flex:none;min-width:auto}.modal-content{max-width:calc(100vw - 16px);border-radius:12px}.modal-header{padding:16px 20px 12px}.modal-body{padding:16px 20px 20px}.modal-header h3{font-size:18px}}@media (max-width: 480px){.progressive-help{bottom:10px;left:10px;right:10px}.help-collapsed{padding:10px 12px;flex-direction:column;text-align:center;gap:8px}.help-preview{font-size:13px}.help-header{padding:12px 16px 8px}.help-content{padding:12px 16px;font-size:13px}.help-actions{padding:0 16px 10px}.help-title{font-size:15px}.modal-header{padding:14px 16px 10px}.modal-body{padding:14px 16px 16px}.examples-intro{font-size:14px}.example-category h4{font-size:15px}.example-category li{font-size:13px;padding:6px 10px}}.help-bubble:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.help-action:focus,.collapse-btn:focus,.dismiss-help:focus,.modal-close:focus{outline:2px solid var(--primary-color);outline-offset:1px}@media (prefers-contrast: high){.help-bubble{border-width:2px}.help-action.btn-primary{border:2px solid white}.help-action.btn-secondary{border-width:2px}}@media (prefers-reduced-motion: reduce){.help-bubble,.help-pulse{animation:none}.help-collapsed,.help-action,.collapse-btn,.modal-close{transition:none}.modal-content,.help-feedback{animation:none}}@media (prefers-color-scheme: dark){.help-bubble{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.modal-content{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}}.plan-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s ease;position:relative}.plan-card:hover{box-shadow:0 8px 32px #468be626;border-color:var(--primary-color)}.plan-card.current-plan{border:2px solid var(--primary-color);box-shadow:0 4px 24px #468be61f}.plan-card.current-plan:before{content:"Current Plan";position:absolute;top:-10px;left:20px;background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.plan-name{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.plan-price{display:flex;align-items:baseline;gap:4px;margin:4px 0 0}.plan-price-amount{font-size:28px;font-weight:800;color:var(--primary-color)}.plan-price-period{font-size:14px;color:var(--text-secondary);font-weight:500}.plan-annual-price{margin-top:8px;padding:8px 0;border-top:1px dashed var(--border-color);display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}.annual-price-badge{background:#dcfce7;color:#16a34a;padding:2px 8px;border-radius:8px;font-size:12px;font-weight:600}.annual-price-text{color:var(--text-primary);font-weight:600}.annual-price-monthly{color:var(--text-secondary);font-size:13px}.plan-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-badge.plan-free{background:#f0f9ff;color:#0369a1;border:1px solid #E0F2FE}.plan-badge.plan-solo{background:#fef3c7;color:#d97706;border:1px solid #FDE68A}.plan-badge.plan-pro{background:#dcfce7;color:#166534;border:1px solid #BBF7D0}.plan-badge.plan-enterprise{background:#f3e8ff;color:#7c3aed;border:1px solid #E9D5FF}.plan-badge.clickable{cursor:pointer;transition:all .2s ease}.plan-badge.clickable:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.plan-features{margin:20px 0}.plan-features-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.plan-features-list{list-style:none;padding:0;margin:0}.plan-feature{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:var(--text-secondary)}.plan-feature-icon{width:16px;height:16px;flex-shrink:0}.plan-feature-icon.included{color:#22c55e}.plan-feature-icon.not-included{color:var(--text-tertiary)}.plan-usage{background:var(--bg-secondary);border-radius:12px;padding:16px;margin:16px 0}.plan-usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.plan-usage-title{font-size:14px;font-weight:600;color:var(--text-primary)}.plan-usage-current{font-size:12px;color:var(--text-secondary)}.plan-usage-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin:8px 0}.plan-usage-fill{height:100%;background:var(--primary-color);border-radius:4px;transition:width .3s ease}.plan-usage-fill.warning{background:#f59e0b}.plan-usage-fill.danger{background:#ef4444}.plan-actions{display:flex;gap:8px;margin-top:20px}.plan-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.plan-btn:disabled{opacity:.5;cursor:not-allowed}.plan-btn-primary{background:var(--primary-color);color:#fff}.plan-btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.plan-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.plan-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-color)}.plan-btn-outline{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.plan-btn-outline:hover:not(:disabled){background:var(--primary-color);color:#fff}.plan-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:24px 0}.plan-comparison.featured-layout{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plan-comparison.modal-layout{grid-template-columns:repeat(3,1fr);gap:16px;max-width:100%}.plan-comparison-card.featured{transform:scale(1.05);border:2px solid var(--primary-color);box-shadow:0 8px 32px #468be633;position:relative;z-index:2}.plan-comparison-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:6px 16px;border-radius:14px;font-size:12px;font-weight:600}.usage-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #F59E0B;border-radius:12px;padding:16px;margin:16px 0;display:flex;align-items:flex-start;gap:12px}.usage-warning.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.usage-warning-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.usage-warning-content{flex:1}.usage-warning-title{font-size:14px;font-weight:600;color:#92400e;margin:0 0 4px}.usage-warning.danger .usage-warning-title{color:#b91c1c}.usage-warning-message{font-size:13px;color:#a16207;margin:0 0 8px;line-height:1.4}.usage-warning.danger .usage-warning-message{color:#991b1b}.usage-warning-actions{display:flex;gap:8px}.usage-warning-btn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.usage-warning-btn.primary{background:#f59e0b;color:#fff}.usage-warning-btn.primary:hover{background:#d97706}.usage-warning.danger .usage-warning-btn.primary{background:#ef4444}.usage-warning.danger .usage-warning-btn.primary:hover{background:#dc2626}.usage-warning-btn.secondary{background:transparent;color:#92400e;border:1px solid #F59E0B}.usage-warning-btn.secondary:hover{background:#f59e0b1a}.usage-warning.danger .usage-warning-btn.secondary{color:#b91c1c;border-color:#ef4444}.usage-warning.danger .usage-warning-btn.secondary:hover{background:#ef44441a}.plan-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.plan-modal{background:var(--bg-surface);border-radius:20px;padding:32px;max-width:1100px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease-out}.plan-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.plan-modal-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.plan-modal-close{width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.plan-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.plan-modal-body{padding:0}.billing-info{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:24px}.billing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.billing-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.billing-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.billing-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.billing-section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.billing-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.billing-detail-label{color:var(--text-secondary)}.billing-detail-value{color:var(--text-primary);font-weight:500}@media (max-width: 1024px){.plan-comparison.modal-layout{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.plan-comparison,.plan-comparison.modal-layout{grid-template-columns:1fr}.plan-comparison-card.featured{transform:none}.plan-modal{margin:10px;padding:24px;max-height:calc(100vh - 20px)}.plan-actions,.usage-warning-actions{flex-direction:column}}.text-center{text-align:center}.text-success{color:#22c55e}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.email-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden}.email-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.email-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-tufts-blue),var(--color-jordy-blue));opacity:0;transition:opacity .3s ease}.email-card:hover:before{opacity:1}.email-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}.email-card-info{flex:1;min-width:0}.email-card-email{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;word-break:break-all}.email-card-persona{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.email-card-persona-icon{width:16px;height:16px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:600}.email-card-actions{display:flex;gap:8px;flex-shrink:0}.email-card-action-btn{width:32px;height:32px;border:none;border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:14px}.email-card-action-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.email-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.analytics-badge{background:var(--bg-secondary);border-radius:12px;padding:16px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.analytics-badge:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-color)20,transparent);opacity:0;transition:opacity .3s ease}.analytics-badge:hover:before{opacity:1}.analytics-badge-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:4px;position:relative;z-index:1}.analytics-badge-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.analytics-badge.analytics-badge-primary .analytics-badge-value{color:var(--primary-color)}.analytics-badge.analytics-badge-success .analytics-badge-value{color:var(--success-color)}.analytics-badge.analytics-badge-warning .analytics-badge-value{color:var(--warning-color)}.plan-usage-indicator{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:24px}.plan-usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.plan-usage-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.plan-usage-upgrade{font-size:.875rem;color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.plan-usage-upgrade:hover{color:var(--primary-dark)}.plan-usage-bar-container{margin-bottom:12px}.plan-usage-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;position:relative}.plan-usage-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--color-jordy-blue));border-radius:4px;transition:width .6s ease;position:relative}.plan-usage-bar-fill.plan-usage-warning{background:linear-gradient(90deg,var(--warning-color),#FCD34D)}.plan-usage-bar-fill.plan-usage-danger{background:linear-gradient(90deg,var(--error-color),#FCA5A5)}.plan-usage-text{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.plan-usage-current{color:var(--text-primary);font-weight:600}.plan-usage-limit{color:var(--text-secondary)}.email-list-container{margin-top:24px}.email-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.email-list-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.email-list-actions{display:flex;gap:12px;align-items:center}.email-list-search{position:relative;min-width:200px}.email-list-search input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .3s ease}.email-list-search input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.email-list-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:16px}.email-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:32px}.email-list-empty{text-align:center;padding:80px 24px;color:var(--text-secondary)}.email-list-empty-icon{font-size:4rem;color:var(--primary-color);margin-bottom:16px;opacity:.5}.email-list-empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.email-list-empty-description{font-size:.875rem;margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:modalFadeIn .3s ease;overflow-y:auto}.modal-content{background:var(--bg-primary);border-radius:20px;width:100%;max-width:500px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:modalSlideIn .3s ease;margin:auto;position:relative;overflow:hidden}.modal-header{padding:32px 32px 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-close{width:40px;height:40px;border:none;background:var(--bg-secondary);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.modal-close:hover{background:var(--error-color);color:#fff;transform:scale(1.1)}.modal-body{padding:32px;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.modal-body{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.form-group{margin-bottom:20px;width:100%;position:relative}.form-group:has(.persona-input-container){overflow:visible}.persona-input-container{position:relative;z-index:10}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-input{width:100%;padding:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder{color:var(--text-secondary)}.form-help{font-size:.75rem;color:var(--text-secondary);margin-top:6px;line-height:1.4}.forwarding-instructions{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-top:24px}.forwarding-instructions-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.forwarding-instructions-icon{color:var(--info-color)}.forwarding-instructions-steps{list-style:none;padding:0}.forwarding-instructions-step{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px;padding-left:24px;position:relative}.forwarding-instructions-step:before{content:counter(step);counter-increment:step;position:absolute;left:0;top:0;width:18px;height:18px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.forwarding-instructions-steps{counter-reset:step}.forwarding-instructions-simple p{font-size:.875rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.forwarding-example{margin-top:16px}.example-step{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:.875rem;color:var(--text-secondary)}.step-number{width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.modal-footer{display:none}.btn{padding:12px 24px;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:44px}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.btn-icon-only{width:44px;height:44px;padding:0;border-radius:12px}.btn-sm{padding:8px 16px;font-size:.75rem;min-height:36px}.btn-lg{padding:16px 32px;font-size:1rem;min-height:52px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width: 768px){.email-list-grid{grid-template-columns:1fr;gap:16px}.email-card{padding:20px}.email-card-header{flex-direction:column;align-items:flex-start;gap:12px}.email-card-actions{align-self:flex-end}.plan-usage-indicator{padding:20px}.modal-header,.modal-body,.modal-footer{padding-left:24px;padding-right:24px}.email-list-header{flex-direction:column;align-items:stretch}.email-list-search{min-width:auto}}@media (max-width: 480px){.email-card{padding:16px;border-radius:12px}.email-card-stats{grid-template-columns:1fr;gap:12px}.analytics-badge{padding:12px}.analytics-badge-value{font-size:1.25rem}.plan-usage-indicator{padding:16px;margin-bottom:16px}.modal-content{margin:10px;border-radius:16px;max-height:calc(100vh - 20px)}.modal-header{padding:24px 20px 0}.modal-body{padding:24px 20px}.modal-footer{padding:20px;flex-direction:column;gap:10px}.btn{width:100%;justify-content:center}.email-list-actions{flex-direction:column;width:100%}.email-list-search{order:1}}.email-card-inactive{opacity:.7;background:var(--bg-secondary)}.email-card-inactive:hover{opacity:.9}.email-card-status{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.email-card-status-indicator{font-size:.875rem;color:var(--text-secondary);text-align:center;font-weight:500}.analytics-badge-clickable{cursor:pointer}.analytics-badge-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.analytics-badge-icon{font-size:1.25rem;margin-bottom:8px}.plan-usage-alert{margin-top:16px;padding:12px;border-radius:8px;background:var(--bg-secondary);border-left:4px solid var(--primary-color)}.plan-usage-alert-warning{background:var(--warning-light);border-left-color:var(--warning-color)}.plan-usage-alert-danger{background:var(--error-light);border-left-color:var(--error-color)}.plan-usage-alert-content{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-usage-alert-icon{font-size:1rem}.plan-usage-alert-text{font-size:.875rem;color:var(--text-primary);font-weight:500;flex:1}.plan-usage-alert-action{background:var(--primary-color);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.plan-usage-alert-action:hover{background:var(--primary-dark);transform:translateY(-1px)}.plan-usage-details{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.plan-usage-detail-item{display:flex;flex-direction:column;align-items:center;gap:4px}.plan-usage-detail-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.plan-usage-detail-value{font-size:.875rem;color:var(--text-primary);font-weight:600}.form-input-error{border-color:var(--error-color);background:var(--error-light)}.form-error{font-size:.75rem;color:var(--error-color);margin-top:4px;display:flex;align-items:center;gap:4px}.form-error:before{content:"⚠️";font-size:12px}.email-list-stats{margin-bottom:32px}.email-list-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.email-list-count{font-size:1rem;font-weight:400;color:var(--text-secondary);margin-left:8px}.email-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.email-list-loading-spinner{font-size:3rem;margin-bottom:16px;animation:spin 2s linear infinite}.email-list-loading-text{font-size:1.125rem;color:var(--text-secondary);font-weight:500}.plan-usage-status-success{color:var(--success-color)}.plan-usage-status-warning{color:var(--warning-color)}.plan-usage-status-danger{color:var(--error-color)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.plan-limits-info{margin-bottom:20px;padding:16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary)}.plan-limit-error{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--error-light);border:1px solid var(--error-color);border-radius:12px;margin-bottom:20px}.limit-error-content{display:flex;align-items:flex-start;gap:12px;flex:1}.limit-error-icon{font-size:20px;flex-shrink:0}.limit-error-title{font-weight:600;color:var(--error-color);font-size:14px;margin-bottom:4px}.limit-error-message{color:var(--error-color);font-size:13px;line-height:1.4}.plan-usage-status{display:flex;align-items:center;justify-content:space-between;gap:12px}.usage-text{color:var(--text-secondary);font-size:14px;font-weight:500}.usage-warning{font-size:16px;color:var(--warning-color)}.form-error-banner{background:var(--error-light);border:1px solid var(--error-color);border-radius:8px;padding:12px 16px;margin-bottom:20px;color:var(--error-color);font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.btn-upgrade-inline{background:none!important;border:none!important;color:var(--error-color)!important;text-decoration:underline!important;font-weight:600!important;padding:0!important;font-size:14px!important}.btn-upgrade-inline:hover{color:var(--primary-color)!important}.persona-input-container{position:relative}.persona-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:1000;max-height:320px;overflow-y:auto;overflow-x:hidden;margin-top:4px}.persona-dropdown::-webkit-scrollbar{width:6px}.persona-dropdown::-webkit-scrollbar-track{background:transparent}.persona-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.persona-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.persona-dropdown{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.persona-dropdown-header{padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.5px}.persona-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-light)}.persona-option:last-child{border-bottom:none}.persona-option:hover{background:var(--primary-light);transform:translate(2px)}.persona-option.persona-custom{border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.persona-option.persona-custom:hover{background:var(--primary-light)}.persona-icon{font-size:20px;flex-shrink:0;width:24px;text-align:center}.persona-info{flex:1;min-width:0}.persona-name{font-weight:500;color:var(--text-primary);font-size:14px;margin-bottom:2px}.persona-description{font-size:12px;color:var(--text-secondary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-upgrade{background:var(--primary-color)!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;transition:all .2s ease!important;white-space:nowrap!important}.btn-upgrade:hover{background:var(--primary-hover)!important;transform:translateY(-1px)!important}.btn-spinner{display:inline-block;margin-right:8px;animation:spin 1s linear infinite}.persona-input-container .form-input:focus{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:var(--border-color)}.persona-input-container .form-input:focus+.persona-dropdown{border-color:var(--color-tufts-blue, #468BE6);box-shadow:0 8px 24px #468be626}.persona-grid-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;max-width:500px;margin-left:auto;margin-right:auto}.persona-grid-selection::-webkit-scrollbar{width:6px}.persona-grid-selection::-webkit-scrollbar-track{background:transparent}.persona-grid-selection::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.persona-grid-selection::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.persona-card-option{background:#fff;border:2px solid var(--border-color, #e5e5e5);border-radius:10px;padding:12px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:120px}.persona-card-option:hover{border-color:var(--color-tufts-blue, #468BE6);transform:translateY(-2px);box-shadow:0 4px 12px #468be626}.persona-card-option.selected{border-color:var(--color-tufts-blue, #468BE6);background:#468be60d;box-shadow:0 0 0 3px #468be633}.persona-card-emoji{font-size:28px;margin-bottom:4px}.persona-card-title{font-weight:600;color:var(--text-primary, #092F64);margin-bottom:4px;font-size:.85rem;line-height:1.2}.persona-card-description{font-size:.7rem;color:var(--text-secondary, #666);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.persona-card-option:nth-child(7){grid-column:1 / -1;max-width:250px;margin:0 auto}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}@media (max-width: 600px){.plan-limit-error{flex-direction:column;align-items:flex-start;gap:12px}.form-error-banner{flex-direction:column;align-items:flex-start;gap:8px}.persona-grid-selection{grid-template-columns:repeat(2,1fr);gap:8px}.persona-card-option{padding:10px;min-height:100px}.persona-card-emoji{font-size:24px}.persona-card-title{font-size:.8rem}.persona-card-description{font-size:.65rem}.persona-option{padding:10px 12px}.form-actions{flex-direction:column;gap:10px}.form-actions .btn{width:100%;justify-content:center}.persona-name{font-size:13px}.persona-description{font-size:11px}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.persona-dropdown{animation:dropdownFadeIn .2s ease-out}.modal-content.loading{pointer-events:none;opacity:.7}.form-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.btn:disabled:hover{transform:none!important}.email-detail-view{max-width:1200px;margin:0 auto;padding:24px;animation:fadeInUp .3s ease-out}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;color:var(--text-secondary, #666);font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #092F64);border-color:var(--text-primary, #092F64)}.delete-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #ef4444;border-radius:8px;color:#ef4444;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-button:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.email-info-section{text-align:center;padding:48px 0;border-bottom:1px solid var(--border-color, #e5e5e5);margin-bottom:48px}.email-icon-large{width:80px;height:80px;background:var(--color-tufts-blue, #468BE6);background:linear-gradient(135deg,var(--color-tufts-blue, #468BE6) 0%,var(--color-cobalt-blue, #1A5799) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 16px #468be633}.email-icon-large span{font-size:40px;filter:grayscale(0)}.email-address-title{font-size:2rem;font-weight:700;color:var(--text-primary, #092F64);margin-bottom:32px}.email-stats-row{display:flex;justify-content:center;gap:64px;flex-wrap:wrap}.stat-item{text-align:center}.stat-value{display:block;font-size:2.5rem;font-weight:700;color:var(--color-tufts-blue, #468BE6);margin-bottom:8px}.stat-label{display:block;font-size:.875rem;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.05em}.persona-section{background:var(--bg-secondary, #f9fafb);border-radius:16px;padding:32px;margin-bottom:32px;overflow:visible}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #092F64);margin:0}.edit-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;color:var(--text-secondary, #666);font-weight:500;cursor:pointer;transition:all .2s ease}.edit-button:hover{background:var(--bg-primary, #fff);color:var(--color-tufts-blue, #468BE6);border-color:var(--color-tufts-blue, #468BE6)}.current-persona{text-align:center;padding:24px}.persona-display{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.persona-icon-large{font-size:48px}.persona-name-large{font-size:1.5rem;font-weight:600;color:var(--text-primary, #092F64)}.persona-help-text{color:var(--text-secondary, #666);max-width:500px;margin:0 auto}.persona-editor{animation:fadeIn .2s ease-out;position:relative;overflow:visible}.editor-description{color:var(--text-secondary, #666);margin-bottom:24px}.persona-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:32px;position:relative;z-index:1;padding-bottom:8px}.persona-option{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid var(--border-color, #e5e5e5);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;z-index:2;margin-bottom:4px}.persona-option:hover{border-color:var(--color-tufts-blue, #468BE6);background:var(--bg-primary, #fff);box-shadow:0 0 0 3px var(--color-tufts-blue, #468BE6);clip-path:none}.persona-option.selected{border-color:var(--color-tufts-blue, #468BE6);background:#468be60d;box-shadow:0 0 0 3px var(--color-tufts-blue, #468BE6);clip-path:none}.persona-option:last-child{margin-bottom:12px;padding-bottom:18px}.persona-option:last-child:hover,.persona-option:last-child.selected{outline:2px solid var(--color-tufts-blue, #468BE6);outline-offset:-2px;border-color:transparent;box-shadow:none}.persona-option input[type=radio]{display:none}.persona-icon{font-size:24px;flex-shrink:0}.persona-text{flex:1}.persona-name{display:block;font-weight:600;color:var(--text-primary, #092F64);margin-bottom:2px}.persona-desc{display:block;font-size:.875rem;color:var(--text-secondary, #666)}.custom-persona-input{margin-bottom:32px;position:relative;z-index:1;padding-bottom:4px}.custom-input{width:100%;padding:12px 16px;border:2px solid var(--border-color, #e5e5e5);border-radius:8px;font-size:1rem;transition:all .2s ease}.custom-input:focus{outline:none;border-color:var(--color-tufts-blue, #468BE6);box-shadow:0 0 0 3px #468be61a}.editor-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;position:relative;z-index:0}.webhooks-section{background:var(--bg-secondary, #f9fafb);border-radius:16px;padding:32px}.add-webhook-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-tufts-blue, #468BE6);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-webhook-button:hover{background:var(--color-cobalt-blue, #1A5799);transform:translateY(-1px);box-shadow:0 4px 8px #468be633}.webhooks-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color, #e5e5e5)}.tab{padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #666);font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;top:1px}.tab:hover{color:var(--text-primary, #092F64)}.tab.active{color:var(--color-tufts-blue, #468BE6);border-bottom-color:var(--color-tufts-blue, #468BE6)}.webhooks-loading{text-align:center;padding:48px 24px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #e5e5e5);border-top:3px solid var(--color-tufts-blue, #468BE6);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.webhooks-loading p{color:var(--text-secondary, #666);margin:0}.webhooks-error{text-align:center;padding:48px 24px}.error-icon{font-size:48px;margin-bottom:16px;opacity:.7}.webhooks-error h3{font-size:1.25rem;color:var(--text-primary, #092F64);margin-bottom:8px}.webhooks-error p{color:var(--text-secondary, #666);margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.no-webhooks{text-align:center;padding:48px 24px}.no-webhooks-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-webhooks h3{font-size:1.25rem;color:var(--text-primary, #092F64);margin-bottom:8px}.no-webhooks p{color:var(--text-secondary, #666);margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.webhook-benefits{display:flex;justify-content:center;gap:24px;margin-bottom:32px;flex-wrap:wrap}.benefit-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary, #666);font-size:.875rem}.benefit-icon{font-size:16px}.webhook-items{display:flex;flex-direction:column;gap:12px}.webhook-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:1px solid var(--border-color, #e5e5e5);border-radius:12px;transition:all .2s ease}.webhook-item:hover{border-color:var(--color-tufts-blue, #468BE6);box-shadow:0 2px 8px #0000000d}.webhook-info{flex:1}.webhook-url{font-weight:500;color:var(--text-primary, #092F64);margin-bottom:4px;font-family:Monaco,Consolas,monospace;font-size:.875rem}.webhook-meta{display:flex;align-items:center;gap:16px;font-size:.875rem}.webhook-status{display:flex;align-items:center;gap:6px;color:var(--text-secondary, #666)}.webhook-status.active{color:#10b981}.status-dot{width:6px;height:6px;background:currentColor;border-radius:50%}.webhook-last-triggered{color:var(--text-secondary, #666)}.webhook-actions{display:flex;gap:12px;align-items:center}.icon-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease}.icon-button:hover{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #092F64);border-color:var(--text-primary, #092F64)}.icon-button.delete-btn:hover{background:#fef2f2;color:#ef4444;border-color:#ef4444}.webhook-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;background:transparent;min-width:80px;justify-content:center}.webhook-toggle-btn.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;color:#059669}.webhook-toggle-btn.active:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#059669;color:#047857;transform:translateY(-1px);box-shadow:0 4px 8px #10b98133}.webhook-toggle-btn.inactive{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;color:#dc2626}.webhook-toggle-btn.inactive:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#dc2626;color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #ef444433}.webhook-toggle-btn svg{flex-shrink:0}.webhook-toggle-btn span{font-weight:600;letter-spacing:.025em}.webhook-toggle-btn.loading{opacity:.7;cursor:not-allowed}.webhook-toggle-btn:disabled{cursor:not-allowed;transform:none!important;box-shadow:none!important}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 20px 40px #00000026;animation:slideUp .3s ease-out}.modal-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.modal-icon.warning{background:#fef3c7;color:#f59e0b}.modal-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #092F64);margin-bottom:12px;text-align:center}.modal-content p{color:var(--text-secondary, #666);text-align:center;margin-bottom:16px}.warning-text{color:#dc2626!important;font-size:.875rem;background:#fef2f2;padding:12px 16px;border-radius:8px;margin-bottom:24px}.webhook-url-preview{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e5e5e5);border-radius:6px;padding:12px;margin:16px 0}.webhook-url-preview code{font-family:Monaco,Consolas,monospace;font-size:.875rem;color:var(--text-primary, #092F64);word-break:break-all}.modal-actions{display:flex;gap:12px;justify-content:center}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--color-cobalt-blue, #1A5799);transform:translateY(-1px);box-shadow:0 4px 8px #468be633}.btn-secondary:hover{background:var(--bg-tertiary, #e5e5e5)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef444433}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-modal-icon-container{position:relative;width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.delete-modal-icon-bg{width:80px;height:80px;background:linear-gradient(135deg,#fef3c7,#fed7aa,#fde68a);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#f59e0b;box-shadow:0 8px 25px #f59e0b40;position:relative;z-index:2}.delete-modal-icon-pulse{position:absolute;top:0;left:0;width:80px;height:80px;background:linear-gradient(135deg,#fef3c7,#fed7aa,#fde68a);border-radius:20px;opacity:.6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.3}}.delete-modal-header{text-align:center;margin-bottom:24px}.delete-modal-title{font-size:1.75rem;font-weight:700;color:var(--color-cool-black, #092F64);margin-bottom:8px;font-family:Inter,sans-serif;letter-spacing:-.025em}.delete-modal-subtitle{color:var(--text-secondary, #666);font-size:1rem;margin:0;font-weight:400}.delete-modal-webhook-card{background:linear-gradient(135deg,var(--color-alice-blue, #E9F5FF) 0%,#f8fafc 100%);border:1px solid rgba(70,139,230,.1);border-radius:12px;padding:20px;margin:20px 0;position:relative;overflow:hidden}.delete-modal-webhook-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-jordy-blue, #93BFEF) 0%,var(--color-tufts-blue, #468BE6) 50%,var(--color-cobalt-blue, #1A5799) 100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.delete-modal-webhook-label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--color-cobalt-blue, #1A5799);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.delete-modal-webhook-url{background:#fff;border:1px solid rgba(70,139,230,.15);border-radius:8px;padding:12px 16px}.delete-modal-webhook-url code{font-family:Monaco,Consolas,monospace;font-size:.875rem;color:var(--color-cool-black, #092F64);word-break:break-all;font-weight:500}.delete-modal-warning{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid rgba(239,68,68,.15);border-radius:12px;padding:20px;margin:20px 0;display:flex;align-items:flex-start;gap:12px}.delete-modal-warning-icon{flex-shrink:0;color:#dc2626;margin-top:2px}.delete-modal-warning-content{flex:1}.delete-modal-warning-title{font-weight:600;color:#dc2626;margin-bottom:4px;font-size:.9rem}.delete-modal-warning-text{color:#991b1b;font-size:.875rem;line-height:1.5;margin:0}.delete-modal-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.delete-modal-btn{padding:12px 24px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;min-width:120px;justify-content:center;position:relative;overflow:hidden}.delete-modal-btn-secondary{background:#e9f5ffcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(70,139,230,.2);color:var(--color-cool-black, #092F64)}.delete-modal-btn-secondary:hover{background:#e9f5fff2;border-color:var(--color-tufts-blue, #468BE6);transform:translateY(-2px);box-shadow:0 8px 25px #468be626}.delete-modal-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.delete-modal-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #ef44444d}.delete-modal-btn-danger: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}.delete-modal-btn-danger:hover:before{left:100%}@media (max-width: 640px){.delete-modal-content{padding:32px 24px;margin:20px;max-width:none;width:calc(100% - 40px)}.delete-modal-title{font-size:1.5rem}.delete-modal-actions{flex-direction:column;gap:12px}.delete-modal-btn{width:100%;min-width:auto}.delete-modal-webhook-card,.delete-modal-warning{padding:16px}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.premium-paywall{text-align:center;padding:48px 32px;position:relative;overflow:hidden}.premium-paywall:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#e9f5ff99,#93bfef1a 30%,#468be60d 70%,#1a57991a);pointer-events:none;animation:gradientShift 8s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:.6}50%{opacity:.8}}.paywall-header{position:relative;z-index:2;margin-bottom:48px}.paywall-icon-container{position:relative;display:inline-flex;align-items:center;gap:16px;margin-bottom:24px}.paywall-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-tufts-blue, #468BE6) 0%,var(--color-cobalt-blue, #1A5799) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 24px #468be64d;position:relative;z-index:3;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.paywall-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #f59e0b4d;position:relative;top:-4px}.paywall-title{font-size:2.25rem;font-weight:700;color:var(--color-cool-black, #092F64);margin-bottom:16px;line-height:1.2;position:relative;z-index:2}.paywall-subtitle{font-size:1.125rem;color:var(--text-secondary, #666);max-width:600px;margin:0 auto;line-height:1.6;position:relative;z-index:2}.paywall-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px;position:relative;z-index:2}.benefit-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(70,139,230,.1);border-radius:16px;padding:24px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-jordy-blue, #93BFEF) 0%,var(--color-tufts-blue, #468BE6) 50%,var(--color-cobalt-blue, #1A5799) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #468be626;border-color:var(--color-tufts-blue, #468BE6)}.benefit-card:hover:before{transform:scaleX(1)}.benefit-icon{font-size:32px;margin-bottom:16px;display:block}.benefit-content h3{font-size:1.25rem;font-weight:600;color:var(--color-cool-black, #092F64);margin-bottom:12px}.benefit-content p{color:var(--text-secondary, #666);line-height:1.6;margin:0}.paywall-preview{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(70,139,230,.15);border-radius:16px;padding:24px;margin-bottom:48px;position:relative;overflow:hidden;z-index:2}.preview-header{text-align:left;margin-bottom:16px}.preview-header h4{font-size:1rem;font-weight:600;color:var(--color-cool-black, #092F64);margin:0}.webhook-preview-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:1px solid var(--border-color, #e5e5e5);border-radius:12px;opacity:.7;position:relative}.webhook-preview-info{flex:1}.webhook-preview-url{font-weight:500;color:var(--text-primary, #092F64);margin-bottom:4px;font-family:Monaco,Consolas,monospace;font-size:.875rem}.webhook-preview-meta{display:flex;align-items:center;gap:16px;font-size:.875rem}.webhook-preview-status{display:flex;align-items:center;gap:6px;color:#10b981}.webhook-preview-status .status-dot{width:6px;height:6px;background:currentColor;border-radius:50%}.webhook-preview-triggered{color:var(--text-secondary, #666)}.webhook-preview-actions{display:flex;gap:12px;align-items:center}.webhook-preview-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:not-allowed;transition:all .2s ease;border:1px solid;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;color:#059669;opacity:.6}.preview-overlay{position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;border-radius:16px}.lock-icon{color:var(--color-cobalt-blue, #1A5799);opacity:.7;animation:pulse 2s ease-in-out infinite}.paywall-actions{position:relative;z-index:2}.paywall-cta-primary{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,var(--color-tufts-blue, #468BE6) 0%,var(--color-cobalt-blue, #1A5799) 100%);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #468be64d;position:relative;overflow:hidden;margin-bottom:12px}.paywall-cta-primary: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}.paywall-cta-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px #468be666}.paywall-cta-primary:hover:before{left:100%}.paywall-cta-primary:active{transform:translateY(0) scale(.98)}.paywall-cta-secondary{color:var(--color-cobalt-blue, #1A5799);font-size:.875rem;font-weight:500;margin:0;opacity:.8}@media (max-width: 768px){.email-detail-view{padding:16px}.email-address-title{font-size:1.5rem;word-break:break-all}.email-stats-row{gap:32px}.stat-value{font-size:2rem}.persona-options{grid-template-columns:1fr}.detail-header{flex-direction:column;gap:12px;align-items:stretch}.delete-button{justify-content:center}.section-header{flex-direction:column;gap:12px;align-items:stretch}.add-webhook-button{justify-content:center}.webhook-item{flex-direction:column;align-items:stretch;gap:12px}.webhook-actions{justify-content:flex-end;flex-wrap:wrap;gap:8px}.webhook-toggle-btn{min-width:40px;padding:6px 8px;font-size:.8rem}.webhook-toggle-btn span{display:none}.webhook-toggle-btn svg{margin:0}.webhook-toggle-btn.loading span{display:inline;font-size:.75rem}.modal-content{padding:24px}.modal-actions{flex-direction:column}.btn{width:100%;justify-content:center}.premium-paywall{padding:32px 16px}.paywall-title{font-size:1.75rem}.paywall-subtitle{font-size:1rem}.paywall-icon-container{flex-direction:column;gap:12px;align-items:center}.paywall-icon{width:60px;height:60px}.paywall-icon svg{width:24px;height:24px}.paywall-benefits{grid-template-columns:1fr;gap:16px}.benefit-card{padding:20px}.benefit-icon{font-size:24px}.benefit-content h3{font-size:1.125rem}.paywall-preview{padding:16px}.webhook-preview-item{flex-direction:column;align-items:stretch;gap:12px}.webhook-preview-actions{justify-content:flex-end}.webhook-preview-toggle span{display:none}.paywall-cta-primary{padding:14px 24px;font-size:1rem;width:100%;justify-content:center}}.webhook-modal{max-width:500px;width:90%}.modal-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px;position:relative}.modal-icon{width:48px;height:48px;background:var(--color-tufts-blue, #468BE6);background:linear-gradient(135deg,var(--color-tufts-blue, #468BE6) 0%,var(--color-cobalt-blue, #1A5799) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #092F64);margin:0 0 4px}.modal-header p{color:var(--text-secondary, #666);margin:0;font-size:.875rem}.close-button{position:absolute;top:0;right:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease}.close-button:hover{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #092F64)}.modal-body,.form-group{margin-bottom:32px}.form-group label{display:block;font-weight:600;color:var(--text-primary, #092F64);margin-bottom:8px;font-size:.875rem}.webhook-input{width:100%;padding:12px 16px;border:2px solid var(--border-color, #e5e5e5);border-radius:8px;font-size:1rem;transition:all .2s ease;font-family:Monaco,Consolas,monospace}.webhook-input:focus{outline:none;border-color:var(--color-tufts-blue, #468BE6);box-shadow:0 0 0 3px #468be61a}.webhook-input.error{border-color:#ef4444}.webhook-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:.875rem;margin-top:6px;display:flex;align-items:center;gap:6px}.input-help{color:var(--text-secondary, #666);font-size:.875rem;margin-top:6px}.payload-info{margin-bottom:24px;padding:16px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e5e5);border-radius:8px}.payload-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.payload-header span{color:var(--text-secondary, #666);font-size:.875rem;flex:1}.copy-payload-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;color:var(--text-secondary, #666);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-payload-btn:hover{background:var(--bg-primary, #fff);color:var(--color-tufts-blue, #468BE6);border-color:var(--color-tufts-blue, #468BE6)}.copy-payload-btn.success{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.test-section{margin-bottom:24px}.test-actions{display:flex;align-items:center;gap:12px;margin-bottom:16px}.test-button{display:flex;align-items:center;gap:8px;flex-shrink:0}.test-button:disabled{opacity:.6;cursor:not-allowed}.test-help{color:var(--text-secondary, #666);font-size:.875rem;flex:1}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.test-result{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:6px}.test-result.success{background:#f0fdf4;border:1px solid #bbf7d0}.test-result.error{background:#fef2f2;border:1px solid #fecaca}.result-icon{flex-shrink:0}.test-result.success .result-icon{color:#16a34a}.test-result.error .result-icon{color:#dc2626}.result-message{font-size:.875rem;line-height:1.3}.test-result.success .result-message{color:#166534}.test-result.error .result-message{color:#991b1b}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid var(--border-color, #e5e5e5)}.btn{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-size:.875rem}.btn-primary{background:var(--color-tufts-blue, #468BE6);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-cobalt-blue, #1A5799);transform:translateY(-1px);box-shadow:0 4px 8px #468be633}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #092F64);border:1px solid var(--border-color, #e5e5e5)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary, #e5e5e5)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.webhook-modal{max-width:95vw;margin:10px}.modal-header{flex-direction:column;text-align:center}.close-button{position:absolute;top:-10px;right:-10px}.payload-header{flex-direction:column;gap:12px;align-items:stretch}.copy-payload-btn{justify-content:center}.test-actions{flex-direction:column;gap:8px;align-items:stretch}.test-button{justify-content:center}.test-help{text-align:center}.modal-footer{flex-direction:column}.btn{width:100%;justify-content:center}}.draft-view-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:var(--font-body)}.draft-view-header{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-light);padding:24px 32px;flex-shrink:0;display:flex;align-items:flex-start;gap:24px;box-shadow:0 2px 12px #092f6414}.back-to-dashboard-btn{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex-shrink:0;min-width:fit-content}.back-to-dashboard-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #468be633}.back-to-dashboard-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-to-dashboard-btn svg{flex-shrink:0}.draft-view-title-area{flex:1;min-width:0}.draft-view-title{font-size:1.375rem;font-weight:600;color:var(--text-secondary);margin:0 0 8px;line-height:1.3;word-break:break-word;opacity:.9}.draft-view-recipient{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:var(--text-secondary);flex-wrap:wrap}.recipient-icon{font-size:16px;flex-shrink:0}.recipient-email{font-weight:500;color:var(--primary-color)}.recipient-separator{color:var(--text-muted)}.recipient-name{font-style:italic}.draft-view-content{flex:1;padding:32px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box;overflow-y:auto}.draft-metadata{display:flex;gap:0;margin-bottom:32px;width:100%}.metadata-badge{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-light);transition:all .3s ease;flex:1;margin-right:12px}.metadata-badge:last-child{margin-right:0}.metadata-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metadata-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.metadata-value{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.metadata-type{background:linear-gradient(135deg,var(--primary-light) 0%,var(--bg-secondary) 100%);border-color:var(--primary-color)}.metadata-type .metadata-value{color:var(--primary-color)}.metadata-urgency.urgency-high{background:var(--error-light);border-color:var(--error-color)}.metadata-urgency.urgency-high .metadata-value{color:var(--error-color)}.metadata-urgency.urgency-medium{background:var(--warning-light);border-color:var(--warning-color)}.metadata-urgency.urgency-medium .metadata-value{color:var(--warning-color)}.metadata-urgency.urgency-low{background:var(--success-light);border-color:var(--success-color)}.metadata-urgency.urgency-low .metadata-value{color:var(--success-color)}.metadata-tone{background:linear-gradient(135deg,var(--info-light) 0%,var(--bg-secondary) 100%);border-color:var(--info-color)}.metadata-tone .metadata-value{color:var(--info-color)}.metadata-confidence{position:relative;overflow:hidden}.metadata-confidence:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:currentColor;opacity:.3;transition:transform .3s ease}.metadata-confidence.confidence-high:before{background:var(--success-color)}.metadata-confidence.confidence-medium:before{background:var(--warning-color)}.metadata-confidence.confidence-low:before{background:var(--error-color)}.metadata-confidence.confidence-high .metadata-value{color:var(--success-color)}.metadata-confidence.confidence-medium .metadata-value{color:var(--warning-color)}.metadata-confidence.confidence-low .metadata-value{color:var(--error-color)}.draft-error-banner{background:var(--error-light);border:1px solid var(--error-color);border-radius:16px;padding:16px 20px;margin-bottom:24px;color:var(--error-color);font-size:.875rem;display:flex;align-items:center;gap:12px;animation:shakeIn .3s ease}.error-icon{font-size:18px;flex-shrink:0}.draft-content-section{margin-bottom:32px}.draft-content-label{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.draft-content-helper{font-size:.875rem;color:var(--text-muted);margin:0 0 16px;font-style:italic;line-height:1.4}.draft-timestamp{font-size:.8125rem;font-weight:400;color:var(--text-muted)}.draft-content-textarea{width:100%;min-height:350px;padding:24px;border:2px solid var(--border-color);border-radius:20px;background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-body);font-size:1rem;line-height:1.6;resize:vertical;transition:all .3s ease}.draft-content-textarea.auto-resize{resize:none;overflow-y:hidden;min-height:200px}.draft-content-textarea:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:0 0 0 4px var(--primary-light)}.draft-content-textarea::placeholder{color:var(--text-muted)}.suggested-actions-section{background:var(--bg-secondary);border-radius:20px;padding:24px;margin-bottom:32px;border:1px solid var(--border-light)}.suggested-actions-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:12px}.actions-icon{font-size:22px}.suggested-actions-list{list-style:none;padding:0;margin:0}.suggested-action-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.action-bullet{color:var(--primary-color);font-weight:700;flex-shrink:0;margin-top:2px}.privacy-notice{background:linear-gradient(135deg,var(--info-light) 0%,var(--bg-tertiary) 100%);border:1px solid var(--info-color);border-radius:16px;padding:20px;margin-bottom:32px;display:flex;align-items:flex-start;gap:16px}.privacy-icon{font-size:22px;flex-shrink:0}.privacy-text{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.draft-view-actions{display:flex;gap:16px;justify-content:space-between;padding-top:32px;border-top:1px solid var(--border-light)}.btn{padding:16px 28px;border:none;border-radius:16px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;min-height:52px;font-family:var(--font-body)}.btn-primary{background:var(--primary-color);color:#fff;flex:1}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #468be64d}.btn-primary.btn-success{background:var(--success-color)}.btn-primary.btn-success:hover:not(:disabled){background:var(--success-color)}.btn-delete{background:var(--bg-secondary);color:var(--error-color);border:1px solid var(--error-color)}.btn-delete:hover:not(:disabled){background:var(--error-color);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-icon{font-size:18px}.btn-spinner{animation:spin 1s linear infinite;display:inline-block}.loading-state-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 32px;min-height:400px}.loading-illustration{margin-bottom:40px}.loading-draft-icon{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.loading-icon{animation:loadingPulse 2s ease-in-out infinite}.loading-dots{display:flex;gap:6px}.loading-dots span{width:10px;height:10px;background:var(--primary-color);border-radius:50%;animation:loadingDots 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.loading-title{font-size:1.625rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.loading-description{font-size:1.0625rem;color:var(--text-secondary);line-height:1.5;margin:0 0 40px;max-width:480px}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:12px}.skeleton-text{height:18px;width:100%}.skeleton-recipient{width:240px;margin-top:12px}.skeleton-badge{width:100px;height:70px;border-radius:16px}.skeleton-label{width:140px;margin-bottom:16px}.skeleton-textarea{width:100%;height:250px;border-radius:20px}.skeleton-metadata{display:flex;gap:16px;margin:32px 0;flex-wrap:wrap}.skeleton-content{width:100%;margin-top:32px}.error-state-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 32px;min-height:400px}.error-illustration{margin-bottom:40px;position:relative}.error-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:140px;height:140px}.error-emoji{font-size:72px;z-index:2;position:relative}.error-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:2px solid var(--error-color);border-radius:50%;animation:errorPulse 2s ease-in-out infinite;opacity:.3}.error-title{font-size:1.625rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.error-message{font-size:1.0625rem;color:var(--text-secondary);line-height:1.5;margin:0 0 32px;max-width:480px}.error-suggestions{background:var(--bg-secondary);border-radius:20px;padding:24px;margin-bottom:40px;max-width:560px;width:100%}.error-suggestions h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 20px}.suggestions-list{list-style:none;padding:0;margin:0}.suggestion-item{display:flex;align-items:flex-start;gap:16px;padding:10px 0;font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.suggestion-bullet{color:var(--primary-color);font-weight:700;flex-shrink:0;margin-top:2px}.error-actions{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:32px}.error-actions .btn{min-width:200px}.error-technical-details{margin-top:40px;opacity:.7}.error-technical-details summary{cursor:pointer;font-size:.875rem;color:var(--text-muted);margin-bottom:12px}.technical-info{background:var(--bg-tertiary);border-radius:12px;padding:20px;font-family:monospace;font-size:.8125rem;color:var(--text-muted);text-align:left;margin-top:12px}.technical-info p{margin:6px 0}.empty-state-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 32px;min-height:400px}.empty-illustration{margin-bottom:40px;position:relative}.empty-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:160px;height:160px}.empty-draft-animation{position:relative;z-index:2}.draft-icon{width:120px;height:120px}.question-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:700;color:var(--text-muted);animation:questionPulse 2s ease-in-out infinite}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-element{position:absolute;font-size:28px;animation:float 3s ease-in-out infinite}.floating-element.fe-1{top:10%;right:10%;animation-delay:0s}.floating-element.fe-2{bottom:20%;left:5%;animation-delay:1s}.floating-element.fe-3{top:30%;left:0%;animation-delay:2s}.empty-title{font-size:1.625rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.empty-description{font-size:1.0625rem;color:var(--text-secondary);line-height:1.5;margin:0 0 40px;max-width:480px}.empty-steps{background:var(--bg-secondary);border-radius:20px;padding:32px;margin-bottom:40px;max-width:560px;width:100%}.empty-steps h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 24px}.steps-list{display:flex;flex-direction:column;gap:20px}.step-item{display:flex;align-items:center;gap:20px;font-size:.9375rem;color:var(--text-secondary)}.step-number{width:36px;height:36px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem;flex-shrink:0}.quick-forward-section{margin-bottom:40px}.forward-email-display{display:flex;align-items:center;gap:16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:16px;padding:20px 24px;margin-bottom:20px}.forward-email{font-family:monospace;font-size:1.1875rem;font-weight:600;color:var(--primary-color);background:none;border:none;flex:1}.copy-email-btn{background:var(--primary-light);border:1px solid var(--primary-color);border-radius:10px;padding:10px;cursor:pointer;color:var(--primary-color);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.copy-email-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.empty-actions{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:40px}.empty-actions .btn{min-width:280px}.empty-help-note{background:var(--info-light);border:1px solid var(--info-color);border-radius:16px;padding:20px;max-width:480px;width:100%}.empty-help-note p{margin:0;font-size:.9375rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:12px;line-height:1.5}.help-icon{font-size:18px;flex-shrink:0;margin-top:1px}.confirm-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1100;animation:confirmFadeIn .2s ease}.confirm-dialog{background:var(--bg-primary);border-radius:24px;padding:40px;max-width:460px;width:100%;text-align:center;box-shadow:0 24px 80px #092f6466;animation:confirmSlideIn .2s ease}.confirm-dialog.delete-confirmation{max-width:500px}.confirm-icon-wrapper{position:relative;display:flex;justify-content:center;margin-bottom:24px}.confirm-icon{font-size:48px;z-index:2;position:relative}.confirm-icon-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:var(--error-light);border-radius:50%;animation:confirmPulse 2s ease-in-out infinite}.confirm-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.confirm-message{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin:0 0 32px}.deletion-info{background:var(--bg-secondary);border-radius:16px;padding:20px;margin-bottom:32px}.info-item{display:flex;align-items:center;gap:12px;font-size:.9375rem;color:var(--text-secondary);margin-bottom:12px}.info-item:last-child{margin-bottom:0}.info-icon{font-size:18px;flex-shrink:0}.confirm-actions{display:flex;gap:16px;justify-content:center}.confirm-actions .btn{flex:1;min-width:140px}.draft-deleted-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1200;animation:deletedFadeIn .3s ease}.draft-deleted-notification{background:var(--bg-primary);border-radius:28px;padding:56px 40px;max-width:460px;width:100%;text-align:center;box-shadow:0 28px 100px #092f6480;animation:deletedSlideIn .3s ease}.deleted-icon-wrapper{position:relative;display:flex;justify-content:center;margin-bottom:32px}.deleted-icon{font-size:72px;z-index:2;position:relative;animation:deletedCheckmark .6s ease}.success-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border:2px solid var(--success-color);border-radius:50%;animation:successRipple .8s ease-out;opacity:0}.deleted-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.deleted-message{font-size:1.0625rem;color:var(--text-secondary);line-height:1.5;margin:0 0 32px}.deleted-info{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--success-light);border:1px solid var(--success-color);border-radius:16px;padding:16px 20px;margin-bottom:32px;font-size:.9375rem;color:var(--success-color)}.deleted-info-icon{font-size:18px;flex-shrink:0}.deleted-close-btn{background:transparent!important;color:var(--text-muted)!important;border:none!important;font-size:.9375rem;opacity:.7}.deleted-close-btn:hover{opacity:1}@keyframes shakeIn{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes loadingDots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes errorPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.5}}@keyframes questionPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.6}33%{transform:translateY(-12px) rotate(5deg);opacity:.8}66%{transform:translateY(-6px) rotate(-3deg);opacity:1}}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes confirmPulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}@keyframes deletedFadeIn{0%{opacity:0}to{opacity:1}}@keyframes deletedSlideIn{0%{opacity:0;transform:translateY(-40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes deletedCheckmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(-22.5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes successRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@media (max-width: 768px){.draft-view-header{padding:20px 24px;flex-direction:column;align-items:stretch;gap:16px}.back-to-dashboard-btn{align-self:flex-start}.draft-view-title{font-size:1.25rem}.draft-view-content{padding:24px}.draft-metadata{flex-wrap:wrap;gap:10px}.metadata-badge{padding:12px 16px;flex:1;min-width:calc(50% - 5px);margin-right:0}.metadata-badge:last-child{margin-right:0}.draft-content-textarea{min-height:300px;padding:20px;font-size:.9375rem}.draft-content-textarea.auto-resize{min-height:180px}.draft-content-helper{font-size:.8125rem}.draft-view-actions{flex-direction:column-reverse;gap:12px}.btn{width:100%;justify-content:center}.btn-primary{flex:none}.loading-state-enhanced,.error-state-enhanced,.empty-state-enhanced{padding:40px 24px;min-height:300px}.loading-title,.error-title,.empty-title{font-size:1.375rem}.loading-description,.error-message,.empty-description{font-size:1rem}.error-icon-wrapper,.empty-icon-wrapper{width:120px;height:120px}.error-emoji{font-size:56px}.loading-draft-icon svg,.draft-icon{width:100px;height:100px}.question-mark{font-size:32px}.floating-element{font-size:24px}.skeleton-metadata{gap:10px}.skeleton-badge{width:calc(50% - 5px);height:60px}.error-suggestions,.empty-steps{padding:20px;margin-bottom:32px}.steps-list{gap:16px}.step-number{width:32px;height:32px;font-size:.75rem}.forward-email-display{padding:16px 20px}.forward-email{font-size:1.0625rem}.error-actions,.empty-actions{gap:12px}.error-actions .btn,.empty-actions .btn{min-width:auto;width:100%}.confirm-dialog,.draft-deleted-notification{margin:20px;padding:32px 24px}.confirm-dialog.delete-confirmation{max-width:calc(100% - 40px)}.deletion-info{padding:16px}.draft-deleted-notification{padding:40px 28px}.deleted-icon{font-size:56px}.deleted-title{font-size:1.375rem}}@media (max-width: 480px){.draft-view-header{padding:16px 20px}.draft-view-title{font-size:1.125rem}.draft-view-recipient{font-size:.875rem}.draft-view-content{padding:20px}.metadata-badge{padding:10px 14px}.metadata-label{font-size:.688rem}.metadata-value{font-size:.875rem}.draft-content-textarea{min-height:250px;padding:16px;font-size:.875rem}.draft-content-textarea.auto-resize{min-height:160px}.draft-content-helper{font-size:.75rem}.suggested-actions-section{padding:20px}.privacy-notice{padding:16px}.privacy-text{font-size:.8125rem}.btn{padding:14px 24px;font-size:.875rem;min-height:48px}.loading-state-enhanced,.error-state-enhanced,.empty-state-enhanced{padding:32px 20px;min-height:250px}.loading-title,.error-title,.empty-title{font-size:1.25rem}.loading-description,.error-message,.empty-description{font-size:.9375rem}.error-icon-wrapper,.empty-icon-wrapper{width:100px;height:100px}.error-emoji{font-size:48px}.loading-draft-icon svg,.draft-icon{width:80px;height:80px}.question-mark{font-size:28px}.floating-element{font-size:20px}.skeleton-badge{width:calc(50% - 5px);height:50px}.error-suggestions,.empty-steps{padding:16px;margin-bottom:28px}.steps-list{gap:14px}.step-item{font-size:.875rem;gap:14px}.step-number{width:28px;height:28px;font-size:.6875rem}.forward-email-display{padding:14px 16px;flex-direction:column;align-items:stretch;gap:12px}.forward-email{font-size:1rem;text-align:center}.copy-email-btn{align-self:center}.empty-help-note{padding:16px}.empty-help-note p{font-size:.8125rem}.error-technical-details{margin-top:28px}.technical-info{padding:16px;font-size:.75rem}.confirm-dialog,.draft-deleted-notification{margin:0;padding:28px 20px;border-radius:0;max-height:100vh}.confirm-dialog.delete-confirmation{max-width:100%}.confirm-icon,.deleted-icon{font-size:48px}.confirm-title,.deleted-title{font-size:1.25rem}.confirm-message,.deleted-message{font-size:.875rem}.deletion-info{padding:14px}.info-item{font-size:.8125rem}.confirm-actions{flex-direction:column;gap:12px}.confirm-actions .btn{width:100%;min-width:auto}}[data-theme=dark] .draft-view-container{background:var(--bg-primary)}[data-theme=dark] .draft-view-header{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);box-shadow:0 2px 12px #0000004d}[data-theme=dark] .draft-content-textarea{background:var(--bg-secondary)}[data-theme=dark] .draft-content-textarea:focus{background:var(--bg-tertiary)}[data-theme=dark] .metadata-badge,[data-theme=dark] .suggested-actions-section{background:var(--bg-tertiary)}[data-theme=dark] .privacy-notice{background:linear-gradient(135deg,var(--info-light) 0%,var(--bg-secondary) 100%)}[data-theme=dark] .confirm-dialog,[data-theme=dark] .draft-deleted-notification{box-shadow:0 24px 80px #000c}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.notification{background:var(--bg-primary);border-radius:12px;padding:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:auto;cursor:pointer;transition:all .3s ease;animation:slideInFromRight .3s ease-out;max-width:100%;word-wrap:break-word}.notification:hover{transform:translate(-4px);box-shadow:var(--shadow-lg)}.notification-content{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.notification-icon{font-size:18px;flex-shrink:0;margin-top:2px}.notification-text{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;margin-bottom:4px;color:var(--text-primary)}.notification-message{font-size:13px;line-height:1.4;color:var(--text-secondary);word-wrap:break-word}.notification-close{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;line-height:1}.notification-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-success{border-left:4px solid var(--success-color);background:linear-gradient(90deg,var(--success-light) 0%,var(--bg-primary) 20%)}.notification-error{border-left:4px solid var(--error-color);background:linear-gradient(90deg,var(--error-light) 0%,var(--bg-primary) 20%)}.notification-warning{border-left:4px solid var(--warning-color);background:linear-gradient(90deg,var(--warning-light) 0%,var(--bg-primary) 20%)}.notification-info{border-left:4px solid var(--info-color);background:linear-gradient(90deg,var(--info-light) 0%,var(--bg-primary) 20%)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.notification.removing{animation:slideOutToRight .3s ease-out forwards}@media (max-width: 768px){.notification-container{top:80px;right:10px;left:10px;max-width:none}.notification{padding:12px}.notification-icon{font-size:16px}.notification-title{font-size:13px}.notification-message{font-size:12px}}[data-theme=dark] .notification{border-color:var(--border-color);box-shadow:0 8px 32px #0006}[data-theme=dark] .notification-close:hover{background:var(--bg-secondary)}.email-verification-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary)}.email-verification-card{background:var(--bg-secondary);border-radius:16px;padding:48px;max-width:480px;width:100%;text-align:center;box-shadow:0 4px 6px #0000001a}.verification-icon{color:var(--accent-primary);margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.email-verification-card h1{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.verification-main-text{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:20px}.verification-sub-text{font-size:14px;color:var(--text-secondary);margin-bottom:20px;padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;display:inline-block}.verification-sub-text strong{color:var(--text-primary)}.verification-benefit{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:32px}.verification-cta{margin-bottom:40px}.cta-arrow{font-size:18px;font-weight:500;color:var(--accent-primary);display:inline-flex;align-items:center;gap:8px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.verification-footer{border-top:1px solid var(--border-color);padding-top:24px}.verification-footer p{font-size:14px;color:var(--text-tertiary);margin-bottom:12px}.resend-button{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary);padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.resend-button:hover:not(:disabled){background:var(--accent-primary);color:#fff}.resend-button:disabled{opacity:.6;cursor:not-allowed;background:transparent;color:var(--text-tertiary);border-color:var(--border-color)}.resend-message{font-size:14px;margin-top:12px;padding:10px 20px;border-radius:8px;display:inline-block;font-weight:500;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.resend-message.success{color:var(--success-color, #059862);background:var(--success-bg, #d1fae5);border:1px solid rgba(5,152,98,.2)}.resend-message.error{color:var(--error-color, #dc2626);background:var(--error-bg, #fee2e2);border:1px solid rgba(220,38,38,.2)}@media (max-width: 640px){.email-verification-card{padding:32px 24px}.email-verification-card h1{font-size:24px}.verification-main-text{font-size:15px}.cta-arrow{font-size:16px}}.verification-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:12px;font-size:15px;font-weight:500;box-shadow:0 10px 25px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.verification-notification.processing{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.verification-notification.success{background:#d1fae5;color:#059862;border:1px solid rgba(5,152,98,.2)}.verification-notification.error{background:#fee2e2;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.verification-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.verification-notification svg{flex-shrink:0}@media (max-width: 640px){.verification-notification{top:10px;left:10px;right:10px;transform:none;font-size:14px;padding:12px 16px}}.linkedin-callback-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary)}.linkedin-callback-card{background:var(--bg-secondary);border-radius:16px;padding:48px;max-width:400px;width:100%;text-align:center;box-shadow:0 4px 6px #0000001a}.linkedin-callback-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.linkedin-callback-success-icon{width:48px;height:48px;background:var(--success-color, #059862);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.linkedin-callback-error-icon{width:48px;height:48px;background:var(--error-color, #dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.linkedin-callback-title{color:var(--text-primary);margin-bottom:16px;font-size:24px;font-weight:600}.linkedin-callback-message{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.linkedin-callback-retry-btn{background:var(--accent-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.linkedin-callback-retry-btn:hover{background:var(--accent-primary-hover, var(--accent-primary));opacity:.9}@media (max-width: 640px){.linkedin-callback-card{padding:32px 24px}.linkedin-callback-title{font-size:20px}}.billing-failure-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.billing-failure-content{max-width:480px;width:100%;text-align:center;background:var(--bg-surface);border-radius:24px;padding:48px;box-shadow:0 20px 40px #00000014;border:1px solid var(--border-color)}.billing-failure-logo{width:80px;height:80px;margin:0 auto 32px;display:block}.billing-failure-icon{color:#ef4444;margin-bottom:24px;display:inline-flex;padding:16px;background:#ef44441a;border-radius:50%}.billing-failure-title{font-size:28px;font-weight:800;color:var(--text-primary);margin:0 0 16px;line-height:1.2}.billing-failure-message{font-size:18px;color:var(--text-primary);margin:0 0 12px;line-height:1.5}.billing-failure-submessage{font-size:16px;color:var(--text-secondary);margin:0 0 32px;line-height:1.5}.billing-failure-benefits{background:var(--bg-secondary);border-radius:16px;padding:24px;margin:0 0 32px;text-align:left}.billing-failure-benefits h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.billing-failure-benefits ul{list-style:none;padding:0;margin:0}.billing-failure-benefits li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;font-size:14px;color:var(--text-secondary);line-height:1.5}.billing-failure-benefits svg{color:#22c55e;flex-shrink:0;margin-top:2px}.billing-failure-button{width:100%;padding:16px 32px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.billing-failure-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #468be64d}.billing-failure-button:disabled{opacity:.7;cursor:not-allowed}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.billing-failure-support{font-size:14px;color:var(--text-secondary);margin:0}.billing-failure-support a{color:var(--primary-color);text-decoration:none;font-weight:500}.billing-failure-support a:hover{text-decoration:underline}@media (max-width: 640px){.billing-failure-content{padding:32px 24px}.billing-failure-title{font-size:24px}.billing-failure-message{font-size:16px}.billing-failure-submessage{font-size:14px}.billing-failure-benefits{padding:20px}}.payment-success-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.payment-success-content{max-width:520px;width:100%;text-align:center;background:var(--bg-surface);border-radius:24px;padding:48px;box-shadow:0 20px 40px #00000014;border:1px solid var(--border-color)}.payment-success-logo{width:80px;height:80px;margin:0 auto 32px;display:block}.payment-success-icon{margin-bottom:24px;display:inline-flex;padding:16px;border-radius:50%;background:#468be61a;color:var(--primary-color)}.payment-success-icon.success{background:#22c55e1a;color:#22c55e}.payment-success-icon.warning{background:#fbbf241a;color:#fbbf24}.processing-spinner{width:64px;height:64px;border:4px solid rgba(70,139,230,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.payment-success-title{font-size:28px;font-weight:800;color:var(--text-primary);margin:0 0 16px;line-height:1.2}.payment-success-message{font-size:18px;color:var(--text-primary);margin:0 0 12px;line-height:1.5}.payment-success-submessage{font-size:16px;color:var(--text-secondary);margin:0 0 32px;line-height:1.5}.payment-success-features{background:var(--bg-secondary);border-radius:16px;padding:24px;margin:32px 0;text-align:left}.payment-success-features h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.payment-success-features ul{list-style:none;padding:0;margin:0}.payment-success-features li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;font-size:14px;color:var(--text-secondary);line-height:1.5}.payment-success-features svg{color:#22c55e;flex-shrink:0;margin-top:2px}.payment-success-progress{margin-top:32px}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:var(--primary-color);border-radius:4px;transition:width .5s ease}.progress-text{font-size:14px;color:var(--text-secondary);margin:0}.payment-success-button{width:100%;padding:16px 32px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.payment-success-button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #468be64d}.payment-success-support{font-size:14px;color:var(--text-secondary);margin:0}.payment-success-support a{color:var(--primary-color);text-decoration:none;font-weight:500}.payment-success-support a:hover{text-decoration:underline}@media (max-width: 640px){.payment-success-content{padding:32px 24px}.payment-success-title{font-size:24px}.payment-success-message{font-size:16px}.payment-success-submessage{font-size:14px}.payment-success-features{padding:20px}}.app{min-height:100vh;width:100%;position:relative}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--bg-primary);color:var(--text-primary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}