*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:Inter,system-ui,sans-serif;background:#0f1117;color:#e2e8f0;min-height:100vh}:root{--bg: #0f1117;--bg2: #161b27;--bg3: #1e2535;--border: #2a3347;--purple: #6c63ff;--teal: #00d4aa;--gold: #f7b731;--blue: #45aaf2;--green: #26de81;--orange: #fd9644;--red: #fc5c65;--text: #e2e8f0;--text2: #94a3b8;--text3: #64748b}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{background:var(--bg3);border:1.5px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .9rem;font-size:.9rem;width:100%;outline:none;font-family:inherit;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--purple)}textarea{resize:vertical}label{font-size:.75rem;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem;display:block}.app{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:.8rem;padding:1.4rem 1.2rem;border-bottom:1px solid var(--border)}.brand-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--teal));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0}.brand-name{font-size:.95rem;font-weight:700;color:var(--text)}.brand-sub{font-size:.72rem;color:var(--text3)}.sidebar-nav{flex:1;padding:1rem .7rem;display:flex;flex-direction:column;gap:.2rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.65rem .9rem;border-radius:8px;border:none;background:none;color:var(--text2);font-size:.88rem;cursor:pointer;text-align:left;width:100%;transition:all .15s}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:#6c63ff26;color:var(--purple);font-weight:600}.nav-icon{font-size:1.1rem;width:20px;text-align:center}.sidebar-footer{padding:1rem 1.2rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--teal)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main{margin-left:230px;flex:1;min-height:100vh;background:var(--bg)}.page{padding:2rem;max-width:1300px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.page-header h1{font-size:1.7rem;font-weight:700;color:var(--text)}.page-sub{font-size:.85rem;color:var(--text3);margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;white-space:nowrap;font-family:inherit}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:#7c74ff;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text2);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--purple);color:var(--purple)}.btn-ghost{background:#ffffff12;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff1f}.btn-danger{color:var(--red)!important;border-color:var(--red)!important}.btn.big{width:100%;padding:.85rem;font-size:.9rem;margin-top:.5rem}.btn-sm{padding:.38rem .85rem;font-size:.78rem}.btn-link{background:none;border:none;color:var(--purple);font-size:.82rem;cursor:pointer}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.25rem;opacity:.7;transition:opacity .2s}.btn-icon:hover{opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid var(--border)}.card-header h3{font-size:.95rem;font-weight:600;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.2rem;display:flex;align-items:center;gap:.9rem}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.stat-value{font-size:1.4rem;font-weight:700;line-height:1}.stat-label{font-size:.72rem;color:var(--text3);margin-top:.2rem}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.pipeline{padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.7rem}.pipeline-row{display:flex;align-items:center;gap:.8rem}.pipeline-label{font-size:.78rem;color:var(--text2);width:100px;flex-shrink:0}.pipeline-bar-wrap{flex:1;height:6px;background:var(--bg3);border-radius:99px;overflow:hidden}.pipeline-bar{height:100%;border-radius:99px;transition:width .6s ease}.pipeline-count{font-size:.8rem;font-weight:600;width:20px;text-align:right}.lead-list{padding:.5rem;display:flex;flex-direction:column}.lead-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem;border-radius:8px;transition:background .15s}.lead-row:hover{background:var(--bg3)}.lead-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--teal));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}.lead-avatar.sm{width:28px;height:28px;font-size:.75rem}.lead-info{flex:1;min-width:0}.lead-name{font-size:.88rem;font-weight:600;color:var(--text)}.lead-title{font-size:.75rem;color:var(--text3)}.lead-email{font-size:.72rem;color:var(--text3)}.lead-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.badge{font-size:.68rem;font-weight:600;padding:.25rem .6rem;border-radius:99px;text-transform:capitalize}.badge-new{background:#6c63ff33;color:var(--purple)}.badge-qualified{background:#00d4aa33;color:var(--teal)}.badge-contacted{background:#f7b73133;color:var(--gold)}.badge-followup{background:#45aaf233;color:var(--blue)}.badge-replied{background:#26de8133;color:var(--green)}.badge-converted{background:#fd964433;color:var(--orange)}.badge-rejected{background:#fc5c6533;color:var(--red)}.badge-count{font-size:.75rem;font-weight:600;background:var(--purple);color:#fff;padding:.2rem .6rem;border-radius:99px}.score-pill{font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:6px}.score-high{background:#26de8133;color:var(--green)}.score-mid{background:#f7b73133;color:var(--gold)}.score-low{background:#fc5c6533;color:var(--red)}.target-profile{padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.6rem}.tp-item{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;padding:.45rem 0;border-bottom:1px solid var(--border)}.tp-item:last-child{border:none}.tp-label{color:var(--text3);font-size:.75rem}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:3rem 1.4rem;color:var(--text3);font-size:.88rem;text-align:center}.empty-page{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;text-align:center}.empty-page h3{color:var(--text);font-size:1.1rem}.finder-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:1.5rem}.finder-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.2rem 1.4rem}.form-group{display:flex;flex-direction:column}.form-group.full{grid-column:span 2}.tip-list{padding:1rem 1.4rem;display:flex;flex-direction:column;gap:.6rem}.tip-item{padding:.7rem;background:var(--bg3);border-radius:8px}.tip-title{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:.2rem}.tip-why{font-size:.75rem;color:var(--text3)}.loading-bar{height:3px;background:var(--bg3);border-radius:99px;overflow:hidden;margin-top:.8rem}.loading-progress{height:100%;background:linear-gradient(90deg,var(--purple),var(--teal));animation:loadSlide 1.5s ease-in-out infinite;border-radius:99px}@keyframes loadSlide{0%{width:0%;margin-left:0}50%{width:70%}to{width:0%;margin-left:100%}}.step-msg{font-size:.82rem;color:var(--teal);text-align:center;margin-top:.6rem}.preview-section{margin-top:1.5rem}.table-wrap{overflow-x:auto}.leads-table{width:100%;border-collapse:collapse;font-size:.83rem}.leads-table th{padding:.75rem 1rem;text-align:left;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text3);border-bottom:1px solid var(--border);background:var(--bg3)}.leads-table td{padding:.7rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.leads-table tr:hover td{background:#6c63ff0a}.leads-table tr:last-child td{border:none}.row-selected td{background:#6c63ff14!important}.email-cell{font-size:.75rem;color:var(--text3)}.reason-cell{font-size:.75rem;color:var(--text2);max-width:200px}.name-cell{display:flex;align-items:center;gap:.6rem}.action-btns{display:flex;gap:.2rem}.status-select{padding:.3rem .6rem;font-size:.75rem;width:auto}.followup-date{font-size:.75rem;color:var(--blue)}.followup-date.overdue{color:var(--red)}.no-followup{color:var(--text3)}.crm-filters{display:flex;gap:.8rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.search-input{flex:1;min-width:200px}.crm-filters select{width:auto}.filter-count{font-size:.78rem;color:var(--text3);flex-shrink:0}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:50;display:flex;justify-content:flex-end}.drawer{width:420px;background:var(--bg2);border-left:1px solid var(--border);height:100%;overflow-y:auto;display:flex;flex-direction:column}.drawer-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border);position:relative}.drawer-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--teal));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;flex-shrink:0}.drawer-header h3{font-size:1rem;font-weight:700;color:var(--text)}.drawer-header p{font-size:.8rem;color:var(--text2);margin-top:.1rem}.drawer-region{color:var(--text3)!important;font-size:.75rem!important}.drawer-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text3);font-size:1.1rem;cursor:pointer}.drawer-body{flex:1;padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:1.2rem}.drawer-section{display:flex;flex-direction:column;gap:.5rem}.drawer-section label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text3)}.drawer-email,.drawer-linkedin{font-size:.84rem;color:var(--text2)}.score-bar-wrap{display:flex;align-items:center;gap:.8rem}.score-bar-wrap>div{flex:1;height:8px;border-radius:99px;background:var(--bg3);overflow:hidden}.score-bar{height:100%;border-radius:99px}.qual-reason{font-size:.78rem;color:var(--text3);font-style:italic;margin-top:.3rem}.followup-btns{display:flex;gap:.5rem}.followup-set{font-size:.78rem;color:var(--blue);margin-top:.4rem}.email-preview{font-size:.78rem;color:var(--text2);background:var(--bg3);padding:.8rem;border-radius:8px;white-space:pre-wrap;line-height:1.6;max-height:200px;overflow-y:auto}.status-select.full{width:100%}.outreach-layout{display:grid;grid-template-columns:340px 1fr;gap:1.5rem}.outreach-controls{display:flex;flex-direction:column;gap:1.2rem}.lead-picker{padding:.5rem;max-height:220px;overflow-y:auto;display:flex;flex-direction:column}.lead-pick-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:8px;cursor:pointer;transition:background .15s}.lead-pick-item:hover{background:var(--bg3)}.lead-pick-item.picked{background:#6c63ff26}.lead-pick-info{flex:1;min-width:0}.template-list{padding:.7rem;display:flex;flex-direction:column;gap:.4rem}.template-item{padding:.7rem .9rem;border-radius:8px;cursor:pointer;border:1.5px solid transparent;transition:all .15s}.template-item:hover{background:var(--bg3)}.template-item.selected{border-color:var(--purple);background:#6c63ff1a}.template-label{font-size:.85rem;font-weight:600;color:var(--text)}.template-desc{font-size:.75rem;color:var(--text3);margin-top:.15rem}.draft-card{display:flex;flex-direction:column;height:100%}.draft-actions{display:flex;gap:.5rem}.empty-draft{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:4rem 2rem;color:var(--text3);text-align:center;flex:1}.empty-sub{font-size:.78rem;max-width:280px}.generating-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;flex:1}.generating-state p{color:var(--text2);font-size:.88rem}.typing-dots{display:flex;gap:.4rem}.typing-dots span{width:10px;height:10px;border-radius:50%;background:var(--purple);animation:typingDot 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.draft-content{display:flex;flex-direction:column;flex:1}.draft-field{display:flex;align-items:center;gap .8rem;padding:.7rem 1.4rem;border-bottom:1px solid var(--border);font-size:.85rem}.draft-field label{font-size:.72rem;color:var(--text3);width:55px;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em;margin:0}.draft-field span{color:var(--text2)}.subject-input{border:none;background:none;font-size:.9rem;font-weight:600;color:var(--text);padding:0}.subject-input:focus{outline:none}.draft-body{flex:1;padding:1rem 1.4rem}.draft-body textarea{border:none;background:none;font-size:.88rem;color:var(--text);line-height:1.8;resize:none;padding:0;height:100%;min-height:320px}.draft-body textarea:focus{outline:none;border:none}.draft-meta{padding:.7rem 1.4rem;border-top:1px solid var(--border);display:flex;gap:1rem;font-size:.72rem;color:var(--text3)}.header-tabs{display:flex;gap:.3rem}.tab-btn{padding:.5rem 1.1rem;border-radius:8px;border:1.5px solid var(--border);background:none;color:var(--text2);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.tab-btn.active{background:var(--purple);color:#fff;border-color:var(--purple)}.batch-layout{display:flex;flex-direction:column;gap:1.5rem}.batch-info{font-size:.85rem;color:var(--text2);padding:0 1.4rem .5rem}.batch-lead-list{max-height:400px;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.2rem}.batch-lead-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:8px;cursor:pointer;transition:background .15s}.batch-lead-item:hover{background:var(--bg3)}.batch-lead-item.checked{background:#6c63ff1a}.batch-checkbox{font-size:1rem;width:20px;text-align:center}.batch-actions{display:flex;gap:.6rem;align-items:center;padding:1rem 1.4rem;border-top:1px solid var(--border);flex-wrap:wrap}.batch-actions .btn-primary{margin-left:auto}.batch-progress-wrap{margin:0 1.4rem 1rem}.batch-progress-bar{height:4px;background:linear-gradient(90deg,var(--purple),var(--teal));border-radius:99px;transition:width .3s}.batch-progress-wrap p{font-size:.75rem;color:var(--text3);margin-top:.4rem;text-align:center}.batch-results{display:flex;flex-direction:column;gap:1rem}.batch-results h3{font-size:1rem;font-weight:600;color:var(--text)}.batch-result-card{overflow:visible}.batch-result-header{display:flex;align-items:center;gap:.7rem;padding:1rem 1.4rem;border-bottom:1px solid var(--border)}.batch-email-preview{padding:1rem 1.4rem}.batch-subject{font-size:.82rem;margin-bottom:.6rem;color:var(--text2)}.batch-body{font-size:.82rem;color:var(--text2);white-space:pre-wrap;line-height:1.7;max-height:180px;overflow-y:auto}.settings-layout{display:flex;flex-direction:column;gap:1.5rem;max-width:680px}.settings-desc{font-size:.85rem;color:var(--text2);padding:.5rem 1.4rem 1rem;line-height:1.6}.settings-btns{display:flex;gap:.7rem;padding:.5rem 1.4rem 1.4rem;flex-wrap:wrap}.settings-desc+.form-group{padding:0 1.4rem 1rem}.card>.form-group{padding:0 1.4rem 1rem}.test-result{margin:0 1.4rem 1.4rem;padding:.7rem 1rem;border-radius:8px;font-size:.85rem}.test-result.ok{background:#26de811a;color:var(--green);border:1px solid rgba(38,222,129,.3)}.test-result.fail{background:#fc5c651a;color:var(--red);border:1px solid rgba(252,92,101,.3)}.profile-grid{padding:.5rem 1.4rem 1.4rem;display:flex;flex-direction:column;gap:.5rem}.profile-item{display:flex;justify-content:space-between;font-size:.84rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.profile-item:last-child{border:none}.p-label{color:var(--text3);font-size:.75rem}.upgrade-list{padding:.5rem 1.4rem 1.4rem;display:flex;flex-direction:column;gap:.8rem}.upgrade-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;background:var(--bg3);border-radius:8px}.upgrade-name{font-size:.88rem;font-weight:600;color:var(--text)}.upgrade-desc{font-size:.75rem;color:var(--text3);margin-top:.15rem}.success-banner{margin-top:1.5rem;background:#26de811a;border:1px solid rgba(38,222,129,.3);color:var(--green);padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;justify-content:space-between;font-size:.88rem;gap:1rem;flex-wrap:wrap}@media (max-width: 1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.sidebar{width:60px}.sidebar .brand-name,.sidebar .brand-sub,.nav-item span:last-child,.sidebar-footer span{display:none}.sidebar-brand{justify-content:center;padding:1rem .5rem}.brand-icon{margin:0}.nav-item{justify-content:center;padding:.65rem}.main{margin-left:60px}.dash-grid,.outreach-layout,.finder-layout{grid-template-columns:1fr}}@media (max-width: 600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.page{padding:1rem}}