@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.webscraping-container{background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.webscraping-wrapper{margin:0 auto;max-width:1200px}.card-icon-wrapper{background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 4px 8px #38bdf840}.card h3{font-size:1.6rem}.card p{color:#64748b;font-size:.9rem;margin:5px 0 0}.section-icon{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.form-group{margin-bottom:25px}.form-input{background:#fff;border:2px solid #e2e8f0;padding:12px 16px;transition:all .3s ease}.form-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.help-text{color:#64748b;font-size:.9rem;line-height:1.4;margin-top:8px}.sources-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:10px}.source-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:80px;padding:15px 10px;position:relative;transition:all .3s ease}.source-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.source-card.selected{box-shadow:0 6px 15px #00000026;transform:translateY(-2px)}.source-name{color:#000;font-size:.9em;font-weight:600;text-align:center}.source-checkbox{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:4px;display:flex;height:20px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:20px}.source-checkbox.checked{background:#10b981;border-color:#10b981;color:#fff}.source-checkbox svg{height:14px;width:14px}.btn-primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 4px 8px #38bdf840}.btn-primary:hover:not(:disabled){box-shadow:0 6px 12px #38bdf859}.btn-clear{color:#dc2626}.secondary-controls{display:flex;flex-wrap:wrap;gap:10px}.loading-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#000;margin:20px 0;padding:40px 25px;text-align:center}.progress-stats{margin:20px 0}.progress-stat-value{font-size:2.2rem}.progress-stat-label{color:#64748b;font-size:1rem}.progress-bar-container{border-radius:6px;height:12px;margin:20px auto;max-width:500px;position:relative}.progress-bar{background:linear-gradient(90deg,#38bdf8,#0ea5e9);position:relative;transition:width .5s ease-in-out;width:0}.status-badge{gap:8px;margin-top:15px;padding:10px 15px}.status-running{background:#eff6ff;border:1px solid #bfdbfe;color:#0ea5e9!important}.progress-steps{display:flex;justify-content:space-between;margin:20px auto;max-width:500px;position:relative}.progress-step{flex:1 1;position:relative;text-align:center;z-index:2}.progress-step:before{background:#e2e8f0;border-radius:50%;content:"";display:block;height:12px;margin:0 auto 8px;width:12px}.progress-step.active:before{background:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.progress-step.completed:before{background:#38bdf8}.step-label{color:#64748b!important;font-size:12px}.progress-step.active .step-label{color:#38bdf8!important;font-weight:600}.progress-step.completed .step-label{color:#38bdf8!important}.lead-card,.lead-card-header{margin-bottom:20px}.lead-card-header{align-items:center;border-bottom:2px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding-bottom:18px;transition:all .3s ease}.lead-card-header:hover{background:#f8fafc;border-radius:12px;margin:-15px -15px 15px;padding:15px}.lead-name{color:#000!important;font-size:1.4em;font-weight:700;margin:0}.lead-score{background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 4px 10px #38bdf84d;font-size:1em;padding:10px 18px}.lead-score,.source-badge{border-radius:20px;color:#fff!important;font-weight:600}.source-badge{align-items:center;box-shadow:0 2px 8px #0003;display:flex;font-size:.8em;gap:6px;padding:6px 12px}.source-badge svg{height:14px;width:14px}.dropdown-arrow{color:#000!important;font-size:1.2em;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.lead-card-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .3s ease}.lead-card-content.open{max-height:5000px;opacity:1}.lead-details{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.detail-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#000!important;font-size:1em;gap:12px;min-height:55px;padding:14px}.detail-item i{color:#38bdf8;font-size:1.1em;width:20px}.download-section{margin-top:30px;text-align:center}.download-btn{background:linear-gradient(135deg,#38bdf8,#0ea5e9);margin:0 8px}.download-btn:hover{box-shadow:0 6px 12px #38bdf859}.suggestions{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 20px #00000026;display:none;left:0;margin-top:5px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 5px);z-index:1000}.suggestions.show{display:block}.suggestion-item{border-bottom:1px solid #f1f5f9;color:#000;cursor:pointer;font-size:1em;padding:12px 16px;transition:all .2s ease}.suggestion-item:hover{background:#f8fafc;padding-left:20px;transform:translateX(5px)}.suggestion-item:last-child{border-bottom:none}.data-breakdown{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.breakdown-stats{display:flex;flex-wrap:wrap;gap:15px}.breakdown-stats span{background:#fff;border:1px solid #e1e5e9;border-radius:6px;color:#000!important;font-size:14px;padding:8px 12px}.no-data,.no-leads{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:15px;color:#64748b;font-size:1.1em;font-style:italic;margin:30px 0;padding:40px 30px;text-align:center}.modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{border:1px solid #f1f5f9;border-radius:18px;box-shadow:0 20px 40px #0003;max-width:500px;padding:35px 40px;position:relative}.close{color:#000;cursor:pointer;font-size:24px;padding:8px;position:absolute;right:15px;top:15px;transition:color .3s ease}.close:hover{color:#000;transform:scale(1.1)}@media (max-width:768px){.webscraping-container{padding:15px}.card{padding:25px 20px}.card-header,.card-header-content{flex-direction:column;gap:15px;text-align:center}.card-icon-wrapper{height:55px;margin-right:0;width:55px}.card-main-icon{font-size:1.6rem}.card h3{font-size:1.4rem}.summary-cards{gap:15px;grid-template-columns:1fr}.controls{flex-direction:column}.controls .btn,.download-btn{justify-content:center;width:100%}.download-btn{display:block;margin:8px 0}.lead-card-header{flex-direction:column;gap:15px;text-align:center}.lead-details{grid-template-columns:1fr}.sources-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.card{padding:20px 15px}.btn{font-size:.9rem;padding:10px 16px}.section-title{font-size:1.1rem!important}.summary-card{padding:20px 15px}.summary-card .number{font-size:1.8rem}.sources-grid{grid-template-columns:1fr}}.splash-overlay{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffffd9;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999999}.splash-content,.splash-overlay{align-items:center;display:flex;justify-content:center}.splash-content{flex-direction:column;gap:20px}.splash-logo-container{align-items:center;display:flex;flex-direction:row;gap:15px;margin-bottom:15px}.cube-icon{animation:rotateFull 10s linear infinite;height:80px;position:relative;transform-style:preserve-3d;width:80px}@keyframes rotateFull{0%{transform:rotateX(-20deg) rotateY(0deg)}to{transform:rotateX(-20deg) rotateY(1turn)}}.face{-webkit-backface-visibility:visible;backface-visibility:visible;border:1.5px solid #94a3b8;height:80px;position:absolute;width:80px}.front{background:#f8fafc;transform:translateZ(40px)}.back{background:#f1f5f9;transform:rotateY(180deg) translateZ(40px)}.right{transform:rotateY(90deg) translateZ(40px)}.left,.right{background:#cbd5e1}.left{transform:rotateY(-90deg) translateZ(40px)}.top{background:#fff;transform:rotateX(90deg) translateZ(40px)}.bottom{background:#94a3b8;transform:rotateX(-90deg) translateZ(40px)}.logo-text{align-items:flex-start;display:flex;flex-direction:column;font-family:Inter,sans-serif;line-height:1.1}.logo-text .brand{color:#1e293b;font-size:3.2rem;font-weight:800;letter-spacing:-2.5px;margin-bottom:0}.logo-text .subtext{color:#64748b;font-size:2.1rem;font-weight:400;letter-spacing:-.5px;margin-top:-12px}.splash-message-container{animation:fadeInDelay .5s ease-out .4s forwards;opacity:0}@keyframes fadeInDelay{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.loading-text{color:#0f172a;font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin:0;text-align:center}.auto-email-container{font-family:Open Sans,sans-serif;margin:0;padding:0}.auto-email-container,.card{box-sizing:border-box;width:100%}.card{border-bottom-color:#e2e8f0;border-radius:0;box-shadow:0 2px 12px #0000000a;margin-bottom:10px;padding:12px 0}.card:hover{transform:none}.card:last-child{border-bottom:none;margin-bottom:0}.card-content{padding:0!important}.card-content,.card-header{box-sizing:border-box;width:100%}.card-header{padding:0 20px 10px}.card-section{box-sizing:border-box;margin-bottom:12px;padding:0 20px;width:100%}.card-section:last-child{margin-bottom:0;padding-bottom:0}.campaign-history-card{box-sizing:border-box!important;margin:0 20px 20px!important;padding:30px 0!important;width:calc(100% - 40px)!important}.campaign-history-card .card-content{box-sizing:border-box;padding:0!important;width:100%}.campaign-history-card .card-header{border-bottom:1px solid #f1f5f9;box-sizing:border-box;margin-bottom:30px;padding:0 40px 20px!important;width:100%}.campaign-history-card .card-section{box-sizing:border-box;margin:0;padding:0 40px!important;width:100%}.card-icon-wrapper{box-shadow:0 2px 6px #0078d433;height:44px;margin-right:12px;width:44px}.card-main-icon{font-size:1rem}.card h3{font-size:.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-generation-card .section-title,.file-upload-card .section-title,.settings-card .section-title,.template-upload-card .section-title{align-items:center!important;border-bottom:1px solid #f1f5f9;box-sizing:border-box;color:#000!important;display:flex!important;font-size:.95rem!important;font-weight:600!important;gap:10px!important;line-height:1.4!important;margin:0 0 12px!important;padding:6px 0!important;width:100%}.section-icon{border-radius:6px;box-shadow:0 1px 4px #00000014;color:#fff;font-size:.95rem;height:22px;padding:4px;width:22px}.prompt-container{margin-bottom:12px;padding:0}.prompt-container,.prompt-input{box-sizing:border-box;width:100%}.prompt-input{border:1px solid #e2e8f0;border-radius:8px;color:#000;font-family:inherit;font-size:.9rem;line-height:1.4;margin-bottom:10px;min-height:80px;padding:12px;resize:vertical;transition:border-color .3s ease}.prompt-input:focus{border-color:#0078d4;box-shadow:0 0 0 3px #0078d41a;outline:none}.content-field{box-sizing:border-box;margin-bottom:10px;padding:0;width:100%}.content-field label{display:block;font-weight:600;margin-bottom:6px}.content-field label,.content-input,.content-textarea{box-sizing:border-box;color:#000;font-size:.9rem;width:100%}.content-input,.content-textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;padding:10px 12px;transition:border-color .3s ease}.content-input:focus,.content-textarea:focus{border-color:#0078d4;box-shadow:0 0 0 3px #0078d41a;outline:none}.content-textarea{line-height:1.4;min-height:100px;resize:vertical}.content-display{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;box-sizing:border-box;color:#000;font-size:.9rem;line-height:1.4;min-height:40px;padding:10px 12px;width:100%}.body-display,.content-display{word-wrap:break-word;overflow-wrap:break-word}.body-display{line-height:1.6;min-height:150px}.content-controls{margin-top:12px;padding:0}.button-group,.content-controls{box-sizing:border-box;width:100%}.button-group{display:flex;flex-wrap:wrap;gap:10px}.template-upload-card .content-field label{box-sizing:border-box;color:#000;display:block;font-size:1.1rem;font-weight:600;margin-bottom:10px;width:100%}.template-upload-card .checkbox-label{align-items:center!important;color:#000!important;cursor:pointer!important;display:flex!important;font-weight:600!important;gap:10px!important;justify-content:flex-start!important;text-align:left!important;width:100%!important}.template-upload-card .checkbox-label input[type=checkbox]{cursor:pointer!important;flex-shrink:0!important;height:20px!important;margin:0!important;order:-1!important;width:20px!important}.template-display-container{background:#f8fafc;margin:0;max-height:300px;overflow-y:auto}.template-display-container,.template-item{border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;padding:15px;width:100%}.template-item{background:#fff;color:#000;font-size:1rem;margin-bottom:12px;transition:all .3s ease}.template-item:hover{border-color:#0078d4;box-shadow:0 4px 12px #0078d426}.template-header{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;width:100%}.template-position{color:#000;flex:1 1;font-size:1.1rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-sender-badge{background:#deecf9;border-radius:12px;color:#000;flex-shrink:0;font-size:.9rem;font-weight:500;padding:6px 12px;white-space:nowrap}.template-subject{margin-bottom:6px}.template-body-preview,.template-subject{word-wrap:break-word;box-sizing:border-box;color:#000;font-size:1rem;line-height:1.5;overflow-wrap:break-word;width:100%}.file-upload-container{box-sizing:border-box;margin-bottom:25px;padding:0;width:100%}.file-input-wrapper{box-sizing:border-box;position:relative;width:100%}.file-input-wrapper input[type=file]{display:none!important}.file-input-display{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;box-sizing:border-box;cursor:pointer;display:block;margin:0;padding:40px;position:relative;text-align:center;transition:all .3s ease;width:100%;z-index:1}.file-input-display.has-file{background:#0078d40d;border-color:#0078d4}.file-input-display.dragging{background:#0078d41a;border-color:#0078d4;box-shadow:0 8px 30px #0078d433;transform:scale(1.02)}.file-input-display:hover{background:#0078d414;border-color:#0078d4;box-shadow:0 4px 12px #0078d426;transform:translateY(-2px)}.upload-icon{transition:color .3s ease}.file-input-display.has-file .upload-icon,.file-input-display:hover .upload-icon{color:#0078d4}.file-name{font-size:1.05rem;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name,.file-size{box-sizing:border-box;color:#000;width:100%}.file-size{font-size:.95rem}.controls{gap:15px;margin:0;padding:0;width:100%}.btn,.controls{box-sizing:border-box}.btn{border-radius:12px;flex-shrink:0;gap:10px;padding:15px 25px;white-space:nowrap}.btn-generate,.btn-preview,.btn-primary,.btn-secondary,.btn-send{background:linear-gradient(135deg,#0078d4,#106ebe);box-shadow:0 4px 8px #0078d440;color:#fff}.btn-generate:hover:not(:disabled),.btn-preview:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-send:hover:not(:disabled){box-shadow:0 6px 12px #0078d459;transform:translateY(-2px)}.btn-clear{background:#fef2f2;border:1px solid #fecaca;color:#000;font-size:1.1rem}.btn-clear:hover:not(:disabled){background:#fee2e2}.sender-account-row{grid-gap:15px;align-items:start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr auto;margin-bottom:20px;padding:20px;width:100%}.sender-account-field{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.sender-account-field label{font-weight:600;margin-bottom:8px}.sender-account-field label,.sender-account-input{box-sizing:border-box;color:#000;font-size:1rem;width:100%}.sender-account-input{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;padding:12px 15px;transition:border-color .3s ease}.sender-account-input:focus{border-color:#0078d4;box-shadow:0 0 0 3px #0078d41a;outline:none}.remove-account-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:45px;justify-content:center;margin-bottom:5px;transition:all .3s ease;width:45px}.remove-account-btn:hover:not(:disabled){background:#fee2e2}.remove-account-btn:disabled{cursor:not-allowed;opacity:.5}.add-account-btn{align-items:center;background:#eff6fc;border:1px solid #c7e0f4;border-radius:8px;box-sizing:border-box;color:#000;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:10px;padding:12px 20px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.add-account-btn:hover{background:#deecf9}.batch-size-container{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:15px;margin:0;padding:20px;width:100%}.batch-size-container label{color:#000;flex-shrink:0;font-size:.95rem;font-weight:600}.batch-size-container input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#000;font-family:inherit;font-size:.95rem;padding:12px 15px;width:120px}.file-preview-section{border-top:1px solid #f1f5f9;box-sizing:border-box;margin-top:25px;padding-top:25px;width:100%}.preview-header{box-sizing:border-box;margin-bottom:20px;width:100%}.preview-header h4{align-items:center;box-sizing:border-box;color:#000;display:flex;font-size:1.05rem;font-weight:600;gap:12px;width:100%}.table-container{border-radius:10px;box-sizing:border-box;margin:0;width:100%}.preview-table{border-collapse:collapse;font-size:.95rem;min-width:800px;table-layout:fixed;width:100%}.preview-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600;padding:15px 20px;text-align:left}.preview-table td,.preview-table th{color:#000;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-table td{border-bottom:1px solid #f1f5f9;padding:12px 20px}.preview-table tr:last-child td{border-bottom:none}.preview-table tr:hover td{background:#f8fafc}.progress-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0}.progress-card,.progress-stats{box-sizing:border-box;width:100%}.progress-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-bottom:25px}.progress-stat{flex:1 1;min-width:100px;text-align:center}.progress-stat-value{color:#000;display:block;font-size:2.1rem;font-weight:700}.progress-stat-label{color:#000;display:block;font-size:.95rem;margin-top:8px}.progress-bar-container{background:#e2e8f0;border-radius:8px;box-sizing:border-box;height:15px;margin-bottom:25px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:8px;height:100%;transition:width .5s ease}.status-badge{gap:10px;padding:10px 20px}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.single-email-card .preview-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-top:20px;padding:30px 40px!important}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.template-management-card .section-title{align-items:center!important;border-bottom:2px solid #3b82f6!important;color:#1e293b!important;display:flex!important;font-size:1rem!important;font-weight:600!important;gap:12px!important;margin:0!important;padding:5px 0 15px!important}.template-management-card .border-top{border-top:1px solid #e2e8f0;padding-top:25px}.template-management-card .mt-20{margin-top:20px}.template-card-mini{background:#fff;box-shadow:0 2px 4px #0000000a;cursor:pointer}.template-card-mini:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.template-card-mini.active{box-shadow:0 0 0 4px #3b82f61a}.btn-icon{background:#fff;border:1px solid #e2e8f0;color:#64748b;height:30px;transition:all .2s ease;width:30px}.btn-icon:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.btn-icon.delete:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.btn-small{border-radius:6px!important;font-size:.85rem!important;padding:6px 12px!important}.active-row td{background-color:#eff6ff!important}.animate-fade-in{animation:fadeIn .4s ease forwards}.email-tabs-nav{border-bottom:2px solid #f1f5f9;display:flex;gap:15px;margin-bottom:30px;padding:0 40px}.tab-button{background:none;font-size:.95rem;gap:10px}.tab-button:hover{background:#0078d40d;color:#0078d4}.tab-button.active{border-bottom-color:#0078d4;color:#0078d4}.email-template-container{animation:fadeIn .5s ease-out;box-sizing:border-box;margin:0!important;max-width:100%!important;padding:20px;width:100%}.template-card{border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 10px 40px #0000000d;box-sizing:border-box;padding:40px;width:100%}.card-header{border-bottom:2px solid #f8fafc;margin-bottom:2.5rem;padding-bottom:1.5rem}.card-header h2{color:#0f172a;font-size:2.2rem;font-weight:800;margin-bottom:.5rem}.card-header p{color:#64748b;font-size:1.1rem}.section{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #00000005;margin-bottom:3rem;padding:2.5rem}.section h3{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;gap:.75rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.8rem}.input-field,.textarea-field{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;font-size:1rem;padding:1.2rem;transition:all .2s ease;width:100%}.input-field:focus,.textarea-field:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.textarea-field{line-height:1.6;min-height:250px}.form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;box-shadow:0 4px 15px #2563eb4d;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1.2rem 3rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #2563eb66;transform:scale(1.02)}.file-upload-box{padding:4rem 2rem}.file-upload-label{gap:1rem}.file-upload-label span{font-size:1.2rem}.campaign-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.campaign-modal{animation:modalPop .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:28px;box-shadow:0 50px 100px -20px #00000073;max-width:760px;overflow:hidden;padding:28px 36px 32px;width:90%}@keyframes modalPop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.campaign-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:2rem 3rem}.campaign-modal-header h2{color:#0f172a;font-size:1.5rem;margin:0}.campaign-modal-content{padding:3rem}.large-counter{font-feature-settings:"tnum";color:#3b82f6;font-size:5rem;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-2px;margin-bottom:1.5rem;text-align:center}.counter-separator{color:#cbd5e1;margin:0 10px}.counter-total{color:#94a3b8}.loading-bar{background:#f1f5f9;border-radius:10px;height:12px;margin:2rem 0;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;transition:width .4s ease}.campaign-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-bottom:2.25rem}.stat-card{border:1px solid #eef2f6;border-radius:18px;box-shadow:0 8px 20px #0f172a0f;padding:1.75rem 1.1rem}.stat-icon{background:#f4f7fb;border-radius:14px;font-size:1.4rem;height:44px;margin:0 auto .75rem;width:44px}.stat-value{color:#0f172a;margin-bottom:.15rem}.stat-label{color:#6b7280;font-size:.95rem;letter-spacing:.2px}.stat-total{background:#f8fafc}.stat-sent{background:#f0fdf4;border-color:#dcfce7}.stat-sent .stat-value{color:#16a34a}.stat-failed{background:#fef2f2;border-color:#fee2e2}.stat-failed .stat-value{color:#dc2626}.success-rate-section{background:#f8fafc;border-radius:20px;margin-bottom:2rem;padding:2rem}.rate-header{display:flex;font-weight:700;justify-content:space-between;margin-bottom:1rem}.rate-value{color:#3b82f6;font-size:1.2rem}.failed-emails-list{background:#f8fafc;border-radius:12px;max-height:200px;overflow-y:auto;padding:1rem}.failed-email-item{border-bottom:1px solid #e2e8f0;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem}.failed-email-item:last-child{border-bottom:none}.email-address{color:#1e293b;font-weight:600}.email-reason{color:#dc2626}.modal-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.5rem}.btn-close-modal{background:#0f172a;border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:1.2rem;width:100%}@media (max-width:768px){.campaign-stats-grid,.form-row{grid-template-columns:1fr}}.duration-info{align-items:flex-start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:.9rem;margin-top:1.4rem;padding:1rem 1.2rem}.duration-icon{font-size:1.4rem;line-height:1}.duration-text{color:#0f172a;display:flex;flex-direction:column;font-size:.98rem;font-weight:600;gap:.25rem}.duration-row{display:flex;font-weight:600;gap:1rem;justify-content:space-between}.duration-row span:first-child{color:#6b7280}.file-upload-box{background:#f8fafc;border:3px dashed #cbd5e1;border-radius:20px;cursor:pointer;padding:3rem 1.5rem;text-align:center;transition:all .3s ease}.file-upload-box.dragging,.file-upload-box:hover{background:#f0f7ff;border-color:#3b82f6}.file-upload-box.has-file{background:#f0fdf4;border-color:#10b981;border-style:solid}.file-upload-label{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:.75rem}.file-upload-label span{color:#1e293b;font-size:1rem;font-weight:600}.file-upload-label small{color:#475569;font-size:.85rem}.auto-mail-container{font-family:Open Sans,sans-serif;padding:16px}.card-grid{grid-gap:16px;gap:16px}.card{background:#0b1b2b;border:1px solid #123a5a;border-radius:10px}.card-header{border-bottom:1px solid #123a5a;font-weight:600}.card-body,.card-header{padding:12px 14px}.form-row{justify-content:space-between;margin:10px 0}.form-row,.form-row .row{align-items:center;display:flex}.form-row .row{gap:8px}.dash{opacity:.7}.card-footer{border-top:1px solid #123a5a;display:flex;gap:10px;padding:12px 14px}.btn.primary{background:#2563eb;border-color:#2563eb}.preview-row{display:flex;justify-content:space-between;margin:6px 0}.status.ok{color:#22c55e}.status.off{color:#ef4444}.followup-container{padding:16px}.section-header .title{align-items:center;display:flex;font-size:18px;font-weight:600}.section-header .subtitle{color:#64748b;margin-top:4px}.list{flex-direction:column;gap:10px;margin-top:10px}.item,.list{display:flex}.item{align-items:center;background:#0b1b2b;border:1px solid #123a5a;border-radius:10px;justify-content:space-between;padding:12px 14px}.item .name{font-weight:600}.item .meta{color:#94a3b8;display:flex;gap:12px;margin-top:4px}.btn{background:#0e2a45;border:1px solid #174a75;color:#fff;padding:8px 12px}.empty,.error,.loading{color:#94a3b8;padding:10px}:root{--p-royal:#2563eb;--navy:#0f172a;--slate:#475569;--border:#e2e8f0;--bg-main:#f8fafc;--white:#fff;--green:#10b981;--yellow:#f59e0b;--orange:#ea580c;--red:#ef4444}.cc-v8-container{background:#f8fafc;background:var(--bg-main);color:#0f172a;color:var(--navy);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;padding:30px 40px}.cc-v8-header{margin-bottom:30px}.cc-v8-hero{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 6px -1px #00000005;display:flex;gap:20px;padding:25px 35px}.hero-icon-v8{color:#2563eb;color:var(--p-royal);font-size:45px}.hero-text-v8 h1{font-size:28px;font-weight:800;letter-spacing:-1px;margin:0}.hero-text-v8 p{color:#475569;color:var(--slate);font-size:15px;margin:4px 0 0;opacity:.8}.card{background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.card-head{align-items:center;background:#fcfdfe;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:18px 25px}.card-head h3{font-size:15px;font-weight:800;margin:0}.card-head svg{color:#2563eb;color:var(--p-royal);font-size:18px}.p-badge{background:#0f172a;background:var(--navy);border-radius:100px;color:#fff;font-size:10px;font-weight:800;margin-left:auto;padding:4px 10px}.cc-v8-command{margin-bottom:25px}.command-body{padding:25px}.command-body textarea{background:#fbfcfe;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:15px;font-family:inherit;font-size:17px;min-height:100px;padding:20px;resize:none;transition:.3s;width:100%}.command-body textarea:focus{background:#fff;border-color:#2563eb;border-color:var(--p-royal);box-shadow:0 0 0 4px #2563eb0d;outline:none}.command-footer{display:flex;justify-content:space-between;margin-top:15px}.mic-btn-v8{align-items:center;background:#f1f5f9;border:none;border-radius:12px;color:#0f172a;color:var(--navy);cursor:pointer;display:flex;font-weight:700;gap:10px;padding:12px 20px}.mic-btn-v8.active{animation:pulse 1.5s infinite;background:#ef4444;background:var(--red);color:#fff}.forge-btn-v8{align-items:center;background:#2563eb;background:var(--p-royal);border:none;border-radius:12px;box-shadow:0 4px 15px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:12px;padding:12px 35px}.cc-v8-splits{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.cc-v8-column{display:flex;flex-direction:column}.scroll-viewer{flex:1 1;min-height:500px;padding:25px}.empty-v8{align-items:center;color:#475569;color:var(--slate);display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;opacity:.4}.art-block{margin-bottom:25px}.art-block label{color:#2563eb;color:var(--p-royal);display:block;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.subject-display{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;font-size:18px;font-weight:800;padding:15px 20px}.body-display{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:15px;font-size:15px;line-height:1.7;padding:25px;white-space:pre-wrap}.highlight-spam{background:#ef44440d;cursor:help;-webkit-text-decoration:underline wavy #ef4444;text-decoration:underline wavy #ef4444;-webkit-text-decoration:underline wavy var(--red);text-decoration:underline wavy var(--red);text-underline-offset:4px}.analysis-row-top{align-items:center;display:flex;gap:30px;margin-bottom:30px}.circular-chart{display:block;margin:0 auto;max-width:140px}.circle-bg{stroke:#f1f5f9}.circle,.circle-bg{fill:none;stroke-width:3}.circle{stroke-linecap:round;transition:stroke-dasharray .5s ease}.percentage{fill:#0f172a;fill:var(--navy);text-anchor:middle;font-family:Outfit,sans-serif;font-size:8px;font-weight:800}.score-label{fill:#475569;fill:var(--slate);text-anchor:middle;font-size:3px;font-weight:500}.delivery-chance-box{flex:1 1}.dc-header{display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.dc-header strong{color:#2563eb;color:var(--p-royal);font-size:18px}.dc-progress-bg{background:#f1f5f9;border-radius:10px;height:10px;margin-bottom:8px;overflow:hidden;width:100%}.dc-progress-fill{height:100%;transition:width .5s ease}.dc-tip{color:#475569;color:var(--slate);font-size:11px;margin:0;opacity:.7}.verdict-v8-card{align-items:center;border-radius:15px;display:flex;gap:15px;margin-bottom:30px;padding:20px}.verdict-icon{font-size:24px}.verdict-txt h4{font-size:16px;font-weight:800;margin:0}.verdict-txt p{font-size:12px;margin:2px 0 0;opacity:.8}.status-safe{background:#f0fdf4;border:1px solid #dcfce7;color:#166534}.status-needs-improvement{background:#fefce8;border:1px solid #fef08a;color:#854d0e}.status-high-risk{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.analysis-section{margin-bottom:25px}.analysis-section label{align-items:center;color:#475569;color:var(--slate);display:flex;font-size:12px;font-weight:800;gap:8px;margin-bottom:15px;text-transform:uppercase}.section-head-v8{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.status-legend-v8{display:flex;gap:12px}.status-legend-v8 span{align-items:center;display:flex;font-size:9px;font-weight:800;gap:4px;text-transform:uppercase}.status-legend-v8 span:before{border-radius:50%;content:"";height:6px;width:6px}.leg-safe{color:#10b981}.leg-safe:before{background:#10b981}.leg-warn{color:#f59e0b}.leg-warn:before{background:#f59e0b}.leg-crit{color:#ef4444}.leg-crit:before{background:#ef4444}.factor-grid-v8{display:flex;flex-wrap:wrap;gap:10px}.factor-circle-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;min-width:110px;padding:8px 15px}.mini-status-circle{border-radius:50%;flex-shrink:0;height:10px;width:10px}.factor-text-group{display:flex;flex-direction:column}.factor-label{color:#0f172a;color:var(--navy);font-size:11px;font-weight:700}.factor-status-badge{font-size:9px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.metrics-v8-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.m-item{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;padding:12px}.m-item span{color:#475569;color:var(--slate);display:block;font-size:10px;margin-bottom:4px;text-transform:uppercase}.m-item strong{color:#0f172a;color:var(--navy);font-size:13px}.suggestions-list-v8{display:flex;flex-direction:column;gap:10px}.s-item-v8{box-shadow:0 2px 5px #00000008;font-size:13px;font-weight:500;gap:15px;line-height:1.4}.spam-table-v8{background:#fcfdfe;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.spam-table-header{background:#f1f5f9;color:#475569;color:var(--slate);font-size:11px;font-weight:800;text-transform:uppercase}.spam-row-v8,.spam-table-header{display:grid;grid-template-columns:1fr 1fr;padding:12px 15px}.spam-row-v8{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);transition:.2s}.spam-row-v8:hover{background:#2563eb05}.spam-flagged{color:#ef4444;color:var(--red)}.spam-flagged,.spam-safe{font-size:13px;font-weight:700}.spam-safe{color:#10b981;color:var(--green)}.spam-empty{color:#475569;color:var(--slate);font-size:13px;opacity:.6;padding:20px;text-align:center}.s-item-v8 svg{color:#2563eb;color:var(--p-royal);flex-shrink:0;margin-top:2px}.processing-v8{flex-direction:column;gap:20px;opacity:1!important}.head-actions-v8{align-items:center;display:flex;gap:10px}.edit-toggle-v8{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#475569;color:var(--slate);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:.2s}.edit-toggle-v8.active,.edit-toggle-v8:hover{background:#eff6ff;border-color:#2563eb;border-color:var(--p-royal);color:#2563eb;color:var(--p-royal)}.body-editor-v8{background:#fff;border:1px solid #2563eb;border:1px solid var(--p-royal);border-radius:8px;box-shadow:0 0 0 3px #2563eb1a;color:#0f172a;color:var(--navy);font-family:inherit;font-size:14px;line-height:1.6;min-height:250px;outline:none;padding:15px;resize:vertical;width:100%}.fix-check-wrapper{cursor:pointer;display:block;flex-shrink:0;height:20px;position:relative;width:20px}.fix-check-input{display:none}.fix-check-custom{background-color:initial;border:2px solid #10b981;border-radius:4px;height:20px;left:0;position:absolute;top:0;transition:all .2s ease;width:20px}.fix-check-custom:after{border:solid #10b981;border-width:0 2px 2px 0;content:"";height:10px;left:6px;opacity:0;position:absolute;top:2px;transform:rotate(45deg) scale(0);transition:all .2s ease;width:5px}.fix-check-input:checked~.fix-check-custom:after{opacity:1;transform:rotate(45deg) scale(1)}.check-spam-btn{background:#fffbeb;border-color:#f59e0b;color:#b45309}.check-spam-btn:hover{background:#fef3c7;color:#92400e}.opt-text{color:#0f172a;color:var(--navy);flex:1 1;font-size:13px;font-weight:500}.s-item-v8{align-items:center;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #2563eb;border:1px solid var(--border);border-left:4px solid var(--p-royal);border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.s-item-v8:hover{border-color:#2563eb;border-color:var(--p-royal);box-shadow:0 5px 12px #2563eb1a;transform:translateY(-2px)}.cube-processing-logo img{animation:bluePulse 2s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(37,99,235,.4));height:60px;object-fit:contain;width:60px}@keyframes bluePulse{0%{filter:drop-shadow(0 0 5px rgba(37,99,235,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(37,99,235,.8)) brightness(1.1);transform:scale(1.1)}to{filter:drop-shadow(0 0 5px rgba(37,99,235,.4));transform:scale(1)}}.cube-processing-text{text-align:center}.cube-brand{color:#0f172a;color:var(--navy);display:block;font-size:18px;font-weight:800;letter-spacing:-.5px}.cube-status{color:#2563eb;color:var(--p-royal);font-size:13px;font-weight:600;margin:5px 0 0}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.blink{animation:blink 1.5s ease-in-out infinite}*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.template-modal-overlay{align-items:center;background:#0f172acc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.template-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:85vh;max-width:1100px;overflow:hidden;width:90%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.template-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 30px}.template-modal-header h3{color:#0f172a;color:var(--navy);font-size:20px;font-weight:800;margin:0}.template-modal-header button{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;color:var(--slate);cursor:pointer;display:flex;font-size:24px;padding:5px;transition:.2s}.template-modal-header button:hover{background:#e2e8f0;color:#ef4444;color:var(--red)}.template-modal-body{background:#fff;overflow-y:auto;padding:30px}.template-category{margin-bottom:40px}.template-category h4{align-items:center;color:#2563eb;color:var(--p-royal);display:flex;font-size:16px;font-weight:800;gap:15px;letter-spacing:.05em;margin:0 0 20px;text-transform:uppercase}.template-category h4:after{background:#e2e8f0;background:var(--border);content:"";flex:1 1;height:1px}.template-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.template-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-left:4px solid #0000;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s ease}.template-card:hover{border-color:#2563eb;border-color:var(--p-royal);border-left-color:#2563eb;border-left-color:var(--p-royal);box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px)}.t-title{color:#0f172a;color:var(--navy);font-size:15px;font-weight:700;margin-bottom:8px}.t-desc{-webkit-box-orient:vertical;color:#475569;color:var(--slate);display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.designer-container{grid-gap:0;background:#f8fafc;border:none;border-radius:0;display:grid;gap:0;grid-template-columns:1fr 420px;height:100vh;overflow:hidden;position:relative}.designer-container.props-collapsed{grid-template-columns:1fr}.component-strip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 10px #0000000a;display:flex;gap:10px;margin:16px 24px;padding:16px 14px}.strip-btn{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.strip-btn:hover{background:#eef2ff;border-color:#cbd5e1}.designer-toolbox{display:none}.designer-properties{background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:24px}.properties-header{align-items:center;display:flex;justify-content:space-between}.close-props-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#111827;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-props-btn:hover{background:#e2e8f0}.open-props-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;padding:10px 14px;transition:all .2s ease}.open-props-btn:hover{background:#eef2ff;border-color:#cbd5e1}.section-title{font-size:16px;font-weight:600;margin-bottom:4px}.section-subtitle{font-size:13px;margin-bottom:24px}.tool-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px}.tool-card{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:16px;transition:all .2s ease}.tool-card:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.tool-icon{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;height:32px;justify-content:center;width:32px}.tool-label{font-size:12px;font-weight:500}.template-info{margin-top:auto}.info-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:16px}.info-card h4{color:#0369a1;font-size:14px;margin-bottom:4px}.info-card p{color:#0c4a6e;font-size:12px;line-height:1.4}.designer-canvas-area{background:#f1f5f9;display:flex;flex-direction:column;overflow:hidden}.canvas-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:70px;justify-content:space-between;padding:0 16px;z-index:10}.view-controls{background:#f1f5f9;border-radius:8px;display:flex;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 16px;transition:all .2s}.view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#3b82f6}.action-controls{display:flex;gap:12px}.primary-btn,.secondary-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.primary-btn{background:#3b82f6;border:none;color:#fff}.primary-btn:hover{background:#2563eb}.secondary-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.secondary-btn:hover{background:#f8fafc;color:#1e293b}.canvas-scroll-container{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:20px 16px;transition:all .4s cubic-bezier(.4,0,.2,1)}.canvas-scroll-container.mobile{padding:16px 12px}.canvas-scroll-container.code{padding:16px}.email-canvas{background:#fff;border-radius:8px;box-shadow:0 8px 20px #00000014;height:auto;max-width:800px;min-height:200px;padding:0 0 24px;transition:all .4s ease}.code-view-card,.email-canvas{display:flex;flex-direction:column;width:100%}.code-view-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;box-shadow:0 8px 20px #0000001f;color:#e2e8f0;gap:8px;max-width:900px;padding:12px 12px 16px}.code-view-header{align-items:center;color:#cbd5e1;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:0 4px}.copy-btn{background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s ease}.copy-btn:hover{background:#273449;border-color:#3b82f6;color:#fff}.code-viewer{background:#0b1224;border:1px solid #1f2a3d;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff08;box-sizing:border-box;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;margin:0;min-height:520px;overflow:auto;padding:14px;white-space:pre-wrap;width:100%;word-break:break-word}.mobile .email-canvas{max-width:400px;padding:24px}.empty-canvas{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;height:400px;justify-content:center}.empty-canvas p{color:#64748b;font-size:18px;font-weight:600}.block-list{list-style:none;margin:0;padding:0}.canvas-block{border:2px solid #0000;border-radius:0;cursor:pointer;margin-bottom:0;padding:12px 48px;position:relative;transition:all .2s}.canvas-block:first-child{padding-top:24px}.canvas-block:last-child{padding-bottom:24px}.canvas-block:hover{background:#3b82f60d;border-color:#3b82f633}.canvas-block.selected{border-color:#3b82f6;box-shadow:inset 0 0 0 2px #3b82f61a}.block-handle{left:-20px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s}.canvas-block:hover .block-handle{opacity:1}.handle-dots{background-image:radial-gradient(#cbd5e1 2px,#0000 0);background-size:4px 4px;height:24px;width:12px}.block-actions{display:flex;gap:4px;position:absolute;right:-12px;top:-12px;z-index:5}.action-btn{border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:28px;justify-content:center;width:28px}.action-btn.delete{background:#ef4444;color:#fff}.action-btn svg{stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;display:block;height:18px;width:18px}.action-btn.delete svg path{stroke:#fff}.preview-btn{display:inline-block;text-decoration:none;transition:transform .2s}.preview-btn:hover{transform:scale(1.05)}.properties-form{gap:24px}.prop-group,.properties-form{display:flex;flex-direction:column}.prop-group{gap:8px}.prop-group label{color:#64748b;font-size:13px;font-weight:600}.prop-group input[type=text],.prop-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:10px;transition:border-color .2s;width:100%}.prop-group input:focus,.prop-group textarea:focus{border-color:#3b82f6}.content-editor-textarea{background:#fafafa;border:1px solid #e2e8f0;font-family:inherit;line-height:1.6;min-height:200px;resize:vertical}.control-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.control-row-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.label-row{align-items:center;display:flex;justify-content:space-between}.value-tag{background:#eff6ff;border-radius:4px;color:#3b82f6;font-size:11px;font-weight:600;padding:2px 8px}.control-row-stack input[type=range]{cursor:pointer;width:100%}.control-row span{color:#475569;font-size:13px}.align-buttons{background:#f1f5f9;border-radius:6px;display:flex;padding:2px}.align-buttons button{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:6px 10px}.align-buttons button.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#3b82f6}.no-selection{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;height:300px;justify-content:center;text-align:center}.no-selection p{color:#64748b;font-size:14px}.toast-notification{align-items:center;background:#0f172a;border-radius:50px;bottom:40px;box-shadow:0 10px 15px -3px #0003;color:#fff;display:flex;gap:12px;left:50%;padding:12px 24px;position:absolute;transform:translateX(-50%);z-index:100}.toast-icon{align-items:center;background:#22c55e;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.props-reopen-fab{background:#fff;border:1px solid #e2e8f0;border-radius:999px;bottom:24px;box-shadow:0 10px 30px #00000014;color:#111827;cursor:pointer;font-weight:600;padding:12px 18px;position:absolute;right:24px;transition:all .2s ease}.props-reopen-fab:hover{background:#eef2ff;border-color:#cbd5e1}.zoho-crm-tab{margin:0;max-width:none;padding:0;width:100%}.tab-header{margin-bottom:30px;padding:0 25px;text-align:center}.tab-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:8px}.tab-header p{color:#64748b;font-size:.95rem;line-height:1.5}.card{margin:0 25px 25px;padding:25px}.card-header{background:none!important;border-radius:0!important;padding-bottom:15px}.card-icon-wrapper{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px #7c3aed40;height:50px;width:50px}.card-main-icon{color:#fff;font-size:1.5rem}.card h3{flex:1 1;font-size:1.05rem}.card-content{padding:0}.connection-status{align-items:center;display:flex;gap:15px;margin-bottom:15px}.status-indicator{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:8px;padding:8px 16px}.status-indicator.connected{background:#dcfce7;color:#166534}.status-indicator.disconnected{background:#fef3c7;color:#92400e}.status-dot{border-radius:50%;height:8px;width:8px}.status-indicator.connected .status-dot{background:#16a34a}.status-indicator.disconnected .status-dot{background:#d97706}.status-message{color:#666;font-size:.95rem;margin:0}.connection-info{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;margin-top:15px;padding:15px}.info-item{align-items:center;color:#1e40af;display:flex;gap:10px;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-icon{font-size:1rem}.info-icon.success{color:#16a34a}.info-icon.warning{color:#d97706}.connection-help{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:15px;padding:15px}.sync-progress-card{animation:pulse 2s infinite;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.sync-progress{padding:20px;text-align:center}.sync-progress h4{color:#0369a1;font-size:1.2rem;font-weight:600;margin:0 0 15px}.sync-progress p{color:#0c4a6e;font-size:1rem;margin:0 0 15px}.progress-bar{background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;height:12px;margin:15px 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:6px;height:100%;transition:width .3s ease}.progress-text{color:#0369a1;font-size:.9rem;font-weight:600}.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-card{background:#f8fafc;border:1px solid #e9ecef;border-radius:12px;padding:25px;text-align:center;transition:transform .3s ease}.stats-card:hover{transform:translateY(-2px)}.stats-value{color:#7c3aed;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stats-label{color:#666;font-size:.9rem;font-weight:500}.zoho-users-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-size:.9rem;overflow:hidden;width:100%}.zoho-users-table td,.zoho-users-table th{border-bottom:1px solid #e2e8f0;color:#000;padding:12px 15px;text-align:left}.zoho-users-table th{background:#f8fafc;color:#000;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.zoho-users-table tr:hover{background:#f8f9fa}.zoho-users-table tr.synced{background:#f0fdf4}.zoho-users-table tr.pending{background:#fffbeb}.user-info strong{color:#000;display:block;margin-bottom:4px}.user-email{color:#666;font-size:.8rem}.table-count{color:#666;font-size:.9rem;font-weight:500}.unsynced-count{background:#f59e0b;border-radius:12px;color:#fffbeb;font-size:.8rem;font-weight:600;margin-left:8px;padding:2px 8px}.reply-preview{color:#666;line-height:1.4;max-width:200px}.status-badge{border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.synced{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px #7c3aed40}.btn-primary:hover:not(:disabled){box-shadow:0 6px 12px #7c3aed59}.btn-secondary{color:#374151}.btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.btn-large{border-radius:12px;font-size:1.1rem;padding:15px 30px}.btn-sm{font-size:.85rem;padding:8px 12px}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:16px;box-shadow:0 10px 25px #0003;max-width:90%}.large-modal{max-width:800px}.modal-header{border-bottom:1px solid #f1f5f9;border-radius:16px 16px 0 0;padding:20px 25px}.modal-header h3{color:#000;font-size:1.3rem}.modal-body{padding:25px}.modal-footer{align-items:center;background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #f1f5f9;justify-content:space-between;padding:20px 25px}.modal-actions{gap:12px}.connection-steps{display:flex;flex-direction:column;gap:25px}.step{align-items:flex-start;display:flex;gap:20px}.step-number{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content{flex:1 1}.step-content h4{color:#000;font-size:1.1rem;font-weight:600;margin:0 0 8px}.step-content p{color:#666;line-height:1.5;margin:0}.step-content a{color:#7c3aed;text-decoration:none}.step-content a:hover{text-decoration:underline}.step-content code{background:#f1f5f9;border-radius:4px;color:#7c3aed;font-family:monospace;font-size:.9rem;padding:2px 6px}.credentials-form{display:flex;flex-direction:column;gap:20px;margin-top:15px}.form-group{margin-bottom:20px}.form-group label{align-items:center;color:#000;display:flex;font-size:.95rem;margin-bottom:8px}.input-icon{color:#7c3aed;margin-right:8px}.form-input{border:1px solid #e2e8f0;border-radius:8px;color:#000;font-family:inherit;font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.save-status{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 16px}.save-status.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.save-status.error{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.user-details{gap:15px}.detail-row{gap:10px}.detail-row strong{color:#000;font-weight:600;min-width:120px}.detail-row.full-width{align-items:flex-start;flex-direction:column}.reply-message{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#000;line-height:1.6;margin-top:8px;padding:15px;white-space:pre-wrap;width:100%}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:16px;width:16px}.empty-state,.loading-state{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#666;padding:40px 20px;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.empty-state svg{margin-bottom:15px;opacity:.5}.empty-state p{color:#666;font-size:1rem;margin:0 0 15px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 16px 16px 0}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.zoho-crm-tab{padding:0}.card{margin:0 15px 25px;padding:20px}.tab-header{padding:0 15px}.modal-content{margin:10px;max-width:95%}.modal-footer{flex-direction:column;gap:15px}.modal-actions{flex-direction:column;width:100%}.modal-actions .btn{justify-content:center;width:100%}.stats-grid{gap:12px;grid-template-columns:1fr}.stats-card{padding:20px}.stats-value{font-size:2rem}.zoho-users-table{font-size:.8rem}.zoho-users-table td,.zoho-users-table th{padding:8px 10px}.action-buttons{flex-direction:column;gap:5px}.btn-sm{justify-content:center;width:100%}.step{flex-direction:column;text-align:center}.step-number{align-self:center}.header-actions{align-items:stretch;flex-direction:column}.connection-status{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.card{margin:0 10px 25px;padding:15px}.tab-header{padding:0 10px}.tab-header h1{font-size:1.5rem}.tab-header p{font-size:1rem}.card h3{font-size:1.2rem}.stats-value{font-size:1.8rem}.modal-header{padding:15px 20px}.modal-body{padding:20px}.modal-footer{padding:15px 20px}.btn{font-size:.9rem;padding:10px 16px}.btn-large{padding:12px 20px}.detail-row{flex-direction:column;gap:5px}.detail-row strong{min-width:auto}}.salesforce-crm-tab{margin:0;max-width:none;padding:0;width:100%}.salesforce-bg{background:linear-gradient(135deg,#00a1e0,#1b96ff)!important}.status-badge.synced{background:#e1f5fe;color:#0277bd}.status-badge.pending{background:#fff3e0;color:#ef6c00}.status-indicator.connected{background:#e1f5fe;color:#0277bd}.status-indicator.disconnected{background:#ffebee;color:#c62828}.card-icon-wrapper.salesforce-bg{box-shadow:0 4px 8px #1b96ff40}.btn-primary{background:linear-gradient(135deg,#00a1e0,#1b96ff)!important}.btn-primary:hover:not(:disabled){box-shadow:0 6px 12px #1b96ff59!important}.sync-progress-card{background:linear-gradient(135deg,#e1f5fe,#bbdefb);border:1px solid #81d4fa}.email-validator-container{background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.email-validator-wrapper{margin:0 auto;max-width:1200px}.card{box-shadow:0 4px 20px #00000014;margin-bottom:25px;min-height:auto;overflow:visible;padding:35px}.card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.card-header{margin-bottom:25px}.card-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.card-icon-wrapper{box-shadow:0 4px 8px #0078d440;height:60px;margin-right:15px;width:60px}.card-icon-wrapper .card-main-icon,.card-icon-wrapper .fi,.card-icon-wrapper .react-icons,.card-icon-wrapper>svg{color:#fff!important}.card-main-icon{font-size:1.8rem}.card h3{color:#000;font-size:1.4rem;font-weight:700;margin:0}.card-section{margin-bottom:25px}.section-title{align-items:center!important;color:#000!important;display:flex!important;font-size:1.1rem!important;font-weight:600!important;gap:12px!important;line-height:1.4!important;margin-bottom:20px!important;padding:8px 0!important}.section-icon{background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:8px;box-shadow:0 2px 8px #0000001a;height:28px;padding:6px;width:28px}.section-icon,.section-title .fi,.section-title .react-icons,.section-title .section-icon,.section-title>svg{color:#fff!important}.upload-section{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;margin-bottom:20px;padding:40px 30px;text-align:center;transition:all .3s ease}.upload-icon{color:#94a3b8;font-size:3rem;margin-bottom:20px}.upload-section.dragover .upload-icon{color:#0078d4!important}.file-input{display:none}.btn{font-family:inherit;font-size:.95rem;justify-content:center;padding:12px 20px;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#0078d4,#106ebe);box-shadow:0 4px 8px #0078d440}.btn-primary .fi,.btn-primary .react-icons,.btn-primary>svg{color:#fff!important}.btn-primary:hover:not(:disabled){box-shadow:0 6px 12px #0078d459}.btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#000}.btn-secondary:hover:not(:disabled){background:#f1f5f9}.file-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;margin-top:20px;padding:15px;text-align:left}.file-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.file-info strong{color:#000;font-size:.95rem}.btn-delete-file{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:all .3s ease}.btn-delete-file .fi,.btn-delete-file .react-icons,.btn-delete-file>svg{color:#dc2626!important}.btn-delete-file:hover{background:#fee2e2;transform:scale(1.05)}.btn-clear-results{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.btn-clear-results .fi,.btn-clear-results .react-icons,.btn-clear-results>svg{color:#dc2626!important}.btn-clear-results:hover{background:#fee2e2;transform:translateY(-1px)}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.loading{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#000;margin:20px 0;padding:40px 25px;text-align:center}.spinner{border:4px solid #f1f5f9;border-top-color:#0078d4;height:50px;margin:0 auto 20px;width:50px}.spinning{color:#0078d4!important}.results-section{margin-top:20px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.summary-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:25px 20px;text-align:center;transition:transform .3s ease}.summary-card:hover{box-shadow:0 6px 25px #0000001f;transform:translateY(-3px)}.summary-card h3{color:#000;font-size:.9rem;letter-spacing:.5px;margin-bottom:15px;opacity:.8;text-transform:uppercase}.summary-card .number{color:#000;font-size:2.2rem;font-weight:700}.table-container{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;max-width:100%}.results-table{border-collapse:collapse;font-size:.9rem;min-width:800px;table-layout:fixed;width:100%}.results-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600;padding:12px 15px;text-align:left}.results-table td,.results-table th{color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-table td{border-bottom:1px solid #f1f5f9;padding:10px 15px}.results-table tr:last-child td{border-bottom:none}.results-table tr:hover td{background:#f8fafc}.email-score{border-radius:6px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 8px}.score-high{background:#dcfce7;color:#166534}.score-medium{background:#fef9c3;color:#854d0e}.score-low{background:#fee2e2;color:#991b1b}.validation-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.validation-badge.success{background:#dcfce7;border:1px solid #86efac;color:#166534}.validation-badge.failed{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.validation-methods-inline{display:flex;gap:6px;margin:8px 0}.method-badge{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:600;padding:3px 8px;white-space:nowrap}.method-badge.success{background:#dcfce7;border:1px solid #86efac;color:#166534}.method-badge.failed{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.download-section{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;overflow-x:auto;padding:25px}.download-section h3{color:#000;font-size:1.2rem;font-weight:600;margin-bottom:20px}.download-btn{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;margin:0;padding:12px 20px;transition:all .3s ease}.download-btn .fi,.download-btn .react-icons,.download-btn>svg{color:#fff!important}.download-btn:hover{box-shadow:0 6px 12px #0078d459;transform:translateY(-2px)}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.error,.success{font-size:.95rem;margin:15px 0;padding:15px;text-align:center}.success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a}.email-details{background:#f8fafc;border-radius:8px;max-height:0;overflow:hidden;transition:max-height .3s ease}.email-details.expanded{margin-top:10px;max-height:400px;overflow-y:auto;padding:15px}.toggle-details{background:none;border:none;cursor:pointer;font-size:.85rem;font-weight:500}.toggle-details:hover{color:#106ebe;text-decoration:underline}@media (max-width:768px){.email-validator-container{padding:15px}.card{padding:25px 20px}.card-header,.card-header-content{flex-direction:column;gap:15px;text-align:center}.btn-clear-results{align-self:center}.card-icon-wrapper{height:55px;margin-right:0;width:55px}.card-main-icon{font-size:1.6rem}.card h3{font-size:1.4rem}.summary-cards{gap:15px;grid-template-columns:1fr}.upload-section{padding:30px 20px}.controls{flex-direction:column}.controls .btn,.download-btn{justify-content:center;width:100%}.download-btn{display:block;margin:8px 0}.results-table td,.results-table th{font-size:.85rem;padding:10px 12px}.table-container{border-left:none;border-radius:0;border-right:none;margin-left:-15px;margin-right:-15px}}@media (max-width:480px){.card{padding:20px 15px}.upload-section{padding:25px 15px}.btn{font-size:.9rem;padding:10px 16px}.section-title{font-size:1.1rem!important}.summary-card{padding:20px 15px}.summary-card .number{font-size:1.8rem}.file-info-header{align-items:flex-start;flex-direction:column;gap:10px}.btn-delete-file{align-self:flex-start}}.campaign-history-container{animation:fadeIn .5s ease-out;background:#f5f7fa;font-family:Open Sans,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;padding:24px 32px}.campaign-history-container.compact-mode{font-size:13px;max-width:1200px;padding:12px 16px}.campaign-history-container.compact-mode .history-card{border-radius:6px}.campaign-history-container.compact-mode .history-table td,.campaign-history-container.compact-mode .history-table th{font-size:.72rem;padding:8px 10px}.campaign-history-container.compact-mode .campaign-name-cell{font-size:.78rem;max-width:140px}.campaign-history-container.compact-mode .cell-icon{font-size:.9rem;margin-right:6px}.campaign-history-container.compact-mode .stat-count{font-size:.78rem;min-width:30px;padding:3px 8px}.campaign-history-container.compact-mode .expand-btn{height:22px;width:22px}.campaign-history-container.compact-mode .expand-btn.sub-expand{font-size:.75rem;height:20px;width:20px}.campaign-history-container.compact-mode .campaign-actions-bar{gap:8px;padding:10px}.campaign-history-container.compact-mode .action-btn{font-size:.75rem;padding:6px 10px}.campaign-history-container.compact-mode .sender-table th{font-size:.65rem;padding:8px 10px}.campaign-history-container.compact-mode .sender-row td{font-size:.78rem;padding:8px 10px}.campaign-history-container.compact-mode .sender-inline-actions .btn{font-size:.7rem;padding:4px 8px}.campaign-history-container.compact-mode .pagination-btn{font-size:.85rem;padding:8px 12px}.campaign-history-container.compact-mode .history-modal-content{max-width:680px}.imap-config-card{background:#fff;border:1px solid #e8eef5;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;overflow:hidden}.imap-header{align-items:center;background:linear-gradient(135deg,#3a5bdb,#2d47a3);box-shadow:0 1px 3px #3a5bdb26;color:#fff;display:flex;justify-content:space-between;padding:18px 24px;transition:all .3s ease}.imap-header:hover{background:linear-gradient(135deg,#4568e6,#3552b0);box-shadow:0 2px 6px #3a5bdb40}.imap-title{align-items:center;display:flex;gap:14px}.imap-icon{font-size:1.3rem;opacity:.95}.imap-title h3{font-size:1rem;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase}.imap-form{background:#f8fafc;padding:24px}.saved-accounts-section{margin-bottom:24px}.saved-accounts-section h4{color:#475569;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.saved-accounts-list{display:flex;flex-direction:column;gap:8px}.saved-account-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.saved-account-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.account-info{align-items:center;display:flex;gap:10px}.account-icon{color:#667eea;font-size:1.1rem}.account-email{color:#334155;font-size:.95rem;font-weight:500}.account-actions{display:flex;gap:8px}.account-action-btn{align-items:center;background:#0000;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.account-action-btn:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-2px)}.account-action-btn.edit:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.account-action-btn.delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.imap-form-fields{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.imap-form-fields h4{color:#334155;font-size:.95rem;font-weight:600;margin:0 0 16px}.imap-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.imap-field{display:flex;flex-direction:column;gap:8px}.imap-field label{color:#475569;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.imap-field input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;padding:12px 16px;transition:all .2s ease}.imap-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.imap-field input::placeholder{color:#94a3b8}.imap-helper-text{align-items:center;background:#dbeafe;border-left:4px solid #3b82f6;border-radius:6px;color:#1e40af;display:flex;font-size:.85rem;gap:8px;margin-top:8px;padding:12px}.imap-helper-text svg{flex-shrink:0;font-size:1.1rem}.imap-form-buttons{display:flex;gap:12px;margin-top:16px}.imap-cancel-btn,.imap-save-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.imap-save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.imap-save-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.imap-cancel-btn{background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b}.imap-cancel-btn:hover{background:#e2e8f0;border-color:#94a3b8}.history-card{background:#fff;border:1px solid #e8eef5;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.history-table-wrapper{overflow:visible}.history-table{border-collapse:collapse;table-layout:fixed;width:100%}.history-table th{background:#fff;border-bottom:1px solid #e8eef5;border-top:1px solid #e8eef5;color:#475569;font-size:.75rem;font-weight:600;letter-spacing:.06em;padding:12px 14px;text-align:center;text-transform:uppercase}.history-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;line-height:1.5;padding:12px 14px;text-align:center;transition:background .15s ease;white-space:normal;word-break:break-word}.campaign-row:hover{background-color:#f8fafc}.campaign-row.expanded{background-color:#f0f5ff}.history-table td:first-child,.history-table th:first-child{text-align:left}.expand-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.expand-btn:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a;color:#3b82f6}.expand-btn.sub-expand{font-size:.8rem;height:24px;width:24px}.cell-icon{color:#94a3b8;margin-right:10px;vertical-align:middle}.campaign-name-cell{color:#0f172a;font-size:.85rem;font-weight:600;max-width:200px;text-align:left}.campaign-name-cell,.history-table td .account-email,.history-table td .campaign-name-cell,.history-table td .user-info-cell,.history-table td .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-cell{align-items:center;display:flex;gap:8px;justify-content:center;max-width:140px}.user-info-cell .account-email,.user-info-cell .user-name{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{gap:6px;margin:0 auto;padding:4px 12px;white-space:nowrap}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef9c3;color:#854d0e}.status-badge.failed{background:#fee2e2;color:#991b1b}.status-icon{font-size:1rem}.status-icon.pending{animation:rotate 2s linear infinite}.file-info{align-items:center;color:#475569;display:flex;font-size:.8rem;gap:4px;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{color:#64748b;font-family:JetBrains Mono,monospace;font-size:.8rem;text-align:center}.sub-table-row{background-color:#f8fafc}.sender-accounts-wrapper{padding:10px 20px 20px 50px}.sender-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;width:100%}.sender-table th{background:#fff;border-bottom:1px solid #f1f5f9;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-transform:uppercase}.sender-row td{font-size:.85rem;line-height:1.5;padding:12px 16px}.sender-info{align-items:center;color:#334155;display:flex;font-size:.85rem}.sender-email-text{color:#334155;font-weight:500;margin-right:12px}.sender-inline-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.sender-inline-actions .btn{font-size:.75rem;padding:6px 10px}.count-badge{background:#f1f5f9;border-radius:4px;color:#475569;font-size:.7rem;font-weight:500;padding:2px 8px}.recipients-container{background:#fdfdfd;border-top:1px dashed #e2e8f0;padding:16px}.recipients-container h6{color:#64748b;font-size:.75rem;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.recipients-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding-right:8px}.recipients-list::-webkit-scrollbar{width:6px}.recipients-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.recipients-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.recipient-item{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:6px;color:#475569;display:flex;font-size:.9rem;gap:10px;padding:10px 14px;transition:border-color .2s}.recipient-item:hover{border-color:#3b82f6;color:#1e293b}.recipient-icon{color:#94a3b8;font-size:.9rem}.history-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:28px}.history-header h2{color:#1a202c;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 6px}.history-header p{color:#64748b;font-size:.875rem;font-weight:400;line-height:1.5;margin:0}.refresh-btn{border-radius:6px;box-shadow:0 1px 2px #0000000d;font-size:.8rem;gap:6px;padding:8px 14px}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.bounce-check-btn{align-items:center;background:#fff;border:1px solid #fed7aa;border-radius:6px;box-shadow:0 1px 3px #0000000d;color:#c2410c;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.bounce-check-btn:hover:not(:disabled){background:#fff7ed;border-color:#fb923c;box-shadow:0 2px 6px #ea580c1a;color:#b85c0c}.bounce-check-btn:disabled{cursor:not-allowed;opacity:.6}.bounce-check-btn.checking{background:#fff7ed;border-color:#fb923c}.spinning{animation:rotate 2s linear infinite}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;padding:60px 20px;text-align:center}.empty-state p,.error-state p,.loading-state p{color:#475569;font-size:1.2rem;font-weight:500;margin:0}.empty-state .sub-text{color:#94a3b8;font-size:.9rem;font-weight:400}.error-state{color:#ef4444}.retry-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px;transition:background .2s}.retry-btn:hover{background:#dc2626}.empty-state{color:#94a3b8}.no-recipients{color:#94a3b8;font-size:.85rem;font-style:italic;padding:12px;text-align:center}.stat-count{border-radius:6px;display:inline-block;font-size:.875rem;font-weight:700;min-width:40px;padding:4px 10px;text-align:center}.stat-count.total{background:#f1f5f9;color:#475569}.stat-count.replied{background:#ecfdf5;color:#059669}.stat-count.bounced{background:#fef2f2;color:#dc2626}.stat-count.failed{background:#fef3c7;color:#d97706}.history-table th{white-space:nowrap}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.campaign-actions-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;display:flex;gap:12px;padding:16px}.action-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.action-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.sender-actions-container{background:#fafafa;display:flex;gap:12px;justify-content:center;padding:16px}.btn{border-radius:6px;display:inline-flex;font-size:.8rem;gap:6px;padding:7px 14px;transition:all .2s ease}.btn-sm{font-size:.75rem;padding:6px 12px}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#64748b;color:#fff}.btn-secondary:hover{background:#475569}.history-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.history-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.email-content-modal{max-width:800px}.history-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.history-modal-header h3{color:#0f172a;font-size:1.35rem;font-weight:700;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:4px;transition:all .2s ease}.close-modal-btn:hover{background:#f1f5f9;color:#0f172a}.history-modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.modal-loading p{color:#64748b;font-size:1rem}.modal-recipient-table{border-collapse:collapse;margin-bottom:20px;width:100%}.modal-recipient-table thead{background:#f8fafc}.modal-recipient-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 18px;text-align:left;text-transform:uppercase}.modal-recipient-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.95rem;padding:14px 18px}.modal-recipient-table tbody tr:hover{background:#f8fafc}.status-tag{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:capitalize}.status-tag.sent{background:#dbeafe;color:#1e40af}.status-tag.replied{background:#d1fae5;color:#065f46}.status-tag.bounced{background:#fee2e2;color:#991b1b}.status-tag.failed{background:#fee2e2;color:#dc2626}.modal-pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:center;padding:16px 0}.modal-pagination button{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease}.modal-pagination button:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.modal-pagination button:disabled{cursor:not-allowed;opacity:.4}.page-info{color:#64748b;font-size:.95rem;font-weight:500}.email-preview{gap:24px}.email-preview,.preview-field{display:flex;flex-direction:column}.preview-field{gap:8px}.preview-field label{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:none}.field-value{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.95rem;line-height:1.6;padding:14px 18px}.body-content{word-wrap:break-word;font-family:Courier New,monospace;max-height:400px;overflow-y:auto;white-space:pre-wrap}.pagination-controls{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:20px;justify-content:center;padding:20px}.pagination-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 22px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 6px #3b82f633;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.4}.pagination-info{color:#64748b;font-size:1rem;font-weight:600;min-width:130px;text-align:center}.reply-notification-popup{align-items:center;animation:slideInRight .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-left:4px solid #10b981;border-radius:12px;box-shadow:0 10px 30px #00000026;display:flex;gap:16px;max-width:400px;padding:16px 20px;position:fixed;right:24px;top:24px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.header-actions{flex-wrap:wrap;justify-content:flex-end;min-width:350px}.sync-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:6px;box-shadow:0 4px 12px #4f46e533;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sync-btn:hover:not(:disabled){box-shadow:0 6px 15px #4f46e54d;filter:brightness(1.1);transform:translateY(-2px)}.sync-btn:disabled{cursor:not-allowed;opacity:.7}.sync-btn.syncing .spinning{animation:rotate 1s linear infinite}.refresh-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.9rem;font-weight:600;padding:10px 18px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.refresh-btn.spinning svg{animation:rotate 2s linear infinite}.notif-icon-wrapper{background:#ecfdf5;color:#10b981;font-size:1.2rem;height:44px;position:relative;width:44px}.notif-badge,.notif-icon-wrapper{align-items:center;border-radius:50%;display:flex;justify-content:center}.notif-badge{background:#ef4444;border:2px solid #fff;color:#fff;font-size:.7rem;font-weight:700;height:18px;position:absolute;right:-4px;top:-4px;width:18px}.notif-content{flex:1 1}.notif-content h4{color:#0f172a;font-size:1rem;font-weight:700;margin:0}.notif-content p{color:#64748b;font-size:.9rem;margin:4px 0 0}.notif-close-btn{align-items:center;background:#0000;border:none;border-radius:40%;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.notif-close-btn:hover{background:#f1f5f9;color:#475569}@media (max-width:768px){.reply-notification-popup{bottom:24px;left:24px;min-width:auto;right:24px;top:auto}}.view-reply-btn{align-items:center;background:#ecfdf5;border:1px solid #10b981;border-radius:6px;color:#059669;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.view-reply-btn:hover{background:#10b981;box-shadow:0 4px 6px #10b98133;color:#fff}.reply-content-modal{max-width:650px}.reply-preview{gap:20px}.reply-item,.reply-preview{display:flex;flex-direction:column}.reply-item{border-bottom:1px solid #e2e8f0;gap:12px;padding-bottom:20px}.reply-item:last-child{border-bottom:none;padding-bottom:0}.reply-time-badge{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 16px;width:-webkit-fit-content;width:fit-content}.reply-section{display:flex;flex-direction:column;gap:12px}.reply-direct-content{word-wrap:break-word;background:#fff;border:2px solid #3b82f6;border-radius:12px;box-shadow:0 1px 3px #3b82f61a;color:#1e293b;font-family:Open Sans,sans-serif;font-size:1.05rem;line-height:1.7;padding:20px 22px;white-space:pre-wrap}.no-replies-message{color:#94a3b8;font-size:.95rem;padding:40px 20px;text-align:center}.total-campaigns-pill{background:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;color:#0369a1;font-size:.75rem;font-weight:500;padding:4px 10px}.total-campaigns-pill strong{color:#0284c7;margin-left:2px}.search-wrapper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;flex:1 1;max-width:280px;min-width:180px;padding:0 6px;position:relative;transition:all .2s ease}.search-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width:1024px){.campaign-history-container{padding:20px 24px}.history-table-wrapper{overflow-x:auto}.campaign-history-table{font-size:.92rem}.campaign-history-table td,.campaign-history-table th{padding:14px}}@media (max-width:1023px){.campaign-history-container{padding:16px 20px}.imap-header{padding:14px 18px}.imap-form{padding:18px}.imap-title h3{font-size:1rem}.saved-accounts-list{gap:8px}.saved-account-item{flex-wrap:wrap;padding:11px 13px}.account-actions{gap:6px;justify-content:flex-end;margin-top:8px;width:100%}.imap-input-group{flex-direction:column}.imap-input-group button,.imap-input-group input{width:100%}.campaign-history-table{font-size:.88rem}.campaign-history-table td,.campaign-history-table th{padding:12px 10px}.btn-group{flex-wrap:wrap;gap:8px}.btn{font-size:.9rem;padding:9px 14px}.modal-content{margin:10px;max-width:calc(100% - 20px)}}@media (max-width:768px){.campaign-history-container{padding:8px}.imap-config-card{border-radius:8px;margin-bottom:12px}.imap-header{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}.imap-title{gap:8px;width:100%}.imap-title h3{font-size:.95rem;margin:0}.imap-expand-icon{position:absolute;right:12px;top:12px}.imap-form{padding:12px}.imap-input-group{flex-direction:column;gap:8px}.imap-input-group button,.imap-input-group input{font-size:.9rem;padding:8px 10px;width:100%}.history-header{align-items:stretch;flex-direction:column;gap:16px}.history-header h2{font-size:1.3rem}.history-header p{font-size:.85rem}.header-actions{flex-direction:column;justify-content:stretch;min-width:0;min-width:auto;width:100%}.header-actions>*{flex:1 1}.search-wrapper{width:100%}.bounce-check-btn,.refresh-btn,.total-campaigns-pill{justify-content:center;width:100%}.total-campaigns-pill{margin-top:0}.btn-group{flex-direction:column;gap:8px;width:100%}.btn{font-size:.85rem;padding:10px;width:100%}.history-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.campaign-history-table{font-size:.8rem;min-width:0}.campaign-history-table td,.campaign-history-table th{padding:8px 6px;word-break:break-word}.campaign-history-table th{font-size:.75rem;padding:8px 4px}.expand-btn{font-size:.8rem;padding:4px 6px}.campaign-history-table .file-name-cell{display:none}.sender-info{font-size:.85rem;gap:6px}.cell-icon{font-size:.9rem}.count-badge{font-size:.75rem;padding:2px 6px}.sent-count{font-size:.8rem}.sender-actions-container{flex-direction:column;gap:8px;padding:12px}.btn-sm{font-size:.8rem;padding:8px;width:100%}.history-modal-overlay{padding:10px}.modal-content{border-radius:12px;margin:auto;max-width:95%}.history-modal-header{padding:12px 16px}.history-modal-header h3{font-size:1rem;margin:0}.history-modal-body{max-height:calc(100vh - 150px);overflow-y:auto;padding:12px 16px}.close-modal-btn{padding:4px 8px}.reply-content-modal{max-width:95%}.reply-time-badge{font-size:.75rem;padding:6px 10px}.reply-direct-content{border-radius:8px;font-size:.9rem;padding:12px}.recipients-modal-table td,.recipients-modal-table th{font-size:.75rem;padding:6px 4px}.status-tag{font-size:.7rem;padding:3px 8px}.view-reply-btn{font-size:.75rem;padding:4px 8px}.pagination-controls{flex-direction:column;gap:8px;padding:12px}.pagination-info{font-size:.8rem;text-align:center}.pagination-buttons{gap:8px;width:100%}.pagination-buttons button{flex:1 1;font-size:.8rem;padding:8px}input[type=email],input[type=password],input[type=text],select,textarea{font-size:16px!important;padding:10px!important}}@media (max-width:480px){.campaign-history-container{padding:4px}.imap-header{padding:8px}.imap-title h3{font-size:.85rem}.campaign-history-table{font-size:.75rem;min-width:0}.campaign-history-table td,.campaign-history-table th{padding:6px 3px}.history-modal-body{padding:10px 12px}.reply-direct-content{font-size:.85rem;line-height:1.4;padding:10px}.btn{font-size:.8rem;padding:8px}.modal-content{border-radius:8px}.history-modal-header h3{font-size:.95rem}.search-wrapper{padding:0 6px}.search-wrapper input{font-size:.85rem}.total-campaigns-pill{font-size:.7rem;padding:3px 8px}}@media (max-height:600px) and (orientation:landscape){.campaign-history-container,.imap-header{padding:8px}.imap-form{max-height:300px;overflow-y:auto;padding:10px}.history-modal-body{max-height:calc(100vh - 120px)}.btn{font-size:.8rem;padding:6px 10px}}@media print{.btn-group,.campaign-history-header,.imap-config-card{display:none}.campaign-history-table{border-collapse:collapse;font-size:.8rem}.campaign-history-table td,.campaign-history-table th{border:1px solid #ccc;padding:8px}}.search-icon{font-size:.85rem}.campaign-search-input{background:#0000;border:none;color:#1e293b;font-size:.75rem;outline:none;padding:7px 5px;transition:width .2s ease;width:150px}.search-wrapper:focus-within .campaign-search-input{width:220px}.clear-search{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px}.clear-search:hover{background:#fee2e2;color:#ef4444}.history-table td:nth-child(5),.history-table th:nth-child(5){display:none;margin:0;padding:0}.sender-table td:first-child,.sender-table th:first-child{display:none}.event-intelligence-container{background:#f8fafc;font-family:Outfit,Inter,-apple-system,sans-serif;min-height:100vh;padding:8px}.premium-card{background:#fff;background:linear-gradient(to bottom right,#fff,#f9fbff);border:1px solid #007fff0d;border-radius:12px;box-shadow:0 2px 8px #00000003;margin:0 auto;max-width:1200px;padding:10px 12px;transition:all .3s ease}.premium-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.header-main{align-items:center;gap:8px}.header-main h3{color:#1e293b;font-size:1rem;margin:0}.card-icon-wrapper{background:linear-gradient(135deg,#007fff,#0059b2);border-radius:10px;box-shadow:0 2px 6px #007fff1f;flex-shrink:0;font-size:1rem;height:38px;width:38px}.pulse-icon{animation:icon-pulse 3s infinite}@keyframes icon-pulse{0%{box-shadow:0 0 0 0 #007fff66;transform:scale(1)}70%{box-shadow:0 0 0 10px #007fff00;transform:scale(1.05)}to{box-shadow:0 0 0 0 #007fff00;transform:scale(1)}}.card-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:10px}.subtitle{color:#64748b;font-size:.75rem;margin:0}.input-group-premium label{color:#1e293b;display:block;font-size:.75rem;font-weight:700;letter-spacing:.2px;margin-bottom:4px;text-transform:uppercase}.toggle-buttons{background:#f1f5f9;border-radius:10px;display:flex;gap:3px;padding:3px}.toggle-buttons button{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:4px;justify-content:center;padding:5px;transition:all .2s ease}.toggle-buttons button.active{background:#fff;box-shadow:0 4px 12px #0000000d;color:#007fff}.search-input-wrapper{margin-top:4px}.input-icon{color:#94a3b8;font-size:.88rem;left:10px}.premium-input{background:#fff;border:1px solid #e2e8f0;border-radius:7px;font-size:.8rem;padding:6px 6px 6px 32px;transition:all .2s ease;width:100%}.premium-input:focus{border-color:#007fff;box-shadow:0 0 0 4px #007fff1a;outline:none}.settings-row{display:flex;gap:8px;margin-top:8px}.mini{flex:1 1}.mini label{font-size:.75rem}.mini .premium-input{padding-left:10px}.ai-features{background:#ffffff80;border:1px dashed #cbd5e1;border-radius:10px;padding:10px}.section-subtitle{color:#1e293b;display:block;font-size:.75rem;font-weight:700;margin-bottom:8px}.switch-group{display:flex;flex-direction:column;gap:6px}.switch-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;padding:6px 8px}.switch-item,.switch-text{align-items:center;display:flex}.switch-text{color:#475569;font-size:.85rem;font-weight:600;gap:6px}.switch-icon{color:#007fff}.action-buttons-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr;margin-top:10px}.btn-premium{align-items:center;border:none;border-radius:9px;cursor:pointer;display:flex;font-size:.87rem;font-weight:700;gap:7px;justify-content:center;padding:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-premium.primary{background:linear-gradient(135deg,#007fff,#0059b2);box-shadow:0 4px 15px #007fff4d;color:#fff}.btn-premium.secondary{background:#fff;border:2px solid #007fff;color:#007fff}.btn-premium:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-3px)}.btn-premium:active{transform:translateY(0)}.btn-premium:disabled{cursor:not-allowed;opacity:.6}.results-container{margin-top:30px}.results-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.nav-tabs{background:#e2e8f0;border-radius:14px;display:flex;gap:8px;padding:6px}.nav-tabs button{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 18px}.nav-tabs button.active{background:#fff;box-shadow:0 4px 12px #0000000d;color:#1e293b}.export-actions{display:flex;gap:10px}.btn-export{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-weight:700;gap:6px;padding:8px 16px}.btn-export.csv{background:#dcfce7;color:#166534}.btn-export.crm{background:#007fff;color:#fff}.overview-tab{padding:30px}.event-hero{margin-bottom:40px;text-align:center}.event-badge{background:#007fff1a;border-radius:30px;color:#007fff;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:15px;padding:6px 14px}.event-hero h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#007fff);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.2rem;margin:0}.event-hero .description{color:#64748b;font-size:1.1rem;margin:15px auto;max-width:600px}.event-details-chips{display:flex;gap:15px;justify-content:center;margin-top:25px}.chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;display:flex;font-weight:600;gap:8px;padding:8px 16px}.status-chip{background:#10b981;border:none;color:#fff}.organizer-box{background:#f8fafc;border-radius:16px;margin:30px 0;padding:24px}.quick-links{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.link-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#1e293b;display:flex;font-weight:700;justify-content:space-between;padding:20px;text-decoration:none;transition:all .2s ease}.link-card:hover{border-color:#007fff;transform:translateY(-3px)}.link-card.highlight{background:#007fff;border:none;color:#fff}.participants-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px}.participant-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:15px;padding:20px;transition:all .3s ease}.participant-card:hover{border-color:#007fff;box-shadow:0 10px 20px #0000000d}.p-avatar{background:#007fff;border-radius:50%;color:#fff;font-weight:700;height:44px;justify-content:center;width:44px}.p-avatar,.persona{align-items:center;display:flex}.persona{gap:12px}.p-info h4{font-size:1rem;margin:0}.p-role{color:#007fff;font-size:.8rem;font-weight:700;text-transform:uppercase}.p-actions{border-top:1px solid #f1f5f9;justify-content:space-between;margin-top:10px;padding-top:15px}.linkedin-link,.p-actions{align-items:center;display:flex}.linkedin-link{color:#0077b5;font-weight:600;gap:5px;text-decoration:none}.conf-bar{border-radius:3px;height:6px}.anim-fade-in{animation:fadeIn .4s ease-out}.anim-fade-up{animation:fadeUp .5s ease-out}.anim-slide-in{animation:slideIn .3s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.switch{display:inline-block;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#007fff}input:checked+.slider:before{transform:translateX(20px)}.timeline-tab{padding:30px}.timeline-list{display:flex;flex-direction:column;gap:20px;margin-top:25px;position:relative}.timeline-list:before{background:#e2e8f0;bottom:0;content:"";left:120px;position:absolute;top:0;width:2px}.timeline-item{align-items:flex-start;display:flex;gap:40px}.timeline-item .time{color:#007fff;font-size:.85rem;font-weight:700;padding-top:4px;text-align:right;width:100px}.timeline-item .content{background:#f8fafc;border-radius:12px;flex:1 1;padding:15px 20px;position:relative}.timeline-item .content:before{background:#007fff;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #007fff;content:"";height:10px;left:-25px;position:absolute;top:15px;width:10px}.timeline-item .content strong{color:#1e293b;display:block;font-size:1.05rem;margin-bottom:5px}.timeline-item .content p{color:#64748b;font-size:.9rem;margin:0}.discovery-tab{padding:30px}.discovery-header{border-bottom:1px solid #e2e8f0;margin-bottom:30px;padding-bottom:15px}.discovery-header h3{color:#1e293b;font-size:1.5rem}.tech-event-list{display:flex;flex-direction:column;gap:15px}.discovery-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.discovery-card:hover{background:#f0f7ff;border-color:#007fff;transform:translateX(3px)}.d-icon{align-items:center;background:linear-gradient(135deg,#007fff,#0059b2);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.d-body{flex:1 1}.d-body h4{color:#1e293b;font-size:1rem;line-height:1.3;margin:0 0 4px}.d-date{align-items:center;color:#64748b;display:flex;font-size:.8rem;font-weight:600;gap:4px;margin-bottom:6px}.d-body p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;overflow:hidden}.d-link{align-items:center;color:#0077b5;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;margin-top:10px;text-decoration:none}.link-card.linkedin-featured{background:#0077b5;border:none;color:#fff}.description-detail-card{background:#f8fafc;border-left:4px solid #007fff;border-radius:14px;margin-bottom:25px;padding:20px}.description-detail-card h4{align-items:center;color:#1e293b;display:flex;gap:10px;margin-top:0}@media (max-width:900px){.card-grid{grid-template-columns:1fr}}.homepage{background:#fff;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0;padding:0 20px;width:100%}.homepage-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0cc;box-shadow:0 1px 10px #00000014;left:0;padding:.5rem 0;position:fixed;right:0;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.logo-image{border-radius:12px;height:120px;object-fit:contain;transition:transform .3s ease;width:120px}.logo-image:hover{transform:scale(1.05)}.logo-text{display:none}.nav-links{align-items:center;display:flex;gap:1.5rem;position:relative}.nav-links a{border-radius:8px;color:#475569;font-size:1.05rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:all .3s ease}.nav-links a:hover{background:#0078d40d;color:#1e293b}.nav-actions{align-items:center;display:flex;gap:1rem}.nav-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:600;gap:.5rem;padding:.5rem 1.25rem;text-align:center;text-decoration:none;transition:all .3s ease}.nav-btn.secondary{background:#0000;border:1.5px solid #e2e8f0;color:#475569}.nav-btn.secondary:hover{background:#f8fafc;border-color:#0078d4;color:#1e293b;transform:translateY(-1px)}.nav-btn.primary{background:linear-gradient(135deg,#0078d4,#106ebe);box-shadow:0 4px 15px #0078d44d;color:#fff}.nav-btn.primary:hover{box-shadow:0 6px 25px #0078d466;transform:translateY(-2px)}.nav-dropdown{display:inline-block;position:relative}.nav-link-btn{align-items:center;background:none;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:1.05rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .3s ease}.nav-link-btn:hover{background:#0078d40d;color:#1e293b}.nav-link-btn svg{font-size:1.125rem;transition:transform .3s ease}.nav-link-btn svg.rotate{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFadeIn .3s ease-out;background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 25px 50px #00000026;left:-300px;max-height:85vh;max-width:95vw;overflow:hidden;overflow-y:auto;padding:0;position:absolute;top:100%;width:1000px;z-index:1001}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:linear-gradient(135deg,#f3f9fd,#e6f2fb);border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem 1rem}.dropdown-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.dropdown-header p{color:#64748b;font-size:.9rem;font-weight:500;line-height:1.4;margin:0}.product-icon-container{align-items:center;border-radius:16px;box-shadow:0 8px 20px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:60px}.product-item:hover .product-icon-container{box-shadow:0 12px 30px #0003;transform:scale(1.05) rotate(5deg)}.brain-icon,.companion-icon{background:linear-gradient(135deg,#0078d4,#106ebe)}.product-main-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.75rem}.product-header{gap:1rem;justify-content:space-between;margin-bottom:1rem}.product-header,.product-name{align-items:center;display:flex}.product-name{color:#1e293b;flex:1 1;font-size:1.3rem;font-weight:700;gap:.5rem}.product-name-icon{color:#0078d4;font-size:1.5rem}.product-badge{background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:20px;box-shadow:0 2px 8px #0078d44d;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.product-features-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.feature-item{align-items:flex-start;background:#0000;border-radius:8px;color:#1e293b;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;line-height:1.4;padding:.75rem;transition:all .3s ease;width:100%}.feature-item:hover{background:#0078d40d;transform:translateX(5px)}.feature-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:.1rem;transition:all .3s ease;width:24px}.brain-feature{background:linear-gradient(135deg,#0078d4,#106ebe);box-shadow:0 2px 8px #0078d44d}.feature-item:hover .brain-feature{box-shadow:0 4px 12px #0078d466;transform:scale(1.1)}.companion-section-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.companion-section-header h4{color:#0078d4;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.companion-feature-column ul{list-style:none;margin:0;padding:0}.companion-feature-column li{align-items:center;border-radius:6px;color:#1e293b;display:flex;font-size:.85rem;font-weight:500;gap:.75rem;line-height:1.4;padding:.6rem .5rem;transition:all .3s ease}.companion-feature-column li:hover{background:#0078d40d;color:#1e293b;transform:translateX(3px)}.feature-dot{border-radius:50%;flex-shrink:0;height:8px;transition:all .3s ease;width:8px}.advanced-dot,.core-dot{background:linear-gradient(135deg,#0078d4,#106ebe);box-shadow:0 2px 4px #0078d466}.companion-feature-column li:hover .feature-dot{transform:scale(1.3)}.product-item{background:#f3f9fd;border:1.5px solid #0000;border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem;position:relative;transition:all .4s ease}.product-item:before{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.product-item:hover:before{left:100%}.product-item:hover{background:#fff;border-color:#0078d4;box-shadow:0 15px 40px #0078d426;transform:translateY(-5px)}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.product-column{display:flex;flex-direction:column}.product-info{flex:1 1;min-width:0}.product-description{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.companion-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:1rem}.companion-feature-column{min-width:0}.industry-icon,.role-feature,.role-icon{background:linear-gradient(135deg,#0078d4,#106ebe)}.role-feature{box-shadow:0 2px 8px #0078d44d}.feature-item:hover .role-feature{box-shadow:0 4px 12px #0078d466;transform:scale(1.1)}.core-industry-dot,.specialized-dot{background:linear-gradient(135deg,#0078d4,#106ebe);box-shadow:0 2px 4px #0078d466}.companion-section-header .section-icon{color:#0078d4;font-size:1.125rem}.resources-dropdown-menu{animation:dropdownFadeIn .3s ease-out;background:#fff;border:1px solid #0078d41a;border-radius:20px;box-shadow:0 30px 60px #00000026;left:50%;max-width:95vw;overflow:hidden;padding:0;position:absolute;top:100%;transform:translateX(-50%);width:1000px;z-index:1001}.resources-content{padding:2.5rem}.resources-section{margin-bottom:0}.resources-grid-three{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr 1fr;margin-top:1rem}.resources-column{display:flex;flex-direction:column}.section-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.section-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.section-icon .icon{color:#fff;font-size:1.5rem}.doc-icon,.learning-icon,.support-icon{background:linear-gradient(135deg,#0078d4,#106ebe);box-shadow:0 4px 12px #0078d44d}.section-header h4{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.section-header p{color:#64748b;font-size:.9rem;line-height:1.4;margin:0}.resources-list{display:flex;flex-direction:column;gap:.75rem}.resource-item{align-items:center;background:#f3f9fd;border:1.5px solid #0000;border-radius:16px;color:#475569;display:flex;font-size:.9rem;font-weight:500;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;text-decoration:none;transition:all .3s ease}.resource-item:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.resource-item:hover:before{left:100%}.resource-item:hover{background:#fff;border-color:#0078d4;box-shadow:0 8px 25px #0078d426;color:#1e293b;transform:translateY(-3px)}.resource-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.resource-item:hover .resource-icon-wrapper{transform:scale(1.1)}.resource-icon{color:#fff;font-size:1.25rem}.api-reference,.case-studies,.community-forum,.community-guides,.getting-started,.help-center,.status-page,.video-tutorials,.webinars{background:linear-gradient(135deg,#0078d4,#106ebe)}.resource-content{flex:1 1;min-width:0}.resource-title{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.25rem;transition:color .3s ease}.resource-desc{color:#64748b;font-size:.8rem;font-weight:400;transition:color .3s ease}.resource-item:hover .resource-title{color:#1e293b}.resource-item:hover .resource-desc{color:#64748b}.resource-arrow{color:#cbd5e1;font-size:1.125rem;opacity:0;transform:translateX(-5px);transition:all .3s ease}.resource-item:hover .resource-arrow{color:#0078d4;opacity:1;transform:translateX(0)}.resources-divider{background:linear-gradient(90deg,#0000,#f1f5f9,#0000);height:1px;margin:2rem 0}.header-icon{color:#0078d4;font-size:1.5rem}.dropdown-divider{background:linear-gradient(90deg,#0000,#f1f5f9,#0000);height:1px;margin:.5rem 2rem}.dropdown-item.view-all{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin:0 2rem 2rem;overflow:hidden;padding:1.5rem 2rem;position:relative;text-decoration:none;transition:all .3s ease;width:calc(100% - 4rem)}.dropdown-item.view-all:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.dropdown-item.view-all:hover:before{left:100%}.dropdown-item.view-all:hover{box-shadow:0 12px 30px #0078d466;transform:translateY(-3px)}.arrow-icon{transition:transform .3s ease}.dropdown-item.view-all:hover .arrow-icon{transform:translateX(3px)}.enterprise-icon,.professional-icon,.starter-icon{background:linear-gradient(135deg,#0078d4,#106ebe)}.analytics-feature,.enterprise-feature,.professional-feature,.security-feature,.starter-feature,.team-feature{background:linear-gradient(135deg,#0078d4,#106ebe);box-shadow:0 2px 8px #0078d44d}.feature-item:hover .analytics-feature,.feature-item:hover .enterprise-feature,.feature-item:hover .professional-feature,.feature-item:hover .security-feature,.feature-item:hover .starter-feature,.feature-item:hover .team-feature{box-shadow:0 4px 12px #0078d466;transform:scale(1.1)}.product-price{color:#1e293b;font-size:1.5rem;font-weight:700;margin:.5rem 0}.pricing-badge{background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:20px;box-shadow:0 2px 8px #0078d44d;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;padding:2rem}.solution-icon-container{align-items:center;border-radius:16px;box-shadow:0 8px 20px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;height:70px;justify-content:center;margin-bottom:1rem;overflow:hidden;position:relative;transition:all .3s ease;width:70px}.solution-card:hover .solution-icon-container{box-shadow:0 12px 30px #0003;transform:scale(1.05) rotate(5deg)}.tier1-icon,.tier2-icon,.tier3-icon{background:linear-gradient(135deg,#0078d4,#106ebe)}.solution-main-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem}.solution-features{list-style:none;margin:0;padding:0}.solution-features li{align-items:center;border-radius:8px;color:#1e293b;display:flex;font-weight:500;gap:.75rem;padding:.75rem .5rem;transition:all .3s ease}.solution-features li:hover{background:#0078d40d;transform:translateX(5px)}.solution-feature-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .3s ease;width:28px}.tier1-feature,.tier2-feature,.tier3-feature{background:linear-gradient(135deg,#0078d4,#106ebe);box-shadow:0 2px 8px #0078d44d}.solution-features li:hover .solution-feature-icon{box-shadow:0 4px 12px #0078d466;transform:scale(1.1)}.feature-check{color:#fff;font-size:.875rem;font-weight:700}.solution-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 30px #0000001f;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.solution-card:before{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.solution-card:hover:before{left:100%}.solution-card:hover{border-color:#0078d4;box-shadow:0 20px 50px #0078d433;transform:translateY(-5px)}.solution-header{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.solution-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.solution-description{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.dataflow-section{background:linear-gradient(135deg,#f3f9fd,#e6f2fb);padding:80px 0}.dataflow-diagram{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:3rem}.dataflow-column{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 30px #0000001f;min-width:300px;padding:2.5rem;text-align:center;transition:all .3s ease}.dataflow-column:hover{border-color:#0078d4;box-shadow:0 20px 50px #0078d433;transform:translateY(-5px)}.dataflow-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.dataflow-icon{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:16px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.dataflow-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.dataflow-items{display:flex;flex-direction:column;gap:1rem}.dataflow-item{align-items:center;background:#f3f9fd;border:1px solid #f1f5f9;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;text-align:left;transition:all .3s ease}.dataflow-item:hover{background:#fff;border-color:#0078d4;box-shadow:0 8px 25px #0078d426;transform:translateX(5px)}.item-icon{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;height:40px;justify-content:center;width:40px}.dataflow-item span{color:#475569;font-size:1rem;font-weight:600}.dataflow-arrow{align-items:center;color:#0078d4;display:flex;font-size:2rem;font-weight:700;justify-content:center;padding:0 1rem}.ai-processing .dataflow-icon,.ai-processing .item-icon,.data-sources .dataflow-icon,.data-sources .item-icon,.hero-section{background:linear-gradient(135deg,#0078d4,#106ebe)}.hero-section{align-items:center;display:flex;min-height:80vh;overflow:hidden;padding:120px 0 80px;position:relative}.hero-section:before{background:radial-gradient(circle at 20% 80%,#0078d44d 0,#0000 50%),radial-gradient(circle at 80% 20%,#106ebe4d 0,#0000 50%),radial-gradient(circle at 40% 40%,#005fb833 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.hero-title{color:#fff;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 10px #0000004d}.hero-subtitle{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.hero-btn.primary{background:#fff;box-shadow:0 8px 20px #0003;color:#0078d4}.hero-btn.primary:hover{background:#f8fafc;box-shadow:0 12px 30px #0000004d;transform:translateY(-2px)}.hero-btn.secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.hero-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff80}.hero-graphic{position:relative;z-index:2}.graphic-placeholder,.hero-graphic{align-items:center;display:flex;justify-content:center}.graphic-placeholder{background:#ffffff1a;border:2px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0003;flex-direction:column;gap:2rem;height:300px;padding:2rem;width:400px}.ai-agent,.graphic-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-agent{background:#fff3;border-radius:50px;color:#fff;font-size:1.5rem;font-weight:700;padding:.5rem 1.5rem}.interaction-flow{display:flex;gap:1rem}.flow-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;font-weight:500;padding:.75rem 1rem}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle{color:#64748b;font-size:1.125rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.stats-section{background:linear-gradient(135deg,#f3f9fd,#e6f2fb);padding:80px 0}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.stat-card{border:1px solid #e6f2fb;box-shadow:0 8px 30px #00000014;padding:2rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 15px 40px #0078d426;transform:translateY(-5px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.stat-value{font-size:2.5rem;margin-bottom:.5rem}.stat-label{color:#0078d4;font-size:1.125rem;margin-bottom:.75rem}.stat-description{color:#64748b;line-height:1.5}.solutions-section{background:linear-gradient(135deg,#f3f9fd,#e6f2fb);padding:80px 0}.solutions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.architecture-section{background:linear-gradient(135deg,#f3f9fd,#e6f2fb);padding:80px 0}.architecture-diagram{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:3rem;width:100%}.architecture-image{border:1px solid #e6f2fb;border-radius:20px;box-shadow:0 15px 40px #00000026;display:block;height:auto;margin:0 auto;max-height:830px;object-fit:contain;transition:all .3s ease;width:auto}.architecture-section .container{box-sizing:border-box;margin:0 auto;padding:0 2rem;width:100%}@media (max-width:1024px){.architecture-image{max-height:500px}}@media (max-width:768px){.architecture-section{padding:60px 0}.architecture-diagram{margin-top:2rem}.architecture-image{border-radius:16px;max-height:400px;max-width:100%;width:100%}.architecture-section .container{padding:0 1rem}}@media (max-width:480px){.architecture-section{padding:40px 0}.architecture-diagram{margin-top:1.5rem}.architecture-image{border-radius:12px;max-height:300px}.architecture-section .container{padding:0 .5rem}}.homepage-footer{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:60px 0 20px}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.footer-section h4{color:#f8fafc;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.footer-section p{color:#cbd5e1;line-height:1.6;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#cbd5e1;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#a5b4fc}.footer-bottom{border-top:1px solid #374151;color:#9ca3af;padding-top:2rem;text-align:center}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:flex-start;color:#cbd5e1;display:flex;gap:.75rem}.contact-icon{color:#a5b4fc;flex-shrink:0;font-size:1.125rem;margin-top:.125rem}.contact-item p{line-height:1.4;margin:0}.contact-item div p{margin-bottom:.25rem}.contact-item div p:last-child{margin-bottom:0}@media (max-width:1024px){.dropdown-menu{left:-250px;width:900px}.pricing-grid,.resources-grid-three{grid-template-columns:1fr 1fr}.resources-grid-three{gap:2rem}.resources-dropdown-menu{width:900px}}@media (max-width:900px){.dropdown-menu{left:-200px;width:800px}.resources-dropdown-menu{width:800px}}@media (max-width:768px){.homepage{padding:0 15px}.nav-container{flex-direction:column;gap:.75rem;padding:.75rem}.nav-links{flex-direction:column;gap:1rem;width:100%}.nav-links a{border-bottom:1px solid #f1f5f9;font-size:1.1rem;padding:.75rem;text-align:center;width:100%}.nav-actions{gap:.5rem}.nav-logo{gap:.75rem}.logo-image{height:100px;width:100px}.nav-btn,.nav-link-btn{font-size:1.1rem}.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2rem}.hero-actions{justify-content:center}.section-title{font-size:2rem}.solutions-grid,.stats-grid{grid-template-columns:1fr}.nav-dropdown{text-align:center;width:100%}.nav-link-btn{justify-content:center;padding:.75rem;width:100%}.dropdown-menu{border-radius:12px;max-height:none}.dropdown-menu,.resources-dropdown-menu{left:0;margin-top:.5rem;max-width:none;position:static;transform:none;width:100%}.resources-dropdown-menu{border-radius:16px}.products-grid{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.companion-features-grid{margin:1rem 0}.dropdown-header{padding:1.25rem 1.5rem .75rem}.dropdown-header h3{font-size:1.1rem}.dropdown-header p{font-size:.85rem}.product-item{margin-bottom:0;padding:1.5rem;text-align:left}.product-info{width:100%}.product-name{justify-content:flex-start}.product-description{font-size:.9rem;text-align:left}.feature-item{justify-content:flex-start}.resources-content{padding:1.5rem}.resources-section{margin-bottom:1.5rem}.resources-section h4{font-size:1rem}.resource-item{font-size:.85rem}.resources-grid-three{gap:1.5rem;grid-template-columns:1fr}.section-header{gap:.875rem;margin-bottom:1.25rem}.section-icon{height:44px;width:44px}.section-icon .icon{font-size:1.25rem}.resource-item{gap:.875rem;padding:1rem}.resource-icon-wrapper{height:42px;width:42px}.resource-icon{font-size:1.125rem}.resource-title{font-size:.95rem}.resource-desc{font-size:.75rem}.product-icon-container{height:50px;margin-bottom:1.25rem;width:50px}.product-main-icon{font-size:1.5rem}.product-header{align-items:flex-start;flex-direction:column;gap:.5rem}.product-name{font-size:1.2rem}.companion-features-grid{gap:1rem;grid-template-columns:1fr}.feature-item{font-size:.85rem;padding:.5rem}.companion-feature-column li{font-size:.8rem;padding:.5rem 0}.pricing-grid{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.solution-icon-container{height:60px;width:60px}.solution-main-icon{font-size:1.75rem}.solution-card{padding:2rem}.solution-title{font-size:1.3rem}.solution-features li{font-size:.9rem;padding:.6rem 0}.solution-feature-icon{height:24px;width:24px}.dataflow-diagram{flex-direction:column;gap:2rem}.dataflow-arrow{padding:1rem 0;transform:rotate(90deg)}.dataflow-column{min-width:280px;padding:2rem}.dataflow-item{padding:1rem}.dataflow-item span{font-size:.9rem}.contact-item{gap:.5rem}.contact-icon{font-size:1rem}.contact-item p{font-size:.9rem}}@media (max-width:480px){.homepage{padding:0 10px}.hero-title,.section-title{font-size:1.75rem}.nav-links{flex-wrap:wrap;justify-content:center}.logo-image{height:80px;width:80px}.nav-btn,.nav-link-btn,.nav-links a{font-size:1rem}.graphic-placeholder{height:250px;width:100%}.dropdown-menu{min-width:320px}.products-grid{padding:1rem}.product-item{padding:1.25rem}.feature-item{font-size:.8rem}.companion-feature-column li{font-size:.75rem}.companion-features-grid{padding:0}.resources-content{padding:1.25rem}.resources-section h4{font-size:.95rem}.resource-item{font-size:.8rem}.section-header h4{font-size:1.125rem}.section-header p{font-size:.85rem}.product-icon-container{height:45px;width:45px}.product-name{font-size:1.1rem}.product-description{font-size:.9rem}.pricing-grid{padding:1rem}.resources-grid-three{gap:1rem}.solution-card{padding:1.5rem}.solution-icon-container{height:50px;width:50px}.solution-main-icon{font-size:1.5rem}.solution-title{font-size:1.2rem}.solution-features li{font-size:.85rem}.dataflow-column{min-width:250px;padding:1.5rem}.dataflow-header{margin-bottom:1.5rem}.dataflow-icon{height:50px;width:50px}.dataflow-header h3,.dataflow-icon{font-size:1.25rem}}.login-container{align-items:center;background:#eef3f7!important;display:flex;height:100vh!important;justify-content:center;margin:0;padding:0;width:100vw!important}.login-wrapper{background:#fff;border-radius:25px;box-shadow:0 12px 40px #0000002e;height:80vh;max-width:1400px!important;overflow:hidden;width:95%!important}.login-image-section,.login-wrapper{align-items:center;display:flex;justify-content:center;min-height:750px}.login-image-section{background:linear-gradient(135deg,#007fff,#0056b3);flex:1.2 1;height:100%;padding:60px 50px}.login-image-content{color:#fff;max-width:500px;text-align:center;width:100%}.login-image{border-radius:20px;box-shadow:0 12px 32px #00000040;height:auto;margin-bottom:40px;max-width:500px!important;width:100%}.login-image-content h2{font-size:38px!important;font-weight:700;line-height:1.2;margin-bottom:20px!important}.login-image-content p{font-size:20px!important;line-height:1.6;opacity:.9}.login-form-section{align-items:center;flex:1 1;padding:60px 50px}.login-card,.login-form-section{display:flex;justify-content:center}.login-card{background:#0000;border-radius:0;box-shadow:none;flex-direction:column;max-width:480px!important;min-height:auto!important;padding:0!important;text-align:center;width:100%!important}.login-header .login-icon{color:#007fff;font-size:64px!important;margin-bottom:20px!important}.login-header h2{color:#333;font-size:32px!important;font-weight:700;margin-bottom:12px!important}.login-header p{color:#666;font-size:18px!important;margin-bottom:35px!important}.form-group{margin-bottom:28px!important;position:relative}input{background:#f4f6f8;border:1px solid #d9d9d9;border-radius:14px!important;font-size:17px!important;height:58px!important;padding:18px 50px!important;width:100%!important}.input-icon{font-size:22px!important;left:18px!important}.input-icon,.password-toggle{color:#7b7b7b;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle{background:none;border:none;cursor:pointer;font-size:20px!important;right:18px!important}.login-btn{align-items:center;background:#007fff!important;border:none;border-radius:14px!important;color:#fff!important;cursor:pointer;display:flex;font-size:18px!important;font-weight:600;gap:10px;height:60px!important;justify-content:center;margin-top:20px!important;padding:18px!important;transition:background .2s;width:100%!important}.login-btn:hover{background:#06c!important}.login-btn:disabled{background:#ccc!important;cursor:not-allowed}.forgot-password-link{background:none;border:none;color:#007fff;cursor:pointer;font-size:16px!important;margin-bottom:15px!important;margin-top:-10px!important;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.message{border-radius:12px!important;font-size:15px!important;margin-bottom:25px!important;padding:16px 20px!important;text-align:center}.message.success{background:#e7f7ef;border:1px solid #a3e6c5;color:#0a8754}.message.error{background:#fde8e8;border:1px solid #feb2b2;color:#c53030}.loading-spinner{border:3px solid #fff;border-top-color:#0000;height:20px!important;margin-right:10px!important;width:20px!important}.toggle-mode p{color:#666;font-size:16px!important;margin-top:25px!important}.toggle-btn{background:none;border:none;color:#007fff;cursor:pointer;font-size:16px!important;font-weight:600}.toggle-btn:hover{text-decoration:underline}.back-to-login{align-items:center;background:none;border:none;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:16px!important;gap:10px;justify-content:center;margin-top:25px!important;padding:10px;transition:background .2s}.back-to-login:hover{background:#f5f5f5}*{box-sizing:border-box}@media (max-width:1024px){.login-wrapper{max-width:1200px!important;min-height:700px;width:95%!important}.login-image-section{min-height:700px;padding:50px 40px}.login-image{max-width:450px!important}.login-image-content h2{font-size:34px!important}.login-image-content p{font-size:18px!important}}@media (max-width:768px){.login-wrapper{flex-direction:column;max-width:520px!important;min-height:auto;width:92%!important}.login-image-section{flex:none;min-height:220px;padding:35px 25px;width:100%}.login-image{margin-bottom:20px;max-width:140px!important}.login-image-content h2{font-size:26px!important}.login-image-content p{font-size:15px!important}.login-form-section{flex:none;padding:40px 30px;width:100%}.login-card{max-width:100%!important}}@media (max-width:480px){.login-wrapper{border-radius:20px;width:94%!important}.login-image-section{min-height:180px;padding:30px 20px}.login-image{max-width:120px!important}.login-image-content h2{font-size:22px!important}.login-image-content p{font-size:14px!important}.login-form-section{padding:35px 25px}input{font-size:16px!important;height:54px!important;padding:16px 45px!important}.login-btn{font-size:17px!important;height:56px!important;padding:16px!important}}.admin-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:10px;margin-bottom:30px;padding-bottom:0}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;font-size:14px}.tab-button:hover{background:#f8f9fc}.tab-button.active{background:linear-gradient(180deg,#f8f9fc 0,#0000);border-bottom-color:#667eea;color:#667eea}.filters-grid{grid-gap:15px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px;padding:15px}.search-container{grid-column:span 2}.search-input{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 12px;background-size:16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:12px 16px 12px 40px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#0078d4;box-shadow:0 0 0 3px #0078d41a;outline:none}.filter-group{flex-direction:column}.filter-group label{color:#374151;font-size:.85rem;font-weight:600;margin-bottom:4px}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0;border-radius:8px;color:#000;cursor:pointer;font-size:.9rem;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.filter-select:focus{border-color:#0078d4;box-shadow:0 0 0 3px #0078d41a;outline:none}.filter-select:hover{border-color:#0078d4}.panel-header{background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:12px;box-shadow:0 4px 12px #0078d44d;color:#fff;margin-bottom:20px;padding:20px;text-align:center}.panel-header h2{align-items:center;display:flex;font-size:1.8rem;font-weight:700;gap:10px;justify-content:center;margin:0 0 8px}.panel-header p{font-size:.95rem;margin:0;opacity:.9}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stat-card{border:1px solid #f1f5f9;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:20px;text-align:center;transition:transform .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001f}.stat-value{color:#0078d4;font-size:2rem;font-weight:700;line-height:1;margin-bottom:8px}.stat-label{font-weight:500}.card-header{margin-bottom:20px;padding-bottom:12px}.card-header h3{color:#000;font-size:1.2rem;font-weight:600;margin:0}.action-buttons{gap:10px}.role-select{color:#000;font-size:.85rem;min-width:120px;transition:all .2s ease}.role-select:focus{box-shadow:0 0 0 2px #0078d41a;outline:none}.role-select:focus,.role-select:hover{border-color:#0078d4}.users-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table td,.users-table th{border-bottom:1px solid #e2e8f0;color:#000;padding:14px 16px;text-align:left}.users-table th{color:#000;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.users-table th,.users-table tr:hover{background:#f8fafc}.users-table tr.user-inactive{background:#fef2f2;opacity:.7}.users-table tr.user-inactive:hover{background:#fee2e2}.user-info{align-items:center;gap:12px}.user-avatar{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;color:#64748b;font-size:1rem;height:36px;width:36px}.user-details{display:flex;flex-direction:column}.user-details strong{color:#000;font-size:.9rem;font-weight:600}.user-details small{color:#64748b;font-size:.75rem}.user-email{color:#0078d4;font-size:.9rem;text-decoration:none;transition:color .2s ease}.user-email:hover{color:#106ebe;text-decoration:underline}.date-text{color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;white-space:nowrap}.badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.3px;padding:6px 10px;text-transform:uppercase}.badge-superadmin{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.badge-admin{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-user{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.status-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;gap:4px;padding:6px 10px}.status-badge.active{background:#dcfce7;border:1px solid #86efac;color:#166534}.status-badge.inactive{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.action-buttons{gap:6px}.action-buttons .btn{align-items:center;display:flex;font-size:.8rem;height:32px;justify-content:center;min-width:32px;padding:6px 10px}.action-buttons .btn-sm{font-size:.75rem;padding:4px 8px}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 2px 6px #f59e0b4d;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover:not(:disabled){box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#0078d4;height:40px;margin-bottom:16px;width:40px}.loading p{color:#64748b;font-size:.9rem}.empty-state{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#64748b;padding:40px 20px;text-align:center}.empty-state p{font-size:.9rem;margin:0 0 4px}.empty-state small{color:#94a3b8;font-size:.8rem}.user-details-modal{padding:20px}.user-avatar-large{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.user-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{align-items:center;color:#000;display:flex;font-size:.95rem;gap:6px}.detail-value.active{color:#059669;font-weight:500}.detail-value.inactive{color:#dc2626;font-weight:500}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:center;margin-top:20px;padding-top:20px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-grid .form-group:last-child{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-size:.9rem}.form-group input{border:2px solid #e2e8f0;border-radius:8px;color:#000;font-size:.9rem;padding:12px 16px;transition:all .2s ease}.form-group input:focus{border-color:#0078d4;box-shadow:0 0 0 3px #0078d41a;outline:none}@media (max-width:768px){.filters-grid{gap:12px;grid-template-columns:1fr}.search-container{grid-column:span 1}.panel-header h2{font-size:1.5rem}.panel-header{padding:15px}.stats-grid{grid-template-columns:repeat(2,1fr)}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.action-buttons{justify-content:space-between;width:100%}.users-table{font-size:.85rem}.users-table td,.users-table th{padding:10px 12px}.user-details-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media (max-width:480px){.form-grid,.stats-grid{grid-template-columns:1fr}.users-table{display:block;overflow-x:auto;white-space:nowrap}.filters-grid{padding:12px}}.table-responsive{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.alert{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;font-size:.9rem;gap:10px;margin-bottom:20px;padding:12px 16px}.alert-success{background:#dcfce7;border:1px solid #86efac;color:#166534}.alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{padding:20px}.modal-content{animation:modalSlideIn .3s ease;box-shadow:0 8px 30px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{background:#f8fafc}.modal-header h3{color:#1e293b;font-size:1.2rem;font-weight:600}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#e2e8f0;color:#1e293b}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.role-management{margin:0 auto;max-width:1400px;padding:30px}.role-header{justify-content:space-between;margin-bottom:30px}.header-left h1,.role-header{align-items:center;display:flex}.header-left h1{color:#2d3748;font-size:28px;gap:10px;margin-bottom:10px}.header-left p{color:#718096;font-size:14px}.tab-navigation{border-bottom:none;display:flex;gap:12px;padding-bottom:0}.tab-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;position:relative;transition:all .3s ease}.tab-button:hover{background:#f7fafc;border-color:#667eea;color:#667eea}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.tab-button svg{height:18px;width:18px}.role-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;overflow:hidden}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;padding:20px}.card-header h2{align-items:center;color:#fff;display:flex;font-size:20px;gap:10px;margin:0}.card-header.color-black h2{color:#2d3748}.header-actions{gap:10px}.btn{border-radius:8px;font-size:14px;padding:10px 20px}.btn-refresh{background:#fff;color:#667eea;font-weight:600}.btn-refresh:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;font-weight:600}.btn-danger:hover{box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f7fafc}.users-table th{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:14px;font-weight:600;padding:15px;text-align:left}.users-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:14px;padding:15px}.users-table tbody tr:hover{background:#f7fafc}.inactive-user{opacity:.6}.role-select{border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.role-select,.role-select option{background:#fff;color:#2d3748;font-weight:600}.role-select option{padding:8px}.role-super-admin{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f5576c;color:#fff}.role-super-admin option{background:#fff;color:#2d3748}.role-admin{background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:#00f2fe;color:#fff}.role-admin option{background:#fff;color:#2d3748}.role-user{background:linear-gradient(135deg,#43e97b,#38f9d7);border-color:#38f9d7;color:#fff}.role-user option{background:#fff;color:#2d3748}.status-badge{display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.status-active{background:#c6f6d5;color:#22543d}.status-inactive{background:#fed7d7;color:#742a2a}.action-buttons{gap:8px}.btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.btn-icon svg{height:18px;width:18px}.btn-icon.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-icon.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.btn-icon.btn-success{background:linear-gradient(135deg,#51cf66,#37b24d);color:#fff}.btn-icon.btn-delete{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff}.btn-icon.btn-delete:hover{background:linear-gradient(135deg,#b91c1c,#7f1d1d);box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.btn-icon:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.activity-log{max-height:500px;overflow-y:auto;padding:20px}.activity-item{background:#f7fafc;border-radius:8px;gap:15px;margin-bottom:10px;padding:15px;transition:all .3s ease}.activity-item:hover{background:#edf2f7;transform:translateX(5px)}.activity-icon{background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0;height:40px;width:40px}.activity-details{flex:1 1}.activity-description{color:#2d3748;font-size:14px;margin-bottom:5px}.activity-meta{align-items:center;color:#718096;display:flex;font-size:12px;gap:10px}.module-tag{background:#667eea;border-radius:4px;color:#fff;font-weight:600;padding:2px 8px}.activity-time{color:#a0aec0}.modal-overlay{animation:fadeIn .3s ease;background:#00000080}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;padding:20px}.modal-header h3{color:#fff;font-size:20px}.btn-close{align-items:center;background:#fff;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.btn-close:hover{background:#f7fafc;transform:rotate(90deg)}.modal-body{flex:1 1;max-height:500px;overflow-y:auto;padding:24px}.permissions-grid{grid-gap:12px;display:grid;gap:12px}.permission-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.permission-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.permission-label{grid-gap:16px;align-items:center;cursor:pointer;display:grid;gap:16px;grid-template-columns:auto 1fr auto;min-height:80px;padding:16px 20px}.permission-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:24px;width:24px}.permission-info{display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;min-width:0}.permission-name{color:#2d3748;font-size:15px;font-weight:600;line-height:1.4}.permission-desc{color:#718096;font-size:13px;line-height:1.5}.permission-status{align-items:center;background:#f7fafc;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.icon-success{color:#38a169;height:24px;width:24px}.icon-danger{color:#e53e3e;height:24px;width:24px}.modal-footer{background:#f8f9fc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.loading-state{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;min-height:400px}.btn-view-detail{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#4299e1;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:6px 10px;transition:all .2s ease}.btn-view-detail:hover{background:#ebf8ff;border-color:#4299e1}.activity-detail-modal{max-width:700px!important;width:90%}.activity-detail-section{padding:10px 0}.detail-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;padding:15px 0}.detail-row:last-child{border-bottom:none}.detail-row label{color:#4a5568;font-size:14px;font-weight:600;min-width:140px;padding-right:15px}.detail-value{word-wrap:break-word;color:#2d3748;flex:1 1;font-size:14px}.detail-value strong{color:#2d3748;font-weight:600}.detail-email{color:#718096;font-size:13px}.activity-type-badge{background:#e6fffa;color:#234e52;text-transform:uppercase}.activity-type-badge,.module-badge{border-radius:12px;display:inline-block;font-size:13px;font-weight:600;padding:4px 12px}.module-badge{background:#fef5e7;color:#744210}.changes-value{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.old-value{background:#fff5f5;border:1px solid #fc8181;border-radius:6px;color:#c53030}.new-value,.old-value{align-items:center;display:flex;font-weight:600;gap:6px;padding:6px 12px}.new-value{background:#f0fff4;border:1px solid #68d391;border-radius:6px;color:#22543d}.change-icon{font-size:14px}.changes-value .arrow{color:#718096;font-size:16px;font-weight:700}@media (max-width:1440px){.role-management{padding:20px}}@media (max-width:1024px){.table-container{overflow-x:scroll}.users-table{min-width:800px}.modal-content{width:95%}}:root{--color-primary:#06f;--color-surface:#fff;--gray-50:#f7f9fc;--gray-100:#e7ecf3;--gray-300:#cbd5e1;--gray-500:#9aa4b2;--text-strong:#0f172a;--text-muted:#64748b;--radius-lg:16px;--radius-md:12px;--shadow-soft:0 4px 12px #0000000d;--font-h1:1.875rem;--font-h3:1.25rem;--font-body:0.95rem;--font-small:0.82rem}.summary-dashboard{background:linear-gradient(135deg,rgba(0,102,255,.015),#10b98105),#f7f9fc;background:linear-gradient(135deg,rgba(0,102,255,.015),#10b98105),var(--gray-50);min-height:100%;padding:20px}.dashboard-header{align-items:flex-end;animation:fadeInDown .8s ease-out;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.header-title h1{color:#1e293b;font-size:1.875rem;font-size:var(--font-h1);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin-bottom:4px}.header-title p{color:#64748b;color:var(--text-muted);font-size:.95rem;font-size:var(--font-body);font-weight:500;line-height:1.45}.live-badge-wrapper{align-items:center;display:flex;gap:12px}.live-indicator-premium{align-items:center;align-self:flex-start;background:#10b9811f;border:1px solid #10b9812e;border-radius:12px;border-radius:var(--radius-md);color:#0f9f6e;display:flex;font-size:.82rem;font-size:var(--font-small);font-weight:700;gap:6px;height:28px;letter-spacing:.03em;padding:6px 12px}.pulse-dot{animation:pulsate 1.5s ease-in-out infinite;background-color:#10b981;border-radius:50%;display:inline-block;height:8px;width:8px}@keyframes pulsate{0%{box-shadow:0 0 0 0 #10b981b3;opacity:.5;transform:scale(.8)}50%{box-shadow:0 0 0 10px #10b98100;opacity:1;transform:scale(1.2)}to{box-shadow:0 0 0 0 #10b98100;opacity:.5;transform:scale(.8)}}.refresh-btn{align-items:center;background:#06f;background:var(--color-primary);border:1px solid #0055d6;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:8px;padding:9px 14px;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-1px)}.header-actions{gap:12px}.global-slicer,.header-actions{align-items:center;display:flex}.global-slicer{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft);gap:6px;height:40px;padding:5px 10px}.slicer-icon{color:#94a3b8}.premium-select{background:#0000;border:none;color:#1e293b;cursor:pointer;font-size:.85rem;font-weight:600;outline:none}.spin{animation:spin 1s linear infinite}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:18px}.stat-card{animation:fadeInUp .5s ease-out;background:#fff;background:var(--color-surface);border:1px solid #edf2f7;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft);padding:12px;transition:all .2s ease}.stat-card:hover{box-shadow:0 8px 20px #00000012;transform:translateY(-2px)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.stat-icon-container{align-items:center;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft);display:flex;height:44px;justify-content:center;width:44px}.stat-trend{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:700;gap:4px;padding:3px 8px}.trend-up{background:#10b9811a;color:#10b981}.trend-down{background:#ef44441a;color:#ef4444}.stat-value{color:#1e293b;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.stat-label{color:#64748b;color:var(--text-muted);font-size:.9rem;font-weight:600;letter-spacing:.01em}.stat-card-footer{margin-top:16px}.stat-progress-bg{background:#f1f5f9;border-radius:3px;height:6px;overflow:hidden}.stat-progress-bar{border-radius:3px;height:100%;transition:width 1s ease-out}.dashboard-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:3fr 1.5fr}.main-charts,.secondary-content{display:flex;flex-direction:column;gap:16px}.secondary-content{display:flex;flex-direction:column;gap:12px}.dashboard-card{background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft);padding:12px}.card-header{justify-content:space-between;margin-bottom:12px}.card-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-size:var(--font-h3);font-weight:700;gap:10px;line-height:1.2}.card-actions{gap:12px}.delivery-stats{gap:12px}.delivery-item,.delivery-stats{display:flex;flex-direction:column}.delivery-item{gap:6px}.delivery-label{color:#475569;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between}.delivery-bar-bg{background:#f1f5f9;border-radius:5px;height:10px;overflow:hidden}.delivery-bar{border-radius:5px;height:100%;transition:width .8s ease-out}.campaign-summary-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.campaign-summary-item:hover{background:#f8fafc;transform:scale(1.01)}.campaign-name{color:#1e293b;display:block;font-weight:700;margin-bottom:2px}.campaign-date{color:#94a3b8;font-size:.8rem}.campaign-metrics{text-align:right}.campaign-count{color:#64748b;display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.campaign-status-badge{border-radius:12px;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;padding:4px 10px;text-transform:uppercase}.campaign-status-badge[data-status=completed]{background:#dcfce7;color:#10b981}.campaign-status-badge[data-status=running]{background:#dbeafe;color:#3b82f6}.campaign-summary-item-premium{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.campaign-summary-item-premium:hover{background:#f8fafc;box-shadow:inset 4px 0 0 #3b82f6}.campaign-meta-row{align-items:center;display:flex;gap:10px;margin-top:4px}.dot-separator{color:#cbd5e1;font-size:1rem}.campaign-stats-mini{align-items:center;display:flex;gap:24px}.mini-score{align-items:flex-end;display:flex;flex-direction:column}.mini-score .score-val{color:#1e293b;font-size:1rem;font-weight:800}.mini-score .score-lbl{color:#94a3b8;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mini-score.highlight .score-val{color:#10b981}.mini-score.danger .score-val{color:#ef4444}.campaign-list-summary{display:flex;flex-direction:column;gap:8px}.campaign-info{display:flex;flex-direction:column;gap:4px}.empty-mini-state{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--text-muted);font-weight:600;padding:16px;text-align:center}.mini-filter-select{background:#f8fafc;border:1px solid #d7deeb;border-radius:12px;border-radius:var(--radius-md);color:#2f3c4d;cursor:pointer;font-size:.85rem;font-weight:600;outline:none;padding:7px 10px}.mini-filter-select:hover{border-color:#06f;border-color:var(--color-primary)}.chart-card{display:flex;flex-direction:column;gap:10px}.chart-header{gap:12px;margin-bottom:0}.chart-title{align-items:center;display:flex;gap:10px}.chart-icon{align-items:center;background:#eef2ff;border-radius:12px;border-radius:var(--radius-md);color:#312e81;display:inline-flex;height:32px;justify-content:center;width:32px}.chart-subtitle{color:#64748b;color:var(--text-muted);font-size:.82rem;font-size:var(--font-small);margin:2px 0 0}.chart-actions,.custom-range{align-items:center;display:flex}.custom-range{flex-wrap:wrap;gap:10px;padding:0 2px 6px}.date-field{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-weight:600;gap:8px}.date-field,.input-field{font-size:.82rem;font-size:var(--font-small)}.input-field{background:#fff;border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius-md);color:#0f172a;padding:5px 8px}.chart-wrapper{padding:0 4px}.period-metrics{align-items:center;background:#f8fafc;border:1px solid #e2e8f0b3;border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:10px;justify-content:space-between;margin-top:14px;padding:12px}.period-metric{display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:center}.metric-value{color:#0f172a;color:var(--text-strong);font-size:1.1rem;font-weight:800}.metric-label{color:#64748b;color:var(--text-muted);font-size:.7rem;font-weight:700}.metric-divider{background:#e2e8f0;height:28px;width:1px}.accent-success .metric-value{color:#10b981}.accent-danger .metric-value{color:#ef4444}.accent-primary .metric-value{color:#06f;color:var(--color-primary)}.ghost-btn{background:#f8fafc;border:1px solid #d7deeb;border-radius:12px;border-radius:var(--radius-md);color:#1e293b;cursor:pointer;font-size:.82rem;font-size:var(--font-small);font-weight:700;padding:7px 10px;transition:all .2s ease}.ghost-btn:hover{background:#eef4ff;border-color:#06f;border-color:var(--color-primary);color:#06f;color:var(--color-primary)}.activity-timeline{display:flex;flex-direction:column;gap:10px}.activity-item{display:flex;gap:12px;position:relative}.activity-item:after{background:#f1f5f9;bottom:-15px;content:"";left:15px;position:absolute;top:32px;width:1.5px}.activity-item:last-child:after{display:none}.activity-icon{align-items:center;border-radius:50%;box-shadow:0 2px 6px #00000014;color:#fff;display:flex;height:28px;justify-content:center;width:28px;z-index:1}.activity-details p{color:#475569;font-size:.78rem;margin:0 0 2px}.activity-details p strong{color:#1e293b}.activity-details p span{font-weight:700}.activity-time{color:#94a3b8;font-size:.65rem;font-weight:500}.user-activity-list{display:flex;flex-direction:column;gap:6px;padding:4px 2px}.user-activity-item{border-bottom:1px solid #f1f5f9;gap:8px;justify-content:space-between;padding:8px 4px}.user-activity-item,.user-meta{align-items:center;display:flex}.user-meta{gap:10px}.user-avatar{background:#eef2ff;border-radius:12px;border-radius:var(--radius-md);color:#312e81;font-size:.75rem;font-weight:700;height:32px;width:32px}.user-name{color:#0f172a;color:var(--text-strong);font-weight:700}.user-email{color:#64748b;color:var(--text-muted);font-size:.7rem}.user-metrics{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:repeat(4,minmax(50px,1fr));text-align:right}.user-metric{display:flex;flex-direction:column;gap:2px}.metric-value.primary{color:#06f;color:var(--color-primary)}.metric-value.success{color:#10b981}.metric-value.danger{color:#ef4444}.metric-value.muted{color:#475569}.user-metric .metric-label{color:#94a3b8;font-size:.65rem;font-weight:600}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}}@media (max-width:900px){.dashboard-header{align-items:flex-start;flex-direction:column}.header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.period-metrics{flex-direction:column;gap:12px}.metric-divider{height:1px;width:100%}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.user-metrics{gap:10px;grid-template-columns:repeat(2,minmax(80px,1fr))}.dashboard-card{padding:14px}.card-header h3{font-size:1.25rem}}.analytics-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 10px 40px #0000000a;margin-bottom:24px;padding:24px}.analytics-card .card-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.header-title{flex:1 1}.header-title h3{align-items:center;color:#0f172a;display:flex;font-size:1.3rem;font-weight:700;gap:12px;margin-bottom:6px}.header-title .subtitle{color:#94a3b8;font-size:.9rem;margin:0}.card-actions{align-items:center;display:flex;gap:16px}.mini-stat-header{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;display:flex;gap:8px;padding:6px 12px}.mini-stat-header .mini-label{color:#64748b;font-size:.8rem;font-weight:600}.mini-stat-header .mini-value{color:#3b82f6;font-size:.9rem;font-weight:700}.date-picker-input-premium{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:.9rem;outline:none;padding:8px 16px;transition:all .2s}.date-picker-input-premium:hover{border-color:#3b82f6}.refresh-btn-premium{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s;width:38px}.refresh-btn-premium:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.chart-wrapper{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #f1f5f9;border-radius:16px;padding:20px 0;position:relative}.chart-loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.spinner{animation:spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.custom-tooltip{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 10px 25px #0000001a;padding:12px 16px}.custom-tooltip .label{color:#94a3b8;font-size:.8rem;font-weight:600;margin-bottom:4px}.custom-tooltip .value{font-size:1.1rem;font-weight:800}.chart-empty-overlay{background:#ffffffb3;border-radius:12px;left:50%;padding:20px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.chart-empty-overlay p{color:#94a3b8;font-size:1rem;font-weight:500}.chart-footer{border-top:1px solid #f8fafc;margin-top:24px;padding-top:16px}.footer-legend{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.legend-item{align-items:center;display:flex;gap:8px}.legend-item .dot{border-radius:50%;height:8px;width:8px}.legend-item .label{color:#64748b;font-size:.85rem;font-weight:500}@media (max-width:640px){.analytics-card .card-header{flex-direction:column;gap:16px}}.card-actions-premium{align-items:center;display:flex;gap:12px}.filter-group{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;display:flex;gap:8px;height:38px;padding:0 12px}.range-select-premium,.status-select-premium{background:none;border:none;color:#1e293b;cursor:pointer;font-size:.8rem;font-weight:600;outline:none;padding-right:4px}.range-select-premium{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;height:38px;padding:0 12px}.custom-tooltip-premium{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:14px 18px}.recharts-legend-wrapper{padding-bottom:20px!important}.tooltip-date{color:#94a3b8;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.tooltip-value{font-size:.95rem;line-height:1.4;margin:4px 0}.chart-footer-premium{border-top:1px solid #f1f5f9;margin-top:24px;padding-top:16px}.footer-mini-stats{display:flex;flex-wrap:wrap;gap:40px}.mini-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:12px 16px}.mini-stat .stat-label{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mini-stat .stat-value{color:#1e293b;font-size:1.5rem;font-weight:800}@media (max-width:768px){.card-actions-premium{flex-wrap:wrap;justify-content:flex-start;width:100%}.footer-mini-stats{gap:20px}}.page-header{animation:fadeInDown .8s ease-out;background:#0000;margin-bottom:24px}.page-header-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.page-header-title-group{align-items:flex-start;display:flex;flex:1 1;gap:12px}.page-header-icon{color:var(--color-primary);flex-shrink:0;height:28px;margin-top:2px;width:28px}.page-header-text{display:flex;flex-direction:column;gap:4px}.page-header-title{color:#1e293b;font-size:1.875rem;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0}.page-header-subtitle{color:#64748b;font-size:.95rem;font-weight:500;line-height:1.45;margin:0;max-width:480px;white-space:normal;word-break:break-word}.page-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}@media (max-width:900px){.page-header-content{align-items:flex-start;flex-direction:column}.page-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}}@media (max-width:768px){.page-header{margin-bottom:18px}.page-header-title{font-size:1.5rem}.page-header-title-group{gap:10px}}:root{--primary:#4f46e5;--secondary:#6366f1;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#0f172a;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-600:#475569;--gray-800:#1e293b}.discovery-tab-container{background:#f8fafc;background:var(--gray-50);color:#0f172a;color:var(--dark);font-family:Inter,sans-serif;min-height:100vh;padding:30px}.discovery-dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.discovery-dashboard-header h1{color:#0f172a;color:var(--dark);font-size:1.8rem;font-weight:800;margin:0}.discovery-dashboard-header p{color:#475569;color:var(--gray-600);margin:5px 0 0}.discovery-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin-bottom:30px}.metric-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;gap:15px;padding:20px;transition:transform .2s}.metric-card:hover{transform:translateY(-3px)}.metric-icon{align-items:center;border-radius:12px;display:flex;font-size:1.2rem;height:48px;justify-content:center;width:48px}.metric-icon.blue{background:#eff6ff;color:#3b82f6}.metric-icon.green{background:#f0fdf4;color:#10b981}.metric-icon.purple{background:#faf5ff;color:#a855f7}.metric-icon.orange{background:#fff7ed;color:#f97316}.metric-icon.red{background:#fef2f2;color:#ef4444}.metric-data .value{color:#0f172a;color:var(--dark);display:block;font-size:1.5rem;font-weight:800}.metric-data .label{color:#475569;color:var(--gray-600);font-size:.75rem;font-weight:600;text-transform:uppercase}.discovery-split-view{grid-gap:30px;display:grid;gap:30px;grid-template-columns:350px 1fr}.discovery-sidebar{display:flex;flex-direction:column;gap:30px}.history-card,.search-config-card{background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000001a;padding:24px}.history-card h3,.search-config-card h3{align-items:center;display:flex;font-size:1rem;gap:10px;margin:0 0 20px}.form-group{margin-bottom:15px}.form-group label{color:#475569;color:var(--gray-600);font-size:.75rem;font-weight:700;margin-bottom:6px;text-transform:uppercase}.form-group input,.form-group textarea{background:#f8fafc;background:var(--gray-50);border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:10px;font-size:.9rem;padding:10px 14px;width:100%}.platform-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:15px 0}.platform-chip{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px;transition:all .2s}.platform-chip.active{background:#4f46e5;background:var(--primary);border-color:#4f46e5;border-color:var(--primary);color:#fff}.btn-execute{align-items:center;background:#0f172a;background:var(--dark);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;padding:12px;width:100%}.discovery-console{background:#0f172a;border-radius:10px;color:#10b981;font-family:JetBrains Mono,monospace;font-size:.75rem;margin-top:20px;padding:12px}.console-header{align-items:center;display:flex;font-weight:800;gap:8px;margin-bottom:8px}.pulse{animation:pulseGlow 1.5s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulseGlow{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.discovery-results-panel{background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.panel-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:24px}.panel-header h2{font-size:1.1rem;font-weight:800;margin:0}.filter-search{align-items:center;display:flex;position:relative}.filter-search svg{color:#475569;color:var(--gray-600);left:14px;position:absolute}.filter-search input{border:1.5px solid #e2e8f0;border:1.5px solid var(--gray-200);border-radius:10px;font-size:.85rem;padding:10px 14px 10px 40px;width:300px}.leads-table{border-collapse:collapse;width:100%}.leads-table th{background:#f8fafc;background:var(--gray-50);color:#475569;color:var(--gray-600);font-size:.75rem;font-weight:700;padding:14px 24px;text-align:left;text-transform:uppercase}.leads-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);padding:16px 24px}.lead-name{color:#0f172a;color:var(--dark);display:block;font-size:.95rem;font-weight:800}.lead-title{color:#475569;color:var(--gray-600);display:block;font-size:.8rem;margin-top:2px}.match-score{align-items:center;display:flex;font-size:.85rem;font-weight:700;gap:8px}.score-bar-bg{background:#e2e8f0;background:var(--gray-200);border-radius:10px;height:6px;overflow:hidden;width:60px}.score-bar-fill{background:#10b981;background:var(--success);border-radius:10px;height:100%}.company-tag{background:#f1f5f9;background:var(--gray-100);border-radius:6px;font-size:.75rem;font-weight:700;padding:4px 10px}.contact-info .contact-item{align-items:center;color:#4f46e5;color:var(--primary);display:flex;font-size:.8rem;font-weight:500;gap:6px;margin-bottom:4px}.status-badge{border-radius:20px;font-size:.65rem;font-weight:800;padding:4px 10px}.status-badge-verified{background:#dcfce7;color:#166534}.status-badge-primary{background:#e0e7ff;color:#3730a3}.status-badge-warning{background:#fef3c7;color:#92400e}.status-badge-default{background:#f1f5f9;color:#475569}.action-btns{display:flex;gap:8px}.btn-insight,.btn-social{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:8px;color:#475569;color:var(--gray-600);cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.btn-insight:hover{background:#0f172a;background:var(--dark);border-color:#0f172a;border-color:var(--dark);color:#fff}.btn-social.linkedin:hover{background:#0077b5;border-color:#0077b5;box-shadow:0 0 15px #0077b566;color:#fff;transform:translateY(-2px)}.btn-social.website:hover{background:#4f46e5;background:var(--primary);border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 15px #4f46e566;color:#fff;transform:translateY(-2px)}.btn-social{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-social.search-mode{background:#f97316;border-color:#f97316;color:#fff}.btn-social.search-mode:hover{box-shadow:0 0 15px #f9731666;transform:translateY(-2px)}.website-link{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.85rem;font-weight:600;gap:6px;text-decoration:none}.website-link:hover{color:#4f46e5;color:var(--primary)}.text-muted{color:#475569;color:var(--gray-600);font-size:.8rem;opacity:.6}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.insights-modal{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;width:600px}.modal-header{align-items:center;background:#0f172a;background:var(--dark);color:#fff;display:flex;justify-content:space-between;padding:24px}.modal-header h3{font-size:1.1rem;margin:0}.modal-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.modal-body{padding:30px}.insight-section{margin-bottom:24px}.insight-section label{color:#475569;color:var(--gray-600);font-size:.75rem;font-weight:800;gap:8px;text-transform:uppercase}.hook-card,.insight-section label{align-items:center;display:flex;margin-bottom:12px}.hook-card{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;justify-content:space-between;padding:16px}.hook-card p{font-size:.9rem;line-height:1.5;margin:0;padding-right:20px}.hook-card button{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;padding:6px}.discovery-spin{animation:spin 1s linear infinite}.events-scraper-container{background:#f8fafc;font-family:Inter,-apple-system,sans-serif;min-height:100vh;padding:24px}.events-scraper-wrapper{margin:0 auto;max-width:1200px}.card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:24px;padding:32px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 30px #0000001a}.card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.card-icon-wrapper{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:12px;box-shadow:0 4px 12px #0078d440;color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;width:64px}.card-icon-wrapper.contact{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.card-header-content h3{color:#0f172a;font-size:24px;font-weight:700;margin:0 0 4px}.card-header-content p{color:#64748b;font-size:15px;margin:0}.form-group{margin-bottom:24px}.form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#94a3b8;left:16px;position:absolute}.form-control{border:1px solid #e2e8f0;border-radius:10px;font-size:16px;padding:14px 14px 14px 48px;transition:all .3s ease;width:100%}.form-control:focus{border-color:#0078d4;box-shadow:0 0 0 4px #0078d41a;outline:none}.time-filters{display:flex;flex-wrap:wrap;gap:12px}.filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.filter-btn:hover{background:#f8fafc;border-color:#cbd5e1}.filter-btn.active{background:#0078d4;border-color:#0078d4;box-shadow:0 4px 10px #0078d433;color:#fff}.action-buttons{display:flex;gap:12px;margin-top:32px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-primary{background:#0078d4;color:#fff}.btn-primary:hover:not(:disabled){background:#106ebe;transform:translateY(-2px)}.btn-secondary{background:#f1f5f9;color:#334155}.btn-secondary:hover{background:#e2e8f0}.results-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.results-tabs .tab-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.results-tabs .tab-btn.active{background:#fff;box-shadow:0 4px 12px #0000000d;color:#0078d4}.events-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.event-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 12px #0000000a;padding:24px}.event-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.event-card-header h4{color:#1e293b;font-size:18px;font-weight:700;line-height:1.4;margin:0}.timing-badge{border-radius:6px;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.event-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.meta-item{align-items:center;color:#475569;display:flex;font-size:14px;gap:10px}.meta-item svg{color:#1e293b}.event-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:20px;overflow:hidden}.event-card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:16px}.contact-previews{display:flex;gap:10px}.preview-badge{background:#eff6ff;border-radius:6px;font-size:12px;gap:4px;padding:4px 8px}.btn-link,.preview-badge{align-items:center;color:#0078d4;display:flex}.btn-link{font-size:14px;font-weight:600;gap:6px;text-decoration:none}.contact-group-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:20px;padding:24px}.contact-group-card h5{border-bottom:2px solid #0078d4;color:#1e293b;display:inline-block;font-size:18px;margin:0 0 20px;padding-bottom:8px}.contact-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-section h6{align-items:center;color:#94a3b8;display:flex;font-size:14px;gap:8px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.pro-contact{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.pro-actions{display:flex;gap:8px}.pro-actions a{color:#1e293b;font-size:18px;transition:color .2s}.pro-actions a:hover{color:#0078d4}.social-grid{display:flex;flex-wrap:wrap;gap:12px}.social-icon-btn{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;transition:transform .2s;width:40px}.social-icon-btn:hover{transform:translateY(-3px)}.linkedin{background:#0077b5}.twitter{background:#1da1f2}.facebook{background:#1877f2}.telegram{background:#08c}.instagram{background:#e4405f}.github{background:#333}.discord{background:#5865f2}.reach-list{display:flex;flex-direction:column;gap:8px}.reach-item{align-items:center;color:#334155;display:flex;font-size:14px;gap:8px}.contact-info-section{display:flex;flex-direction:column;gap:24px}.support-email{align-items:center;display:flex;font-size:20px;font-weight:600;gap:15px}.support-email a{color:#0f172a;text-decoration:none}.mail-icon{color:#1e293b}.social-support-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.support-social-link{align-items:center;border-radius:8px;color:#fff;display:flex;font-weight:600;gap:10px;justify-content:center;padding:14px;text-decoration:none}.ln{background:#0077b5}.tw{background:#1da1f2}.fb{background:#1877f2}.tg{background:#08c}.status-msg{align-items:center;border-radius:10px;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:16px}.error-msg{background:#fef2f2;border:1px solid #fee2e2;color:#dc2626}.success-msg{background:#f0fdf4;border:1px solid #dcfce7;color:#16a34a}.spinning{animation:spin 1s linear infinite}.animate-in{animation:fadeIn .5s ease-out forwards}.contact-card-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.organizer-badge{align-items:center;background:#e0f2fe;border-radius:20px;color:#0369a1;display:flex;font-size:13px;font-weight:600;gap:6px;padding:4px 12px}.pro-contact.premium{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;margin-bottom:15px;padding:15px}.pro-avatar{align-items:center;background:#1e293b;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.pro-identity{display:flex;flex:1 1;flex-direction:column}.pro-name{color:#1e293b;font-size:15px;font-weight:700}.pro-role{color:#64748b;font-size:12px}.no-contact-placeholder{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#94a3b8;display:flex;flex-direction:column;font-size:14px;gap:8px;padding:20px;text-align:center}.social-grid-enhanced{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.social-link-item{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 15px;text-decoration:none;transition:all .2s}.social-link-item.linkedin{background:#0077b5;border:1px solid #005a87;color:#fff}.social-link-item.twitter{background:#1da1f2;border:1px solid #0d8bd9;color:#fff}.social-link-item.facebook{background:#1877f2;border:1px solid #0e5fc2;color:#fff}.social-link-item.telegram{background:#08c;border:1px solid #069;color:#fff}.social-link-item:hover:not(.disabled){box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.social-link-item.disabled{background:#f1f5f9;border:1px solid #e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.5}.reach-list-enhanced{display:flex;flex-direction:column;gap:10px}.reach-tag{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:600;gap:10px;padding:10px 14px}.reach-tag.email{background:#dcfce7;border:1px solid #10b981;color:#166534}.reach-tag.phone{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.reach-tag.empty{background:#f1f5f9;color:#475569;font-style:italic}.loading-state.centered{flex-direction:column;padding:60px 0}.cubeai-loader,.loading-state.centered{align-items:center;display:flex;justify-content:center}.cubeai-loader{background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:20px;box-shadow:0 8px 24px #0078d466;color:#fff;font-size:40px;height:80px;margin-bottom:20px;width:80px}.app-container{animation:fadeIn .6s ease-out;display:flex;min-height:100vh;overflow-x:hidden}.app-container.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.app-container.resizing *{cursor:col-resize!important}.mobile-menu-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0078d4;display:none;font-size:20px;height:44px;justify-content:center;margin-right:12px;width:44px}.mobile-menu-btn:hover{background:#f1f5f9}.sidebar{animation:slideInLeft .5s ease-out;background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #e2e8f0;box-shadow:4px 0 24px #0000000f;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:240px;z-index:100}.sidebar-mobile{box-shadow:6px 0 30px #00000026;transform:translateX(-100%);width:230px!important;z-index:120}.sidebar-mobile.sidebar-mobile-open{transform:translateX(0)}.sidebar-collapsed{width:72px}.sidebar-header{border-bottom:1px solid #e2e8f0;padding:18px 16px}.sidebar-logo{gap:10px;justify-content:space-between}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:12px;box-shadow:0 4px 12px #0078d44d;color:#fff;font-size:24px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.logo-icon:hover{box-shadow:0 6px 16px #0078d466;transform:scale(1.05) rotate(5deg)}.logo-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0078d4,#106ebe);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.logo-text span{color:#000;display:block;font-size:.75rem;font-weight:500;margin-top:2px}.sidebar-toggle{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.sidebar-toggle:hover{background:#e2e8f0;color:#0078d4;transform:scale(1.05)}.sidebar-nav{flex:1 1;overflow-y:auto;padding-bottom:140px}.sidebar-collapsed .sidebar-logo,.sidebar-nav{flex-direction:column;gap:8px}.sidebar-nav{display:flex;padding:16px 10px}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:12px;overflow:hidden;padding:12px 14px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-item:before{background:linear-gradient(135deg,#0078d4,#106ebe);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.sidebar-item:hover{background:#f1f5f9;color:#000;transform:translateX(4px)}.sidebar-item:hover:before{transform:scaleY(1)}.sidebar-item.active{background:linear-gradient(135deg,#0078d4,#106ebe);box-shadow:0 8px 20px #0078d44d;color:#fff;transform:translateX(4px)}.sidebar-item.active:before{display:none}.sidebar-icon{align-items:center;display:flex;font-size:1.1rem;justify-content:center;transition:transform .3s ease}.sidebar-item:hover .sidebar-icon{transform:scale(1.15)}.sidebar-collapsed .sidebar-item{justify-content:center;padding:14px}.sidebar-collapsed .sidebar-label{display:none}.sidebar-resizer{background:#0000;bottom:0;cursor:col-resize;position:absolute;right:0;top:0;transition:background .2s ease;width:5px;z-index:101}.sidebar-resizer:hover{background:#0078d4}.sidebar-resizer:active{background:#106ebe}.sidebar-group{display:flex;flex-direction:column;gap:4px}.sidebar-parent{position:relative}.sidebar-arrow{align-items:center;display:flex;font-size:1rem;margin-left:auto;transition:transform .3s ease}.sidebar-submenu{animation:slideDown .3s ease-out;border-left:2px solid #e2e8f0;display:flex;flex-direction:column;gap:4px;margin-left:12px;padding-left:20px}.sidebar-subitem{font-size:.75rem;font-weight:500;padding:10px 14px}.sidebar-subitem:hover{background:#f8fafc}.sidebar-subitem.active{background:linear-gradient(135deg,#0078d426,#106ebe26);border-left:3px solid #0078d4;box-shadow:none;color:#0078d4;margin-left:-2px;transform:translateX(2px)}.sidebar-subitem.active:before{display:none}.sidebar-footer{background:linear-gradient(180deg,#fff,#f8fafc);border-top:1px solid #e2e8f0;bottom:0;left:0;padding:20px 12px;position:-webkit-sticky;position:sticky;right:0}.user-profile{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:12px;margin-bottom:12px;padding:12px;transition:all .3s ease}.user-profile:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:10px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:#000;font-size:.8rem;font-weight:600}.user-role{color:#000;font-size:.65rem}.logout-btn{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border:none;border-radius:10px;box-shadow:0 4px 12px #0078d44d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 18px;transition:all .3s ease;width:100%}.logout-btn:hover{box-shadow:0 6px 16px #0078d466;transform:translateY(-2px)}.sidebar-footer-collapsed{background:linear-gradient(180deg,#fff,#f8fafc);bottom:0;display:flex;justify-content:center;left:0;padding:20px 12px;position:-webkit-sticky;position:sticky;right:0}.logout-btn-icon{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border:none;border-radius:10px;box-shadow:0 4px 12px #0078d44d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.logout-btn-icon:hover{box-shadow:0 6px 16px #0078d466;transform:translateY(-2px)}.main-content{animation:fadeIn .6s ease-out;flex:1 1;margin-left:240px;overflow-x:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content-expanded{margin-left:72px}.page-header{animation:slideDown .5s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin:12px;padding:18px 20px}.page-header.hidden{display:none;height:0;margin:0;padding:0}.header-content{gap:12px;justify-content:space-between}.header-content,.header-main{align-items:flex-start;display:flex}.header-main{flex:1 1;flex-direction:column;gap:2px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#0078d4);-webkit-background-clip:text;background-clip:text;font-size:1.65rem;font-weight:800;letter-spacing:-.03em;margin-bottom:2px}.page-subtitle{color:#64748b;font-size:.92rem;font-weight:500}.header-user{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:10px 16px}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:8px;color:#fff;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.content-area{animation:fadeInUp .6s ease-out;overflow-x:hidden;padding:0 24px 24px}.content-area.expanded{height:100%;padding:0}.table-container,.table-responsive,.table-wrapper{overflow-x:auto;width:100%}.content-area table{border-collapse:collapse;width:100%}.content-area-full>div{max-width:100%;width:100%}.loading-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0078d4;height:64px;width:64px}.loading-text{animation:pulse 2s infinite;color:#000;font-size:1.1rem;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#106ebe,#005a9e)}::selection{background:#0078d433;color:#000}.cubeai-logo{height:auto;transition:all .3s ease;width:120px}.cubeai-logo:hover{transform:scale(1.05)}.homepage-container{margin:0;padding:0;width:100%}.content-area-full{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.main-content-expanded .content-area-full{margin-left:0!important;width:100%!important}.homepage nav{background:#fff;position:fixed!important;top:0;width:100%;z-index:1000}.homepage section{scroll-margin-top:80px}.app-container{position:relative}.sidebar{height:100vh;left:0;position:fixed;top:0;z-index:1000}.main-content{min-height:100vh;position:relative}.webscraping-container{background:#0000!important;margin:0!important;padding:0!important}.webscraping-container .config-section,.webscraping-container .lead-generator-card,.webscraping-container .search-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;margin:0 0 24px!important;padding:32px!important;transition:all .3s ease!important}.webscraping-container .config-section:hover,.webscraping-container .lead-generator-card:hover,.webscraping-container .search-card:hover{box-shadow:0 8px 30px #0000001f!important;transform:translateY(-2px)!important}.lead-generator-header{margin-bottom:32px!important;text-align:center!important}.lead-generator-header h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#0078d4,#106ebe)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:1.75rem!important;font-weight:700!important;margin-bottom:12px!important}.lead-generator-header p{color:#64748b!important;font-size:1.1rem!important;line-height:1.5!important;margin:0!important}.webscraping-container .form-group,.webscraping-container .search-configuration{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;margin-bottom:20px!important;padding:24px!important}.webscraping-container .form-group h3,.webscraping-container .search-configuration h3{color:#1e293b!important;font-size:1.2rem!important;font-weight:600!important;margin-bottom:16px!important}.webscraping-container input,.webscraping-container select,.webscraping-container textarea{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;box-sizing:border-box!important;font-size:.95rem!important;padding:12px 16px!important;transition:all .3s ease!important;width:100%!important}.webscraping-container input:focus,.webscraping-container select:focus,.webscraping-container textarea:focus{border-color:#0078d4!important;box-shadow:0 0 0 3px #0078d41a!important;outline:none!important}.webscraping-container label{color:#374151!important;display:block!important;font-weight:600!important;margin-bottom:8px!important}.webscraping-container input[type=checkbox],.webscraping-container input[type=radio]{margin-right:8px!important;width:auto!important}.webscraping-container .search-btn{background:linear-gradient(135deg,#0078d4,#106ebe)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #0078d44d!important;color:#fff!important;cursor:pointer!important;display:block!important;font-size:1rem!important;font-weight:600!important;margin-top:16px!important;padding:14px 28px!important;transition:all .3s ease!important;width:100%!important}.webscraping-container .search-btn:hover{box-shadow:0 6px 20px #0078d466!important;transform:translateY(-2px)!important}.webscraping-container .help-text{color:#64748b!important;font-size:.875rem!important;font-style:italic!important;margin-top:6px!important}.section-divider{background:#e2e8f0!important;height:1px!important;margin:24px 0!important}@media (max-width:768px){.webscraping-container .config-section,.webscraping-container .lead-generator-card,.webscraping-container .search-card{margin:16px!important;padding:20px!important}.lead-generator-header h2{font-size:1.5rem!important}.lead-generator-header p{font-size:1rem!important}.webscraping-container .form-group,.webscraping-container .search-configuration{padding:16px!important}}.email-validator-container{background:#0000!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important}.email-validator-container .results-section,.email-validator-container .upload-section,.email-validator-container .validation-section{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;margin:0 0 24px!important;padding:32px!important;transition:all .3s ease!important}.email-validator-container .results-section:hover,.email-validator-container .upload-section:hover,.email-validator-container .validation-section:hover{box-shadow:0 8px 30px #0000001f!important;transform:translateY(-2px)!important}.email-validator-header{background:linear-gradient(135deg,#0078d4,#106ebe)!important;background:linear-gradient(135deg,#0078d4,#106ebe);border:none!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;color:#fff;margin:0!important;margin:0;padding:30px 40px!important;padding:30px 40px;text-align:center!important;text-align:center}.upload-section.dragover{background:#0078d40d;border-color:#0078d4}.upload-section.dragover .upload-icon{color:#0078d4}.upload-btn{background:linear-gradient(135deg,#0078d4,#106ebe);border:none;border-radius:25px;box-shadow:0 4px 12px #0078d44d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin:10px;padding:15px 30px;transition:all .3s ease}.upload-btn:hover{box-shadow:0 6px 20px #0078d466;transform:translateY(-2px)}.file-info{border-left:4px solid #0078d4}.spinner{border-top:5px solid #0078d4}.summary-card .number{color:#0078d4}.results-table th{background:#0078d4}.toggle-details{color:#0078d4}.toggle-details:hover{background:#0078d4;color:#fff}@media (max-width:1024px){.sidebar{width:220px}.main-content{padding:20px}.page-header{margin:16px;padding:24px}.page-title{font-size:1.8rem}}@media (max-width:768px){.sidebar{border-right:none}.sidebar-resizer{display:none}.mobile-menu-btn{display:flex}.main-content{margin-left:0!important;padding:0 0 24px;width:100%}.page-header{margin:12px;padding:18px}.page-title{font-size:1.6rem}.page-subtitle{font-size:.95rem}.header-content{align-items:flex-start;gap:12px}.content-area{padding:0 12px 24px}.sidebar-nav{padding:16px 16px 180px}.sidebar-footer,.sidebar-footer-collapsed{padding:16px 12px}.user-profile{margin-bottom:10px}}.access-denied{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;justify-content:center;margin:24px;min-height:60vh;padding:40px 20px;text-align:center}.access-denied svg{animation:pulse 2s infinite;margin-bottom:24px}.access-denied h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:12px}.access-denied p{color:#64748b;font-size:1.1rem;margin:8px 0;max-width:500px}@media print{.sidebar{display:none}.main-content{margin-left:0!important}}
/*# sourceMappingURL=main.403a4b12.css.map*/