*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#ffffff;line-height:1.6}.App{min-height:100vh;display:flex;flex-direction:column}.App-header{background:#0a0a0a;padding:.75rem 2rem;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100}.App-header,.header-left{display:flex;align-items:center}.header-left{gap:2rem}.devsender-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease}.devsender-logo:hover{transform:translateY(-1px)}.logo-symbol{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.15);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.logo-symbol:hover{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));border-color:rgba(255,255,255,.25);box-shadow:0 4px 12px rgba(255,255,255,.1)}.logo-icon{width:20px;height:20px;color:#ffffff;transition:all .3s ease}.logo-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:1.1rem;font-weight:700;color:#ffffff;letter-spacing:-.02em;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Cascadia Code,monospace}.brand-suffix{font-size:.7rem;font-weight:500;color:#888888;letter-spacing:.05em;text-transform:uppercase;margin-top:-2px}.header-stats{display:flex;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.stat-label{font-size:.7rem;color:#999999;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1rem;font-weight:600;color:#ffffff}.header-actions,.header-right{display:flex;align-items:center}.header-actions{gap:1rem}.action-btn{background:transparent;color:#888888;padding:.3rem;border-radius:4px;font-size:.85rem;transition:all .15s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center;opacity:.7}.action-btn svg{width:1rem;height:1rem}.action-btn:hover{background-color:rgba(255,255,255,.05);color:#ffffff;opacity:1}.status-indicator{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;background-color:rgba(34,197,94,.08);border-radius:4px;opacity:.8}.status-dot{width:6px;height:6px;background-color:#22c55e;border-radius:50%;animation:pulse 2s infinite}.status-text{font-size:.75rem;color:#22c55e;font-weight:400}.App-main{padding:2rem;min-height:calc(100vh - 80px);background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.main-layout{display:flex;gap:2rem;max-width:1400px;margin:0 auto}.editor-container{flex:2 1;min-width:0;flex-direction:column}.editor-container,.right-panel{height:calc(100vh - 140px);display:flex}.right-panel{flex:1 1;min-width:300px;flex-direction:column}.filters-container{flex:1 1;display:flex;flex-direction:column;gap:1rem;min-height:0}.filter-summary{gap:1rem;padding:.3rem .5rem;border-radius:4px;background:transparent;border:none;justify-content:center;flex:1 1}.filter-summary,.summary-item{display:flex;align-items:center}.summary-item{flex-direction:column;gap:.1rem}.summary-item .label{font-size:.75rem;color:#777777;font-weight:400}.summary-item .value{font-size:.8rem;font-weight:400;color:#aaaaaa}.send-button{background:rgba(255,255,255,.03);color:#cccccc;border:1px solid rgba(255,255,255,.1);padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:auto;flex-shrink:0;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;gap:.5rem;position:relative;margin:.5rem;align-self:center}.send-button:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#ffffff}.send-button:active:not(:disabled){background:rgba(255,255,255,.05)}.send-button:disabled{background:rgba(255,255,255,.02);color:#666666;border-color:rgba(255,255,255,.05);cursor:not-allowed}.send-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.send-icon svg{width:1.1rem;height:1.1rem}.send-button:hover:not(:disabled) .send-icon{transform:scale(1.1)}.loading-icon{animation:spin 1s linear infinite}.send-text{font-weight:500;letter-spacing:.025em}.status-message{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-align:center;min-width:300px}.status-message.success{background-color:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-message.error{background-color:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-message.warning{background-color:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}@media (max-width:768px){.App-header{padding:1rem}.devsender-logo{gap:.5rem}.logo-symbol{width:36px;height:36px}.logo-icon{width:20px;height:20px}.brand-name{font-size:1.2rem}.brand-suffix{font-size:.7rem}.App-main{padding:1rem;gap:1rem}.send-button{min-width:100%}.main-layout{flex-direction:column;gap:1rem}.editor-container,.filters-container{flex:none;min-width:0}}.landing-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a)}.landing-header{background:rgba(10,10,10,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.header-nav,.landing-header{display:flex;align-items:center}.header-nav{gap:1rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff;text-decoration:none;font-weight:500;transition:all .3s ease}.nav-link:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.nav-link svg{width:18px;height:18px}.landing-main{flex:1 1;display:flex;flex-direction:column}.hero-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;padding:4rem 2rem;max-width:1200px;margin:0 auto;align-items:center;min-height:80vh}.hero-content{display:flex;flex-direction:column;gap:2rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;color:#ffffff;margin:0}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#a0a0a0;line-height:1.6;margin:0}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.cta-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffff;box-shadow:0 4px 20px rgba(102,126,234,.3)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(102,126,234,.4)}.cta-button.secondary{background:rgba(255,255,255,.05);color:#ffffff;border:1px solid rgba(255,255,255,.1)}.cta-button.secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.cta-button.large{padding:1.25rem 2.5rem;font-size:1.125rem}.cta-button svg{width:20px;height:20px}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-mockup{width:100%;max-width:500px;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.hero-mockup,.mockup-header{background:rgba(255,255,255,.05)}.mockup-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mockup-dots{display:flex;gap:.5rem}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3)}.mockup-content{display:flex;height:300px}.mockup-editor{flex:1 1;padding:1rem;display:flex;flex-direction:column;gap:1rem}.mockup-toolbar{display:flex;gap:.5rem}.mockup-button{width:24px;height:24px;background:rgba(255,255,255,.1);border-radius:4px}.mockup-text{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.mockup-line{height:8px;background:rgba(255,255,255,.1);border-radius:4px}.mockup-line.short{width:60%}.mockup-sidebar{width:120px;background:rgba(255,255,255,.02);border-left:1px solid rgba(255,255,255,.1);padding:1rem;display:flex;flex-direction:column;gap:1rem}.mockup-filter{height:60px;background:rgba(255,255,255,.05);border-radius:8px}.mockup-users{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.mockup-user{height:20px;background:rgba(255,255,255,.05);border-radius:4px}.features-section{padding:6rem 2rem;background:rgba(255,255,255,.02)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon svg{width:28px;height:28px;color:#ffffff}.feature-title{font-size:1.5rem;font-weight:700;color:#ffffff;margin:0 0 1rem}.feature-description{color:#a0a0a0;line-height:1.6;margin:0}.cta-section{padding:6rem 2rem;text-align:center}.cta-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.cta-title{font-size:2.5rem;font-weight:700;color:#ffffff;margin:0}.cta-subtitle{font-size:1.25rem;color:#a0a0a0;line-height:1.6;margin:0}.landing-footer{background:rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.1);padding:3rem 2rem 1rem}.footer-content{max-width:1200px;display:grid;grid-template-columns:1fr 2fr;grid-gap:3rem;gap:3rem;margin:0 auto 2rem}.footer-brand p{color:#a0a0a0;margin-top:1rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.footer-column h4{color:#ffffff;font-weight:600;margin:0 0 1rem}.footer-column a{display:block;color:#a0a0a0;text-decoration:none;margin-bottom:.5rem;transition:color .3s ease}.footer-column a:hover{color:#ffffff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;color:#666666}@media (max-width:1024px){.hero-section{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-title{font-size:2.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.landing-header{padding:1rem}.hero-section{padding:2rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.hero-actions{justify-content:center}.cta-button{padding:.875rem 1.5rem;font-size:.875rem}.features-section{padding:3rem 1rem}.features-grid{grid-template-columns:1fr}.cta-section{padding:3rem 1rem}.cta-title{font-size:2rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:1fr;gap:1.5rem}}.email-editor{background-color:#111111;border-radius:12px;border:1px solid #333333;overflow:hidden;height:100%;display:flex;flex-direction:column}.editor-header{padding:.5rem 1rem;background-color:#0a0a0a;border-bottom:1px solid #222222}.editor-header-content{display:flex;justify-content:space-between;align-items:center}.editor-header h2{font-size:.9rem;font-weight:500;color:#cccccc;margin:0}.preview-btn{background:transparent;border:none;color:#888888;padding:.25rem .5rem;border-radius:3px;font-size:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.preview-btn:hover{background-color:rgba(255,255,255,.05);color:#ffffff}.toolbar-toggle{background-color:transparent;color:#999999;border:none;padding:.3rem .6rem;border-radius:3px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.toolbar-toggle:hover{background-color:#222222;color:#cccccc}.editor-toolbar{gap:.75rem;padding:.5rem 2rem;background-color:transparent;flex-wrap:wrap}.editor-toolbar,.toolbar-group{display:flex;align-items:center}.toolbar-group{gap:.25rem}.toolbar-group button{background-color:transparent;color:#cccccc;border:none;padding:.4rem .6rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease;min-width:36px;display:flex;align-items:center;justify-content:center}.toolbar-group button:hover{background-color:#333333;color:#ffffff}.toolbar-group button.is-active{background-color:#444444;color:#ffffff}.editor-content{flex:1 1;padding:1.5rem;min-height:0;overflow-y:auto}.ProseMirror{outline:none;min-height:300px;color:#ffffff;font-size:1rem;line-height:1.6}.ProseMirror p{margin:0 0 1rem}.ProseMirror h1{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:#ffffff}.ProseMirror h1:first-child{margin-bottom:1.5rem;margin-top:0;color:#cccccc}.ProseMirror h1:first-child:empty:before{content:"Email subject line...";color:#666666;font-style:italic}.ProseMirror h2{font-size:1.5rem;font-weight:600;margin:1.25rem 0 .75rem;color:#ffffff}.ProseMirror h3{font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem;color:#ffffff}.ProseMirror ol,.ProseMirror ul{margin:1rem 0;padding-left:2rem}.ProseMirror li{margin:.25rem 0}.ProseMirror blockquote{border-left:4px solid #667eea;margin:1rem 0;padding-left:1rem;color:#cccccc;font-style:italic}.ProseMirror code{background-color:#333333;color:#ff6b6b;padding:.2rem .4rem;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.ProseMirror pre{background-color:#1a1a1a;color:#ffffff;padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0}.ProseMirror pre code{background-color:transparent;color:inherit;padding:0}.ProseMirror a{color:#667eea;text-decoration:underline}.ProseMirror a:hover{color:#8b9eff}.ProseMirror img{max-width:100%;height:auto;border-radius:6px;margin:1rem 0}.ProseMirror .is-editor-empty:first-child:before{color:#666666;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror .text-left{text-align:left}.ProseMirror .text-center{text-align:center}.ProseMirror .text-right{text-align:right}@media (max-width:768px){.editor-header{padding:.5rem .75rem;flex-direction:column;gap:.5rem;align-items:flex-start}.editor-toolbar{padding:1rem;gap:.5rem}.toolbar-group{gap:.125rem}.toolbar-group button{padding:.4rem .6rem;font-size:.8rem;min-width:35px}.editor-content{padding:1rem;min-height:300px}.ProseMirror{min-height:250px}}.email-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.email-preview-modal{background-color:#ffffff;border-radius:12px;width:95%;max-width:1200px;height:90%;max-height:800px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.08)}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.preview-header-left{display:flex;flex-direction:column;gap:.25rem}.preview-header h3{font-size:1rem;font-weight:600;color:#202124;margin:0;letter-spacing:-.01em}.preview-subtitle{font-size:.8rem;color:#5f6368;font-weight:400}.preview-close{background:none;border:none;color:#5f6368;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.preview-close:hover{background-color:#f1f3f4;color:#202124}.gmail-mockup{flex:1 1;position:relative}.gmail-header,.gmail-mockup{display:flex;background-color:#ffffff}.gmail-header{position:absolute;top:0;left:0;right:0;height:64px;border-bottom:1px solid #e8eaed;align-items:center;justify-content:space-between;padding:0 1rem;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.08)}.gmail-header-left{gap:1rem}.gmail-header-left,.gmail-menu{display:flex;align-items:center}.gmail-menu{color:#5f6368;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;justify-content:center}.gmail-menu:hover{background-color:#f1f3f4;color:#202124}.gmail-logo{gap:.5rem;font-size:1.125rem;font-weight:500;color:#202124;letter-spacing:-.01em}.gmail-logo,.gmail-search{display:flex;align-items:center}.gmail-search{background-color:#f1f3f4;border:1px solid transparent;border-radius:8px;padding:.5rem 1rem;width:100%;max-width:600px;transition:all .2s ease;margin:0 2rem;box-shadow:0 1px 2px rgba(0,0,0,.04)}.gmail-search:hover{background-color:#e8eaed;box-shadow:0 1px 3px rgba(0,0,0,.08)}.gmail-search:focus-within{background-color:#ffffff;border-color:#dadce0;box-shadow:0 2px 8px rgba(32,33,36,.15),0 1px 3px rgba(0,0,0,.1)}.search-icon{color:#5f6368;margin-right:.75rem;display:flex;align-items:center}.search-input{background:none;border:none;outline:none;font-size:.875rem;color:#202124;width:100%}.search-input::placeholder{color:#5f6368}.gmail-header-right{display:flex;align-items:center;gap:.5rem}.gmail-avatar{color:#5f6368;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.gmail-avatar:hover{background-color:#f1f3f4;color:#202124}.gmail-sidebar{width:240px;background-color:#ffffff;border-right:1px solid #e8eaed;padding-top:64px;display:flex;flex-direction:column}.sidebar-item{padding:.75rem 1rem;color:#5f6368;font-size:.875rem;cursor:pointer;transition:all .2s ease;border-radius:0 20px 20px 0;margin:.125rem 0;display:flex;align-items:center;gap:.75rem;position:relative}.sidebar-item:hover{background-color:#f1f3f4;color:#202124}.sidebar-item.active{background-color:#e8f0fe;color:#1a73e8;font-weight:500}.sidebar-item svg{width:20px;height:20px;flex-shrink:0}.sidebar-item span{flex:1 1}.unread-badge{background-color:#1a73e8;color:#ffffff;font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:10px;min-width:20px;text-align:center;line-height:1.2}.gmail-content{flex:1 1;display:flex;padding-top:64px}.gmail-email-list{width:320px;border-right:1px solid #e8eaed;background-color:#ffffff;display:flex;flex-direction:column}.email-list-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e8eaed;background-color:#f8f9fa;min-height:48px;box-sizing:border-box}.email-list-title{font-size:.875rem;font-weight:600;color:#202124}.email-list-actions{display:flex;gap:.25rem}.list-action{background:none;border:none;color:#5f6368;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px}.list-action:hover{background-color:#f1f3f4;color:#202124}.email-item{padding:.75rem 1.25rem;border-bottom:1px solid #f1f3f4;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:.75rem;position:relative}.email-item:hover{background-color:#f8f9fa;box-shadow:0 1px 2px rgba(0,0,0,.04)}.email-item.unread{background-color:#f8f9fa;font-weight:500}.email-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#1a73e8}.email-checkbox{color:#5f6368;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.email-checkbox:hover{background-color:#f1f3f4;color:#202124}.email-checkbox svg{width:16px;height:16px}.email-star{color:#5f6368;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.email-star:hover{color:#fbbc04;background-color:rgba(251,188,4,.1)}.email-star svg{width:16px;height:16px}.email-content{flex:1 1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.email-sender,.email-subject{font-size:.875rem;color:#202124;font-weight:600}.email-preview,.email-sender,.email-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-preview{line-height:1.4;font-weight:400}.email-preview,.email-time{font-size:.75rem;color:#5f6368}.email-time{min-width:60px;text-align:right}.gmail-email-view{flex:1 1;background-color:#ffffff;overflow-y:auto;display:flex;flex-direction:column}.email-view-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e8eaed;background-color:#f8f9fa;box-shadow:0 1px 2px rgba(0,0,0,.04);min-height:56px;box-sizing:border-box}.email-view-subject{font-size:1.25rem;font-weight:600;color:#202124;letter-spacing:-.02em;line-height:1.3}.email-view-actions{display:flex;gap:.25rem}.view-action{background:none;border:none;color:#5f6368;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.view-action:hover{background-color:#f1f3f4;color:#202124}.view-action svg{width:16px;height:16px}.email-details{border-bottom:1px solid #e8eaed;padding:1.25rem 1.5rem;margin-bottom:1.5rem;background-color:#f8f9fa}.email-date,.email-from,.email-to{font-size:.875rem;color:#5f6368;margin-bottom:.5rem;line-height:1.4}.email-date strong,.email-from strong,.email-to strong{color:#202124;font-weight:500}.email-body{color:#202124;line-height:1.6;font-size:.875rem;padding:0 1.5rem 1.5rem}.email-body h1{font-size:1.5rem;font-weight:600;margin:0 0 1.25rem;color:#202124;letter-spacing:-.02em;line-height:1.3}.email-body h2{font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem;color:#202124}.email-body h3{font-size:1.125rem;font-weight:600;margin:.8rem 0 .4rem;color:#202124}.email-body p{margin:0 0 1rem;color:#202124}.email-body ol,.email-body ul{margin:1rem 0;padding-left:2rem;color:#202124}.email-body li{margin:.25rem 0;color:#202124}.email-body blockquote{border-left:4px solid #1a73e8;margin:1rem 0;padding:1rem;color:#5f6368;font-style:italic;background-color:#f8f9fa;border-radius:0 8px 8px 0}.email-body a{color:#1a73e8;text-decoration:underline}.email-body a:hover{color:#174ea6}.email-body img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}.email-body-placeholder{padding:0 1.5rem 1.5rem}.email-body-placeholder p{margin:0 0 1rem;color:#202124;line-height:1.6;font-size:.875rem}.email-footer{padding:1rem 1.5rem;border-top:1px solid #e8eaed;background-color:#f8f9fa}@media (max-width:768px){.email-preview-overlay{padding:.5rem}.email-preview-modal{width:100%;height:100%;border-radius:0}.gmail-sidebar{width:200px}.gmail-email-list{width:280px}.preview-header{padding:.75rem 1rem}.gmail-header{padding:0 .75rem}.gmail-search{margin:0 1rem}.email-body,.email-details,.email-view-header{padding-left:1rem;padding-right:1rem}}.editor-actions{display:flex;gap:4px;align-items:center}.template-help-btn{background:transparent;color:#3b82f6;border:none;padding:.25rem .5rem;border-radius:3px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.template-help-btn:hover{background:rgba(59,130,246,.1);color:#60a5fa}.template-help-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-help-modal{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.5);animation:slideIn .3s ease-out}.template-help-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;background-color:#1f1f1f;border-radius:12px 12px 0 0}.template-help-header h3{margin:0;color:#ffffff;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.template-help-close{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.template-help-close:hover{background-color:#333;color:#ffffff}.template-help-content{padding:24px}.template-section{margin-bottom:32px}.template-section h4{color:#ffffff;font-size:16px;font-weight:600;margin:0 0 8px}.section-description{color:#cccccc;font-size:14px;margin:0 0 16px;line-height:1.5}.template-validation-error{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px;margin-bottom:24px}.template-validation-error h4{color:#ef4444;margin:0 0 8px;font-size:14px}.template-validation-error ul{margin:0;padding-left:20px;color:#fca5a5;font-size:13px}.variables-grid{display:grid;grid-gap:12px;gap:12px}.variable-item{background-color:#222;border:1px solid #333;border-radius:8px;padding:12px}.variable-name{background-color:#333;color:#3b82f6;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:600;display:inline-block;margin-bottom:8px}.variable-info{color:#cccccc}.variable-description{font-size:14px;margin-bottom:4px}.variable-example{font-size:12px;color:#888;font-style:italic}.conditionals-list{display:grid;grid-gap:12px;gap:12px}.conditional-item{background-color:#222;border:1px solid #333;border-radius:8px;padding:12px}.conditional-syntax{background-color:#333;color:#10b981;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:600;display:inline-block;margin-bottom:8px}.conditional-description{color:#cccccc;font-size:14px}.example-content{background-color:#0a0a0a;border:1px solid #333;border-radius:8px;padding:16px}.example-content pre{margin:0;background:none;color:#cccccc;font-size:13px;line-height:1.5;overflow-x:auto}.example-content code{background:none;color:inherit;padding:0}@media (max-width:768px){.template-help-modal{width:95%;max-height:90vh}.template-help-content{padding:16px}.editor-actions{flex-direction:column;gap:2px}.preview-btn,.template-help-btn{font-size:11px;padding:.2rem .4rem}}.custom-bubble-menu{background:linear-gradient(145deg,#1e1e1e,#1a1a1a);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px;animation:bubbleMenuSlideIn .2s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes bubbleMenuSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-100%) scale(.8) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(-100%) scale(1) translateY(0)}}.bubble-menu-buttons{display:flex;align-items:center;gap:2px}.bubble-btn{background:transparent;border:none;color:#a0a0a0;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative}.bubble-btn:hover{background:rgba(255,255,255,.1);color:#ffffff;transform:translateY(-1px)}.bubble-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffff;box-shadow:0 2px 8px rgba(102,126,234,.3)}.bubble-btn:active{transform:translateY(0)}.bubble-divider{width:1px;height:16px;background:rgba(255,255,255,.15);margin:0 6px}.bubble-link-input{display:flex;align-items:center;gap:8px;min-width:200px}.bubble-link-input input{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff;font-size:13px;padding:8px 12px;flex:1 1;outline:none;transition:all .2s ease}.bubble-link-input input:focus{border-color:rgba(102,126,234,.5);background:rgba(255,255,255,.08);box-shadow:0 0 0 2px rgba(102,126,234,.1)}.bubble-link-input input::placeholder{color:#666666}.bubble-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#ffffff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.bubble-btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.bubble-btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}.tippy-box[data-theme~=light-border]{background-color:#1a1a1a;border:1px solid #333333;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.tippy-box[data-theme~=light-border] .tippy-arrow{color:#1a1a1a}.tippy-box[data-theme~=light-border] .tippy-arrow:before{border-top-color:#1a1a1a}@media (max-width:768px){.bubble-menu{padding:.4rem}.bubble-menu-content{gap:.2rem}.bubble-menu button{padding:.3rem .5rem;min-width:28px;height:28px;font-size:.8rem}.link-input-container{flex-direction:column;gap:.2rem;padding:.4rem}.link-input-container input{min-width:180px;font-size:.75rem}.link-cancel-btn,.link-confirm-btn{padding:.2rem .4rem;min-width:20px;height:20px;font-size:.75rem}}.campaigns-form .email-editor{border:none;background-color:transparent}.campaigns-form .editor-header{background-color:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.1)}.campaigns-form .editor-content{background-color:transparent}.campaigns-form .ProseMirror{background-color:transparent;min-height:350px}.ai-query-content,.user-filters{display:flex;flex-direction:column;gap:16px}.ai-input-section{display:flex;flex-direction:column;gap:12px}.ai-input-group{display:flex;gap:8px;align-items:flex-start}.ai-input-group .input-with-icon{flex:1 1}.ai-submit-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:6px;color:#cccccc;cursor:pointer;transition:all .2s ease;flex-shrink:0}.ai-submit-btn:hover:not(:disabled){background:rgba(255,255,255,.05);color:#ffffff}.ai-submit-btn:active:not(:disabled){background:rgba(255,255,255,.08)}.ai-submit-btn:disabled{opacity:.3;cursor:not-allowed}.generated-sql{margin-top:8px}.sql-header{justify-content:space-between;margin-bottom:8px}.sql-actions,.sql-header{display:flex;align-items:center}.sql-actions{gap:4px}.toggle-sql-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#999999;cursor:pointer;transition:all .2s ease;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.toggle-sql-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);color:#cccccc}.sql-label{font-size:.8rem;color:#999999;font-weight:500;display:flex;align-items:center}.result-count{color:#666666;font-weight:400;margin-left:4px}.expand-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#999999;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:12px}.expand-btn:hover{background:rgba(255,255,255,.05);color:#cccccc}.copy-btn,.expand-btn svg{transition:all .2s ease}.copy-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#999999;cursor:pointer;flex-shrink:0;font-size:12px}.copy-btn:hover{background:rgba(255,255,255,.05);color:#cccccc}.copy-btn svg{transition:all .2s ease}.sql-code-container{background:#111111;border:1px solid #222222;border-radius:6px;overflow:hidden}.sql-code{display:block;background:transparent;border:none;border-radius:0;padding:12px;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.4;color:#cccccc;white-space:pre-wrap;word-break:normal;max-height:120px;overflow-y:auto;overflow-x:auto;transition:max-height .3s ease}.sql-code-container.expanded .sql-code{max-height:400px}.sql-code::-webkit-scrollbar{width:6px;height:6px}.sql-code::-webkit-scrollbar-track{background:#111111}.sql-code::-webkit-scrollbar-thumb{background:#333333;border-radius:3px}.sql-code::-webkit-scrollbar-thumb:hover{background:#444444}.executing-indicator{display:inline-block;width:6px;height:6px;background:#999999;border-radius:50%;animation:pulse 1.5s ease-in-out infinite;margin-right:8px;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#64748b;font-size:14px;z-index:1}.input-with-icon input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e2e8f0;border-radius:6px;background:#ffffff;color:#0f172a;font-size:14px;transition:all .2s ease}.input-with-icon input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input-with-icon input::placeholder{color:#94a3b8}.input-with-icon input:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.input-with-icon input:disabled:focus{border-color:#333333;background-color:#0f0f0f;box-shadow:none}.example-queries{margin-top:16px}.example-queries-label{font-size:.85rem;font-weight:500;color:#999999;margin-bottom:12px;display:flex;align-items:center;gap:6px}.example-queries-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.example-query-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid rgba(102,126,234,.2);border-radius:6px;color:#cccccc;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.example-query-btn:hover:not(:disabled){background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3);color:#ffffff;transform:translateY(-1px)}.example-query-btn:active:not(:disabled){transform:translateY(0)}.example-query-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.example-query-btn svg{font-size:14px;flex-shrink:0}@media (prefers-color-scheme:dark){.input-with-icon input{background:#1e293b;border-color:#475569;color:#f1f5f9}.input-with-icon input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.1)}.input-with-icon input::placeholder{color:#64748b}.input-with-icon input:disabled{background:#0f172a;color:#64748b}.sql-code-container{background:#0f0f0f;border-color:#333333}.sql-code{color:#cccccc}.sql-label{color:#999999}}@media (max-width:768px){.example-queries-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}.example-query-btn{padding:6px 10px;font-size:.75rem}}.selected-profiles{margin-top:4px;display:flex;flex-direction:column;flex:1 1;min-height:0}.profiles-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:8px}.profiles-header h3{margin:0;color:#ffffff;font-size:14px;font-weight:600}.profiles-count{color:#888;font-size:12px;font-weight:500}.profiles-summary{padding:4px 0;margin-bottom:8px;color:#888;font-size:12px;font-style:italic}.profiles-empty,.profiles-loading{padding:16px 0;text-align:center;color:#888;font-size:13px}.empty-icon,.end-icon,.loading-icon{display:inline-block;font-size:16px;margin-right:8px}.profiles-table{width:100%;display:flex;flex-direction:column;flex:1 1;min-height:0}.table-header{display:grid;grid-template-columns:.8fr 2fr 1.5fr .8fr;grid-gap:12px;gap:12px;padding:8px 0;margin-bottom:4px;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.table-body{flex:1 1;min-height:0;overflow-y:auto}.virtual-scroll-container,.virtual-scroll-spacer{position:relative}.virtual-scroll-content{position:absolute;top:0;left:0;right:0}.table-row{display:grid;grid-template-columns:.8fr 2fr 1.5fr .8fr;grid-gap:12px;gap:12px;padding:6px 0;transition:opacity .2s ease}.table-row:hover{opacity:.8}.end-row,.loading-row{border-bottom:none}.end-cell,.loading-cell{grid-column:1/-1;justify-content:center;color:#888;font-size:12px;font-style:italic;padding:12px 0}.table-cell{display:flex;align-items:center;min-height:20px;min-width:0;flex:1 1}.table-cell.avatar{justify-content:center}.user-avatar{object-fit:cover}.avatar-fallback,.user-avatar{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.avatar-fallback{background-color:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#888;font-size:12px}.skeleton-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%);background-size:200% 100%;animation:loading 1.5s infinite}.table-cell.email{overflow:hidden;min-width:0}.email-text{color:#ffffff;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}.table-cell.name{overflow:hidden;min-width:0}.name-text{color:#cccccc;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}.plan-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:35px;justify-content:center}.plan-badge.plan-pro{background-color:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.plan-badge.plan-storyteller{background-color:rgba(168,85,247,.15);color:#a855f7;border:1px solid rgba(168,85,247,.3)}.plan-badge.plan-explorer{background-color:rgba(59,130,246,.15);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.plan-badge.plan-free{background-color:rgba(107,114,128,.15);color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.table-body::-webkit-scrollbar{width:6px}.table-body::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.table-body::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.table-body::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:768px){.profiles-header{padding:8px 0;flex-direction:column;align-items:flex-start;gap:4px}.profiles-header h3{font-size:14px}.profiles-count{font-size:12px}.table-header,.table-row{grid-template-columns:2fr 1fr .7fr;gap:12px;padding:8px 0}.table-header{font-size:12px}.email-text,.name-text{font-size:13px}.plan-badge{font-size:11px;padding:3px 6px;min-width:40px}.profiles-pagination{padding:8px 0;flex-direction:column;gap:8px;align-items:stretch}.pagination-controls{justify-content:center}.pagination-info{text-align:center;font-size:12px}}@media (max-width:480px){.table-header,.table-row{grid-template-columns:1fr;gap:4px}.table-cell{min-height:auto}.table-cell.email:before{content:"Email: ";color:#888;font-size:12px;margin-right:8px}.table-cell.name:before{content:"Name: ";color:#888;font-size:12px;margin-right:8px}.table-cell.plan:before{content:"Plan: ";color:#888;font-size:12px;margin-right:8px}.table-header{display:none}.table-row{padding:8px 0;margin:4px 0}}.skeleton-row{opacity:.7}.skeleton-line{height:16px;border-radius:4px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;position:relative;overflow:hidden}.skeleton-line:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-email{width:85%}.skeleton-name{width:70%}.skeleton-plan{width:60%;height:20px;border-radius:3px}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.8}}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-row:first-child .skeleton-line{animation-delay:0s}.skeleton-row:nth-child(2) .skeleton-line{animation-delay:.1s}.skeleton-row:nth-child(3) .skeleton-line{animation-delay:.2s}.skeleton-row:nth-child(4) .skeleton-line{animation-delay:.3s}.skeleton-row:nth-child(5) .skeleton-line{animation-delay:.4s}.skeleton-row:nth-child(6) .skeleton-line{animation-delay:.5s}.skeleton-row:nth-child(7) .skeleton-line{animation-delay:.6s}.skeleton-row:nth-child(8) .skeleton-line{animation-delay:.7s}.skeleton-row:nth-child(9) .skeleton-line{animation-delay:.8s}.skeleton-row:nth-child(10) .skeleton-line{animation-delay:.9s}.skeleton-row:nth-child(11) .skeleton-line{animation-delay:1s}.skeleton-row:nth-child(12) .skeleton-line{animation-delay:1.1s}.skeleton-row:nth-child(13) .skeleton-line{animation-delay:1.2s}.skeleton-row:nth-child(14) .skeleton-line{animation-delay:1.3s}.skeleton-row:nth-child(15) .skeleton-line{animation-delay:1.4s}.email-sending-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.email-sending-progress-modal{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.5);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.progress-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;background-color:#1f1f1f;border-radius:12px 12px 0 0}.progress-header h3{margin:0;color:#ffffff;font-size:18px;font-weight:600}.close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background-color:#333;color:#ffffff}.progress-content{padding:24px}.progress-section{margin-bottom:24px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{color:#cccccc;font-size:14px;font-weight:500}.progress-percentage{color:#ffffff;font-size:14px;font-weight:600;background-color:#333;padding:4px 8px;border-radius:4px}.progress-bar-container{width:100%;height:8px;background-color:#333;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-container.batch-progress{height:6px;background-color:#2a2a2a}.progress-bar{height:100%;background-color:#3b82f6;border-radius:4px;transition:width .3s ease;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-stats{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888}.failed-count{color:#ef4444;font-weight:500}.status-section{background-color:#1f1f1f;border:1px solid #333;border-radius:8px;padding:16px;margin-bottom:20px}.status-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.status-item:last-child{margin-bottom:0}.status-label{color:#888}.status-label,.status-value{font-size:13px;font-weight:500}.status-value{color:#ffffff;text-align:right;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.failed-section{background-color:#1f1f1f;border:1px solid #333;border-radius:8px;padding:16px;margin-bottom:20px}.failed-section h4{margin:0 0 12px;color:#ef4444;font-size:14px;font-weight:600}.failed-list{max-height:120px;overflow-y:auto}.failed-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #2a2a2a;font-size:12px}.failed-item:last-child{border-bottom:none}.failed-email{color:#cccccc;font-weight:500;flex:1 1;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.failed-error{color:#ef4444;font-size:11px;font-weight:500;text-align:right;flex-shrink:0}.failed-more{color:#888;font-size:11px;font-style:italic;text-align:center;padding:8px 0}.progress-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.action-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.action-btn.primary{background-color:#3b82f6;color:#ffffff}.action-btn.primary:hover{background-color:#2563eb;transform:translateY(-1px)}.action-btn.secondary{background-color:#333;color:#ffffff;border:1px solid #555}.action-btn.secondary:hover{background-color:#444;transform:translateY(-1px)}.failed-list::-webkit-scrollbar{width:6px}.failed-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.failed-list::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.failed-list::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:768px){.email-sending-progress-modal{width:95%;margin:20px}.progress-content{padding:16px}.progress-header{padding:16px 20px}.status-item{flex-direction:column;align-items:flex-start;gap:4px}.status-value{text-align:left;max-width:none}.failed-item{flex-direction:column;align-items:flex-start;gap:4px}.failed-error{text-align:left}}code[class*=language-],pre[class*=language-]{color:#cccccc;background:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.4;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:12px;margin:0;overflow:auto;background:transparent}.token.keyword{color:#ff6b6b}.token.string{color:#51cf66}.token.number{color:#339af0}.token.operator{color:#fcc419}.token.punctuation{color:#adb5bd}.token.function{color:#845ef7}.token.comment{color:#868e96;font-style:italic}.token.boolean,.token.null{color:#ff6b6b}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-container{min-height:100vh;background-color:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.dashboard-sidebar{width:240px;background-color:rgba(255,255,255,.02);border-right:1px solid rgba(255,255,255,.06);padding:24px 20px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;height:100vh;left:0;top:0}.dashboard-sidebar-logo{margin-bottom:32px}.dashboard-domain-selector{flex:1 1;margin-bottom:24px}.dashboard-domain-row{display:flex;align-items:center;gap:8px}.dashboard-domain-select{flex:1 1;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background-color:rgba(255,255,255,.02);color:#ffffff;font-size:14px;cursor:pointer;transition:all .2s ease}.dashboard-domain-select:focus{outline:none;border-color:rgba(59,130,246,.3)}.dashboard-domain-select option{background-color:#1a1a1a;color:#ffffff}.dashboard-add-domain-button{width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background-color:rgba(255,255,255,.02);color:#888888;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dashboard-add-domain-button:hover{background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#3b82f6}.dashboard-user-section{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-user-name{font-size:13px;color:#888888;font-weight:400}.dashboard-sign-out-button{width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background-color:rgba(255,255,255,.02);color:#888888;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dashboard-sign-out-button:hover{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.dashboard-main-content{flex:1 1;margin-left:240px;padding:32px;max-width:calc(100vw - 240px)}.dashboard-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-sidebar-title{font-size:18px;font-weight:600;color:#ffffff}.dashboard-create-button{padding:6px 12px;background-color:#3b82f6;color:white;border:none;border-radius:8px;font-size:12px;cursor:pointer;transition:all .3s ease}.dashboard-create-button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.dashboard-domain-list{display:flex;flex-direction:column;gap:8px}.dashboard-domain-item{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;background-color:rgba(255,255,255,.02);display:flex;align-items:center}.dashboard-domain-item:hover{background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.dashboard-domain-item-active{background-color:rgba(59,130,246,.1);border-color:#3b82f6;box-shadow:0 0 0 1px rgba(59,130,246,.3)}.dashboard-domain-item-content{flex:1 1;cursor:pointer}.dashboard-domain-name{font-weight:500;color:#ffffff;font-size:14px}.dashboard-domain-url{font-size:12px;color:#888888;margin-top:2px}.dashboard-domain-status{margin-top:8px}.dashboard-status-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.dashboard-status-active{background-color:rgba(34,197,94,.2);color:#4ade80}.dashboard-status-inactive{background-color:rgba(239,68,68,.2);color:#f87171}.dashboard-status-warning{background-color:rgba(245,158,11,.2);color:#fbbf24}.dashboard-domain-actions{display:flex;align-items:center;gap:4px}.dashboard-edit-button{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;opacity:.7}.dashboard-edit-button:hover{opacity:1;background-color:rgba(107,114,128,.1)}.dashboard-delete-button{background:none;border:none;color:#ef4444;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;opacity:.7}.dashboard-delete-button:hover{opacity:1;background-color:rgba(239,68,68,.1)}.dashboard-main-panel{flex:1 1;background-color:rgba(255,255,255,.02);border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%}.dashboard-empty-main-panel{text-align:center;padding:60px 20px;color:#888888}.dashboard-empty-state{text-align:center;padding:40px 20px;color:#888888}.dashboard-empty-subtext{font-size:12px;margin-top:4px;color:#666666}.dashboard-error-message{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:8px 12px;border-radius:6px;font-size:14px;margin-bottom:16px}.dashboard-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.dashboard-loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.dashboard-domain-overview{display:flex;flex-direction:column;gap:24px}.dashboard-domain-header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.dashboard-domain-title{font-size:24px;font-weight:600;color:#ffffff}.dashboard-domain-subtitle{font-size:14px;color:#888888;margin-top:4px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.dashboard-stat-card{padding:16px;background-color:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:center}.dashboard-stat-number{font-size:24px;font-weight:600;color:#ffffff;margin:0 0 4px}.dashboard-stat-label{font-size:12px;color:#888888;margin:0}.dashboard-sections-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.dashboard-section{border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background-color:rgba(255,255,255,.02)}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-section-title{font-size:16px;font-weight:500;color:#ffffff;margin:0}.dashboard-section-button{padding:4px 8px;background-color:#3b82f6;color:white;border:none;border-radius:4px;font-size:12px;cursor:pointer}.dashboard-section-content{padding:16px 20px}.dashboard-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.dashboard-list-item-name{font-size:14px;color:#ffffff}.dashboard-list-item-meta{font-size:12px;color:#888888}.dashboard-empty-text{color:#888888;font-style:italic;font-size:14px}.dashboard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.dashboard-modal{background-color:rgba(255,255,255,.05);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:auto;margin:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dashboard-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-modal-header h2{color:#ffffff;margin:0}.dashboard-close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#888888;transition:color .3s ease}.dashboard-close-button:hover{color:#ffffff}.dashboard-form{padding:24px}.dashboard-form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.dashboard-form-group{display:flex;flex-direction:column}.dashboard-label{font-size:14px;font-weight:500;color:#ffffff;margin-bottom:6px}.dashboard-input{padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:14px;background-color:rgba(255,255,255,.05);color:#ffffff;transition:all .3s ease}.dashboard-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.dashboard-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dashboard-cancel-button{padding:8px 16px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background-color:rgba(255,255,255,.05);color:#ffffff;cursor:pointer;transition:all .3s ease}.dashboard-cancel-button:hover{background-color:rgba(255,255,255,.1)}.dashboard-submit-button{padding:8px 16px;background-color:#3b82f6;color:white;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.dashboard-submit-button:hover:not(:disabled){background-color:#2563eb}.dashboard-submit-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{position:relative;width:100%;height:auto;padding:16px;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.dashboard-sidebar-logo{margin-bottom:20px}.dashboard-domain-selector{margin-bottom:16px}.dashboard-user-section{margin-top:16px}.dashboard-main-content{margin-left:0;padding:20px;max-width:100%}.dashboard-main-panel{padding:20px}.dashboard-sections-grid,.dashboard-stats-grid{grid-template-columns:1fr}}