@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);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;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}.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;flex-shrink:0;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;overflow-wrap:break-word;width:100%}.template-body-preview{line-height:1.5}.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{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}.template-modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;z-index:10000}.template-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:95%}.template-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f1f5f9;color:#fff;padding:24px 32px}.template-modal-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin:0}.close-modal-btn{background:#fff3;border-radius:8px;color:#fff;height:40px;width:40px}.close-modal-btn:hover{background:#ffffff4d;transform:scale(1.1)}.template-filter-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px 32px}.template-search-box{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px;transition:all .2s ease}.template-search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.template-search-box svg{color:#94a3b8;font-size:1.2rem}.template-search-box input{border:none;color:#1e293b;flex:1 1;font-size:1rem;outline:none}.template-search-box input::placeholder{color:#94a3b8}.template-category-tabs{display:flex;flex-wrap:wrap;gap:8px}.template-category-tabs button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.template-category-tabs button:hover{background:#f8faff;border-color:#667eea;color:#667eea}.template-category-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}.template-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));max-height:calc(90vh - 280px);overflow-y:auto;padding:24px 32px}.template-grid::-webkit-scrollbar{width:8px}.template-grid::-webkit-scrollbar-track{background:#f1f5f9}.template-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.template-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.no-templates-found{color:#94a3b8;grid-column:1/-1;padding:60px 20px;text-align:center}.no-templates-found svg{color:#cbd5e1;margin-bottom:16px}.no-templates-found p{font-size:1.1rem;margin:0}.template-card{border:2px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;height:100%;transition:all .3s ease}.template-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26}.template-card.selected{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.template-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.template-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.template-category-badge{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.template-title{color:#1e293b;font-size:1.1rem;font-weight:700;line-height:1.4;margin:0}.template-subject{color:#64748b;font-size:.85rem;line-height:1.5;margin:0}.template-subject strong{color:#475569}.template-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;flex:1 1;font-size:.85rem;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis}.template-card-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:12px}.select-template-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.select-template-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.template-card.selected .select-template-btn{background:#10b981}.template-card.selected .select-template-btn:before{content:"✓ ";font-weight:700}.email-template-container{animation:fadeIn .5s ease-out;box-sizing:border-box;margin:0!important;max-width:100%!important;padding:20px;width:100%}.template-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:10px;margin-bottom:20px;padding-bottom:0}.tab-button{color:#6b7280}.tab-button:hover{background:#f9fafb}.tab-button.active{background:linear-gradient(180deg,#667eea0d,#0000)}.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{color:#475569;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:18px;box-shadow:0 50px 100px -20px #00000073;max-width:620px;overflow:hidden;padding:16px 20px 20px;width:88%}@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:1rem 1.25rem}.campaign-modal-header h2{color:#0f172a;font-size:1.25rem;margin:0}.campaign-modal-content{padding:1rem 1.25rem 1.25rem}.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:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.2rem}.stat-card{border-radius:14px;box-shadow:0 8px 20px #0f172a0f;padding:1.1rem .9rem}.stat-icon{background:#f4f7fb;border-radius:14px;font-size:1.4rem;height:44px;margin:0 auto .75rem;width:44px}.stat-value{color:#0f172a;font-size:1.6rem;margin-bottom:.05rem}.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:16px;margin-bottom:1.25rem;padding:1.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-radius:14px;color:#fff;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}.schedule-container{background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border:2px solid #e0f2fe;border-radius:12px;margin-bottom:20px;padding:20px 24px;transition:all .3s ease}.schedule-container:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e91a}.schedule-checkbox-group{align-items:center;display:flex;gap:8px}.schedule-checkbox{cursor:pointer;flex-shrink:0;height:18px!important;margin:0!important;width:18px!important}.schedule-label{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;margin-left:0;transition:color .2s ease;-webkit-user-select:none;user-select:none}.schedule-label:hover{color:#0ea5e9}.schedule-icon{font-size:18px}.schedule-text{letter-spacing:.3px}.schedule-datetime-group{border-top:1px solid #cbd5e1;display:flex;flex-direction:column;gap:12px;margin-left:0;margin-top:16px;padding-top:16px}.schedule-datetime-label{color:#334155;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.schedule-datetime-wrapper{position:relative}.schedule-datetime-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 10px;transition:all .2s ease}.schedule-datetime-input:hover{border-color:#0ea5e9;box-shadow:0 2px 8px #0ea5e91a}.schedule-datetime-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.schedule-help-text{color:#64748b;display:block;font-size:12px;font-weight:500;margin-top:8px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.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}:root{--p-royal:#2563eb;--accent-blue:#2563eb;--navy:#0f172a;--dark-text:#0f172a;--slate:#475569;--bg-main:#f8fafc;--white:#fff;--green:#10b981;--yellow:#f59e0b;--orange:#ea580c;--red:#ef4444}.cc-v8-container{font-family:Plus Jakarta Sans,-apple-system,system-ui,sans-serif;margin:0 auto;max-width:1600px;padding:30px 40px}.cc-v8-workspace{align-items:flex-start;display:flex;justify-content:center;min-height:60vh;padding-top:40px}.email-generator-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:800px;padding:30px;width:100%}.generator-header{align-items:center;display:flex;gap:12px;margin-bottom:30px}.generator-icon{color:#2563eb;color:var(--accent-blue);font-size:28px}.generator-header h2{font-size:24px;font-weight:700;margin:0}.generator-header h2,.input-group label{color:#0f172a;color:var(--dark-text)}.tone-select,.topic-input{border:1px solid #e0e0e0;border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.tone-select:focus,.topic-input:focus{border-color:#2563eb;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.tone-select{background:#fff;cursor:pointer}.generate-btn{align-items:center;background:#2563eb;background:var(--accent-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s;width:100%}.generate-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.generated-output{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:30px}.generated-output h3{font-size:18px;font-weight:700;margin:0 0 15px}.email-content,.generated-output h3{color:#0f172a;color:var(--dark-text)}.email-content{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;line-height:1.6;padding:20px;white-space:pre-wrap}.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}.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:0}.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}.suggestion-subtext{color:#475569;color:var(--slate);font-size:13px;margin:6px 0 12px;opacity:.75}.s-item-v8{box-shadow:0 2px 5px #00000008;font-size:13px;font-weight:500;gap:15px;line-height:1.4}.opt-text{display:flex;flex-direction:column;gap:4px}.opt-note{color:#475569;color:var(--slate);font-size:12px}.apply-btn-v8{background:#2563eb;background:var(--p-royal);border:none;border-radius:10px;box-shadow:0 4px 10px #2563eb33;color:#fff;cursor:pointer;font-weight:700;margin-left:auto;padding:8px 12px;transition:transform .15s ease,box-shadow .15s ease}.apply-btn-v8:hover{box-shadow:0 6px 14px #2563eb40;transform:translateY(-1px)}.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%}.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}.template-selector-v8{background:#f8fafc;background:var(--bg-main);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:15px}.template-btn-v8{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:8px;color:#475569;color:var(--slate);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.template-btn-v8:hover{box-shadow:0 4px 8px #2563eb1a;color:#2563eb;color:var(--p-royal);transform:translateY(-2px)}.template-btn-v8.active,.template-btn-v8:hover{border-color:#2563eb;border-color:var(--p-royal)}.template-btn-v8.active{background:#2563eb;background:var(--p-royal);box-shadow:0 4px 12px #2563eb33;color:#fff;color:var(--white)}.template-btn-v8.active:hover{box-shadow:0 6px 16px #2563eb40;transform:translateY(-2px)}.cc-v8-templates-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-top:24px;width:100%}.cc-v8-template-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;height:100%;min-height:550px;overflow:hidden;transition:all .3s ease}.cc-v8-template-card:hover{border-color:#2563eb;border-color:var(--p-royal);box-shadow:0 12px 24px #00000014;transform:translateY(-4px)}.cc-v8-template-card .card-head{align-items:center;background:#f8fafc;background:var(--bg-main);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;padding:20px 25px}.cc-v8-template-card .card-head h3{color:#0f172a;color:var(--navy);font-size:16px;font-weight:700;margin:0}.cc-v8-template-card .card-head svg{color:#2563eb;color:var(--p-royal);flex-shrink:0;font-size:20px}.cc-v8-template-card .scroll-viewer{flex:1 1;overflow-y:auto;padding:20px 25px}.cc-v8-template-card .artifact-view{height:100%}.cc-v8-template-card .art-block{margin-bottom:20px}.cc-v8-template-card .art-block:last-child{margin-bottom:0}.cc-v8-template-card .subject-display{color:#0f172a;color:var(--navy);font-size:15px;font-weight:700;line-height:1.4;padding:12px 16px}.cc-v8-template-card .body-display,.cc-v8-template-card .subject-display{word-wrap:break-word;background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px}.cc-v8-template-card .body-display{color:#475569;color:var(--slate);font-size:14px;line-height:1.7;min-height:300px;padding:18px 20px;white-space:pre-wrap}.cc-v8-empty-full,.cc-v8-processing-full{align-items:center;display:flex;grid-column:1/-1;justify-content:center;min-height:400px}@media (max-width:1400px){.cc-v8-templates-grid{grid-template-columns:1fr}.cc-v8-template-card{min-height:450px}}.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{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;height:32px;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;display:flex;flex-direction:column;height:auto;max-width:800px;min-height:200px;padding:0 0 24px;transition:all .4s ease;width:100%}.copy-btn{background:#1e293b;border:1px solid #334155;border-radius:6px;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s ease}.copy-btn:hover{background:#273449;color:#fff}.code-viewer{background:#0b1224;border:none;border-radius:0;box-shadow:inset 0 1px 0 #ffffff08;box-sizing:border-box;color:#e2e8f0;flex:1 1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;margin:0;overflow:auto;padding:18px;white-space:pre-wrap;width:100%;word-break:break-word}.code-viewer::-webkit-scrollbar{height:8px;width:8px}.code-viewer::-webkit-scrollbar-track{background:#0b1224}.code-viewer::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.code-viewer::-webkit-scrollbar-thumb:hover{background:#475569}.code-editor{background:#0b1224;border:none;box-sizing:border-box;color:#e2e8f0;flex:1 1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;overflow-x:auto;overflow-y:auto;padding:18px;resize:none}.code-editor::placeholder{color:#64748b;opacity:.7}.code-editor:focus{background:#0f1729;color:#e2e8f0;outline:none}.code-editor::-webkit-scrollbar{height:8px;width:8px}.code-editor::-webkit-scrollbar-track{background:#0b1224}.code-editor::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.code-editor::-webkit-scrollbar-thumb:hover{background:#475569}.code-edit-card,.code-view-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;box-shadow:0 8px 20px #0000001f;color:#e2e8f0;display:flex;flex-direction:column;gap:8px;margin:16px auto;max-width:900px;overflow:hidden;padding:12px 12px 16px;width:100%}.code-view-header{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.code-view-header,.code-view-header span{color:#cbd5e1;font-size:14px;font-weight:600}.code-view-header span{letter-spacing:-.3px}.code-actions{align-items:center;display:flex;gap:10px}.apply-btn,.cancel-btn,.copy-btn,.edit-btn{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:6px;box-shadow:0 1px 2px #0003;color:#e2e8f0;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .25s ease}.edit-btn:hover{background:#334155;border-color:#3b82f6;box-shadow:0 2px 6px #3b82f633;color:#60a5fa;transform:translateY(-1px)}.apply-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 2px 6px #10b9814d;color:#fff}.apply-btn:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#047857;box-shadow:0 4px 10px #10b98166;transform:translateY(-1px)}.cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 2px 6px #ef44444d;color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#b91c1c;box-shadow:0 4px 10px #ef444466;transform:translateY(-1px)}.copy-btn{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;box-shadow:0 2px 6px #1e293b4d;color:#e2e8f0}.copy-btn:hover{background:linear-gradient(135deg,#0f172a,#020617);border-color:#3b82f6;box-shadow:0 4px 10px #3b82f64d;color:#60a5fa;transform:translateY(-1px)}.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;display:flex;height:28px;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{height:300px;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}.formatting-toolbar{background:#f8fafc;border-radius:8px;gap:8px;padding:8px}.format-btn,.formatting-toolbar{border:1px solid #e2e8f0;display:flex}.format-btn{align-items:center;background:#fff;border-radius:6px;color:#64748b;cursor:pointer;height:36px;justify-content:center;transition:all .2s ease;width:36px}.format-btn:hover{background:#eef2ff;border-color:#cbd5e1;color:#3b82f6}.format-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.format-btn.active:hover{background:#2563eb;border-color:#2563eb}.zoho-crm-tab{margin:0;max-width:none;padding:0;width:100%}.tab-header{padding:0 25px;text-align:center}.tab-header h1{color:#1e293b;font-size:2rem;font-weight:700}.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{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{border-radius:20px;font-size:.8rem;font-weight:600;gap:8px;padding:8px 16px}.status-indicator.connected{background:none;color:#166534}.status-indicator.disconnected{background:none;color:#92400e}.status-indicator.connected .status-dot{background:#16a34a}.status-indicator.disconnected .status-dot{background:#d97706}.status-message{font-size:.95rem;margin:0}.connection-info{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;margin-top:15px;padding:15px}.info-item{color:#1e40af;gap:10px;margin-bottom:8px}.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}.sync-progress h4{color:#0369a1;font-size:1.2rem;font-weight:600;margin:0 0 15px}.sync-progress p{color:#0c4a6e;font-size:1rem}.progress-bar{background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;height:12px;margin:15px 0}.progress-fill{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:6px}.progress-text{color:#0369a1;font-size:.9rem}.stats-card{background:#f8fafc;border:1px solid #e9ecef;border-radius:12px;padding:25px;transition:transform .3s ease}.stats-value{color:#7c3aed;font-size:2.5rem;margin-bottom:8px}.stats-label{font-size:.9rem}.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{font-size:.8rem}.table-count{font-size:.9rem}.unsynced-count{background:#f59e0b;border-radius:12px;color:#fffbeb;font-size:.8rem;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}.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{background:#f1f5f9;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;box-shadow:0 10px 25px #0003;max-width:90%}.large-modal{max-width:800px}.modal-header{border-radius:16px 16px 0 0;padding:20px 25px}.modal-header h3{color:#000;font-size:1.3rem}.modal-body{padding:25px}.modal-footer{border-radius:0 0 16px 16px;border-top:1px solid #f1f5f9;padding:20px 25px}.modal-actions{gap:12px}.connection-steps{gap:25px}.step{align-items:flex-start}.step-number{background:linear-gradient(135deg,#7c3aed,#6d28d9);font-size:1.1rem;height:40px;width:40px}.step-content{flex:1 1}.step-content h4{color:#000;font-size:1.1rem;font-weight:600}.step-content p{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;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 strong{color:#000}.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}.empty-state,.loading-state{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#666}.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}}.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:8px;margin-bottom:15px}.cube-logo-blinking{animation:logoBlinking 1.5s ease-in-out infinite;height:150px;width:150px}@keyframes logoBlinking{0%,to{opacity:.3}50%{opacity:1}}.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}.salesforce-crm-tab{margin:0;max-width:none;padding:0;width:100%}.salesforce-bg{background:linear-gradient(135deg,#00a1e0,#1b96ff)!important}.status-badge.synced{color:#0277bd}.status-badge.pending{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}:root{--hubspot-orange:#ff7a59;--hubspot-orange-light:#fff0ed;--hubspot-orange-dark:#e65c3e;--hubspot-blue:#425b76;--hubspot-gray:#f5f8fa;--hubspot-border:#eaf0f6}.hubspot-tab{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;padding:20px}.tab-header{margin-bottom:30px}.tab-header h1{color:#425b76;color:var(--hubspot-blue)}.tab-header p{color:#666}.card{border:1px solid #eaf0f6;border:1px solid var(--hubspot-border);border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;overflow:hidden}.card.hubspot-card{border-top:4px solid #ff7a59;border-top:4px solid var(--hubspot-orange)}.card-header{background:#f5f8fa;background:var(--hubspot-gray);border-bottom:1px solid #eaf0f6;border-bottom:1px solid var(--hubspot-border);padding:20px 24px}.card-header h3{color:#425b76;color:var(--hubspot-blue);flex-grow:1;font-size:18px}.card-icon-wrapper{border-radius:10px;height:40px;margin-right:16px;width:40px}.card-icon-wrapper.hubspot-bg{background:linear-gradient(135deg,#ff7a59,#e65c3e);background:linear-gradient(135deg,var(--hubspot-orange) 0,var(--hubspot-orange-dark) 100%)}.card-main-icon{color:#fff;font-size:20px}.connection-status{margin-bottom:20px}.status-indicator{align-items:center;display:flex;gap:10px;margin-bottom:10px}.status-dot{height:12px;width:12px}.status-indicator.connected .status-dot{background-color:#00bda5;box-shadow:0 0 0 3px #00bda533}.status-indicator.disconnected .status-dot{background-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}.status-message{color:#666;font-size:15px;margin:0 0 15px}.hubspot-info{background:#fff0ed;background:var(--hubspot-orange-light);border-radius:8px;margin-top:15px;padding:12px}.hubspot-info .info-item{align-items:center;display:flex;font-size:14px;gap:10px;margin-bottom:8px}.hubspot-info .info-item:last-child{margin-bottom:0}.info-item{color:#555;font-size:14px;margin-bottom:12px}.info-item:last-child{margin-bottom:0}.info-icon{font-size:16px;min-width:20px}.info-icon.success{color:#00bda5}.info-icon.warning{color:#ffb347}.btn-primary{background:#ff7a59;background:var(--hubspot-orange)}.btn-primary:hover{background:#e65c3e;background:var(--hubspot-orange-dark);transform:translateY(-1px)}.btn-primary.hubspot-btn{background:linear-gradient(135deg,#ff7a59,#e65c3e);background:linear-gradient(135deg,var(--hubspot-orange) 0,var(--hubspot-orange-dark) 100%)}.btn-secondary{background:#fff;border:1px solid #eaf0f6;border:1px solid var(--hubspot-border);color:#425b76;color:var(--hubspot-blue)}.btn-secondary:hover{background:#f5f8fa;background:var(--hubspot-gray);border-color:#ff7a59;border-color:var(--hubspot-orange)}.btn-danger{background:#ff6b6b}.btn-danger:hover{background:#ff5252}.btn-sm{font-size:13px}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-card{background:#fff;border:1px solid #eaf0f6;border:1px solid var(--hubspot-border);border-radius:10px;padding:20px;text-align:center;transition:transform .2s ease}.stats-card:hover{border-color:#ff7a59;border-color:var(--hubspot-orange)}.stats-value{color:#425b76;color:var(--hubspot-blue);font-size:32px;font-weight:700;margin-bottom:5px}.stats-label{color:#666;font-size:14px;font-weight:500}.users-table thead{background:#f5f8fa;background:var(--hubspot-gray)}.users-table th{border-bottom:2px solid #eaf0f6;border-bottom:2px solid var(--hubspot-border);color:#425b76;color:var(--hubspot-blue);padding:16px}.users-table td{border-bottom:1px solid #eaf0f6;border-bottom:1px solid var(--hubspot-border);padding:16px}.users-table tbody tr:hover{background:#fff0ed;background:var(--hubspot-orange-light)}.users-table tr.synced{background:#00bda50d}.users-table tr.pending{background:#ff7a590d}.user-info{gap:4px}.user-email{color:#666;font-size:13px}.user-company{color:#888;font-size:12px;font-style:italic}.status-badge{font-size:13px;font-weight:500;gap:6px;padding:4px 10px}.status-badge.synced{color:#008c7a}.status-badge.pending{background:none;color:#e65c3e;color:var(--hubspot-orange-dark)}.sync-progress-card{background:linear-gradient(135deg,#667eea,#764ba2)}.sync-progress{text-align:center}.sync-progress h4{color:#fff;margin:0 0 10px}.sync-progress p{margin:0 0 15px;opacity:.9}.progress-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:#fff;border-radius:4px;height:100%;transition:width .3s ease}.progress-text{font-size:14px;font-weight:600}.empty-state,.loading-state{padding:40px 20px;text-align:center}.empty-state p,.loading-state p{color:#666;margin-top:15px}.table-count{color:#666;font-size:14px;font-weight:500}.unsynced-count{color:#ff7a59;color:var(--hubspot-orange);font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid #eaf0f6;border-bottom:1px solid var(--hubspot-border);padding:24px}.modal-header h3{color:#425b76;color:var(--hubspot-blue)}.modal-footer{border-top:1px solid #eaf0f6;border-top:1px solid var(--hubspot-border)}.connection-steps{display:flex;flex-direction:column;gap:24px}.step{display:flex;gap:20px}.step-number{align-items:center;background:#ff7a59;background:var(--hubspot-orange);border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.step-content h4{color:#425b76;color:var(--hubspot-blue);margin:0 0 8px}.step-content p{color:#666;line-height:1.5;margin:0 0 8px}.step-content ul{color:#666;margin:8px 0 0 20px;padding:0}.step-content li{margin-bottom:4px}.user-details{gap:12px}.detail-row{border-bottom:1px solid #eaf0f6;border-bottom:1px solid var(--hubspot-border);gap:10px;padding-bottom:12px}.detail-row:last-child{padding-bottom:0}.detail-row strong{color:#425b76;color:var(--hubspot-blue);font-weight:600;min-width:120px}.message-preview{background:#f5f8fa;background:var(--hubspot-gray);border-left:3px solid #ff7a59;border-left:3px solid var(--hubspot-orange);border-radius:8px;color:#555;font-size:14px;line-height:1.5;margin-top:8px;padding:12px}@media (max-width:768px){.hubspot-tab{padding:15px}.stats-grid{gap:15px;grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:flex-end;width:100%}.users-table{font-size:13px}.users-table td,.users-table th{padding:12px 8px}.action-buttons{flex-direction:column;gap:5px}.btn{font-size:13px;padding:8px 16px}.modal-content{margin:10px;width:95%}}.email-validator-container{background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.email-validator-wrapper{margin:0 auto;max-width:960px;padding-left:12px!important;padding-right:12px!important;width:100%}.card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:25px;min-height:auto;overflow:visible;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.card-header{border-bottom:1px solid #f1f5f9;margin-bottom:25px;padding-bottom:20px}.card-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.card-icon-wrapper{align-items:center;background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:12px;box-shadow:0 4px 8px #0078d440;display:flex;height:60px;justify-content:center;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{border-radius:10px;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;transform:translateY(-2px)}.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;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.summary-card{border:1px solid #f1f5f9;box-shadow:0 4px 20px #00000014;padding:25px 20px;transition:transform .3s ease}.summary-card:hover{box-shadow:0 6px 25px #0000001f;transform:translateY(-3px)}.summary-card h3{color:#000;letter-spacing:.5px;margin-bottom:15px;opacity:.8}.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}.history-table td:has(.status-badge){display:table-cell;padding:12px 14px;text-align:center!important;vertical-align:middle}.history-table td .status-badge{display:inline-flex;margin:0 auto}.status-badge{gap:0;height:36px;margin:0;padding:0;white-space:nowrap;width:36px}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.completed .status-icon{color:#15803d}.status-badge.pending{background:#fef9c3;color:#854d0e}.status-badge.pending .status-icon{color:#b45309}.status-badge.failed{background:#fee2e2;color:#991b1b}.status-badge.failed .status-icon{color:#dc2626}.status-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.25rem;justify-content:center;line-height:1}.status-icon.pending,.status-icon.spinning{animation:rotate 1s 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{box-shadow:0 1px 2px #0000000d}.bounce-check-btn,.refresh-btn{font-size:.8rem;gap:6px;padding:8px 14px}.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-weight:600;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}.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{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;padding:20px}.action-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.action-btn:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f633;color:#fff;transform:translateY(-1px)}.sender-actions-container{background:#fafafa;display:flex;gap:12px;justify-content:center;padding:16px}.btn{border-radius:6px;display:inline-flex;font-size:.8rem;font-weight:600;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:1200px;width:95%}.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-table-container{overflow-x:auto;overflow-y:visible}.modal-recipient-table{min-width:1000px}.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;white-space:nowrap}.modal-recipient-table td:first-child{min-width:220px;white-space:normal}.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;color:#1e293b;font-size:.95rem;padding:14px 18px}.body-content,.field-value{border-radius:6px;line-height:1.6}.body-content{word-wrap:break-word;background:#f9fafb;border:1px solid #e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-height:500px;overflow-y:auto;padding:12px;white-space:pre-wrap}.body-content *{max-width:100%}.body-content p{margin:0 0 12px}.body-content br{content:" ";display:block;margin:6px 0}.body-content img{display:block;height:auto;margin:12px 0;max-width:100%}.body-content pre{background:#f1f5f9;border-radius:4px;overflow-x:auto;padding:12px;white-space:pre-wrap}.plain-email{background:#0000;border:none;font-family:Menlo,Consolas,SFMono-Regular,Roboto Mono,monospace;font-size:.95rem;line-height:1.6;margin:0;padding:0;white-space:pre-wrap}.body-content a{color:#3b82f6;text-decoration:underline}.body-content b,.body-content strong{font-weight:600}.body-content em,.body-content i{font-style:italic}.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.load-more-btn{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff;font-weight:700}.pagination-btn.load-more-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 12px #2563eb66}.pagination-btn:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.5}.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{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #4f46e533;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{opacity:.7}.sync-btn.syncing .spinning{animation:rotate 1s linear infinite}.refresh-btn{background:#fff;border:1px solid #e2e8f0;border-radius:20px;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:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex:1 1;max-width:350px;min-width:200px;padding:0 8px;position:relative;transition:all .2s ease}.search-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#94a3b8;font-size:1rem;margin-right:8px}.campaign-search-input{background:#0000;border:none;color:#1e293b;font-size:.875rem;height:auto!important;outline:none;padding:8px 5px!important;transition:all .2s ease;width:100%}.::placeholder{color:#94a3b8;font-size:.875rem}.search-wrapper:focus-within .campaign-search-input{width:100%}@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}}.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}.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;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;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{background:linear-gradient(135deg,#0078d4,#106ebe);border-radius:12px;color:#fff;height:60px;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;top:50%;transform:translateY(-50%)}.password-toggle{background:none;border:none;cursor:pointer;font-size:20px!important;position:absolute;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}@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{border-radius:8px;display:inline-flex;font-size:.75rem;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{border-radius:8px;display:inline-flex;gap:4px;padding:6px 10px}.status-badge.active{background:none;border:none;color:#166534}.status-badge.inactive{background:none;border:none;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{border:3px solid #f1f5f9;border-top-color:#0078d4;margin-bottom:16px}.loading p{color:#64748b;font-size:.9rem}.empty-state{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#64748b}.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{background:linear-gradient(135deg,#0078d4,#106ebe);border:4px solid #fff;box-shadow:0 4px 12px #0000001a;font-size:2rem;height:80px;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;font-weight:600}.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}.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}.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{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.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);color:#fff}.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-weight:600;padding:6px 12px}.status-active{background:none;color:#22543d}.status-inactive{background:none;color:#742a2a}.action-buttons{display:flex;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}.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;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;--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;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{background:var(--color-primary);border:1px solid #0055d6;box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-soft);font-size:.85rem;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{align-items:center;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);display:flex;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}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:18px}.stat-card{animation:fadeInUp .5s ease-out;background:var(--color-surface);border:1px solid #edf2f7;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{display:flex;font-size:.8rem;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}.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:#06f;--primary-dark:#0055d6;--primary-light:#e6f0ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--accent:#8b5cf6;--bg-page:#f8fafc;--bg-surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-card:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;--shadow-glow:0 0 20px #0066ff26;--shadow-hover:0 20px 25px -5px #00000014;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}.analytics-dashboard{background:linear-gradient(135deg,#0066ff05,rgba(16,185,129,.015));color:#0f172a;color:var(--text-main);font-family:Outfit,sans-serif;min-height:100vh;padding:24px}.analytics-header{align-items:flex-start;animation:slideInDown .5s ease-out;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content h1.analytics-title{align-items:center;color:#0f172a;color:var(--text-main);display:flex;font-size:28px;font-weight:700;gap:12px;letter-spacing:-.01em;margin-bottom:8px}.analytics-title svg{color:#06f;color:var(--primary)}.analytics-subtitle{color:#64748b;color:var(--text-muted);font-size:14px;font-weight:500;line-height:1.5}.header-actions{gap:16px}.last-updated{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--text-muted);display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 12px}.last-updated svg{color:#06f;color:var(--primary)}.refresh-btn{align-items:center;background:#06f;background:var(--primary);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;box-shadow:var(--shadow-card);color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.refresh-btn:hover:not(:disabled){background:#0055d6;background:var(--primary-dark);box-shadow:0 20px 25px -5px #00000014;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn svg.spinning{animation:spin 1s linear infinite}.error-banner{align-items:center;animation:slideInDown .3s ease-out;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;border-radius:var(--radius-md);color:#991b1b;display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:20px;padding:12px 16px}.error-banner svg{color:#dc2626;flex-shrink:0}.campaign-selector-section{align-items:center;display:flex;gap:16px;margin-bottom:24px}.campaign-selector{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex:1 1;gap:12px;padding:16px}.selector-label{align-items:center;display:flex;font-weight:600;gap:6px;white-space:nowrap}.campaign-select,.selector-label{color:#0f172a;color:var(--text-main);font-size:14px}.campaign-select{background:#f8fafc;background:var(--bg-page);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:Outfit,sans-serif;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.campaign-select:focus,.campaign-select:hover{border-color:#06f;border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a;outline:none}.campaign-info-card{align-items:center;background:linear-gradient(135deg,#0066ff0d,#10b9810d);border:1px solid #0066ff1a;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:16px;min-width:250px;padding:12px 20px}.campaign-info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#06f;color:var(--primary);font-size:18px;font-weight:700}.campaign-info-separator{background:#06f3;height:30px;width:1px}.empty-state-container{align-items:center;background:linear-gradient(135deg,#0066ff08,#10b98108);border:2px dashed #e2e8f0;border:2px dashed var(--border);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-icon svg{color:#64748b;color:var(--text-muted)}.empty-state-container h3{color:#0f172a;color:var(--text-main);font-size:20px;font-weight:700;margin-bottom:8px}.empty-state-container>p{color:#64748b;color:var(--text-muted);font-size:14px;margin-bottom:24px;max-width:400px}.empty-state-info{display:flex;flex-direction:column;gap:12px;max-width:500px;width:100%}.info-item{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:12px;padding:12px}.info-icon{font-size:20px;min-width:24px}.info-item span{color:#64748b;color:var(--text-muted);font-size:13px}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.kpi-card{align-items:flex-start;background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;box-shadow:var(--shadow-card);display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.kpi-card:before{background:#06f;background:var(--primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.kpi-card:hover{box-shadow:0 20px 25px -5px #00000014;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.kpi-card.premium-primary:before{background:linear-gradient(90deg,#06f,#00d4ff)}.kpi-card.premium-success:before{background:linear-gradient(90deg,#10b981,#06b6d4)}.kpi-card.premium-warning:before{background:linear-gradient(90deg,#f59e0b,#ec4899)}.kpi-card.premium-info:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.kpi-card.premium-accent:before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.kpi-card.premium-danger:before{background:linear-gradient(90deg,#ef4444,#f97316)}.kpi-icon{align-items:center;background:linear-gradient(135deg,#0066ff1a,#10b9811a);border-radius:12px;border-radius:var(--radius-md);color:#06f;color:var(--primary);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.kpi-card.premium-success .kpi-icon{background:linear-gradient(135deg,#10b9811a,#06b6d41a);color:#10b981;color:var(--success)}.kpi-card.premium-warning .kpi-icon{background:linear-gradient(135deg,#f59e0b1a,#ec48991a);color:#f59e0b;color:var(--warning)}.kpi-card.premium-info .kpi-icon{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:#3b82f6;color:var(--info)}.kpi-card.premium-accent .kpi-icon{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);color:#8b5cf6;color:var(--accent)}.kpi-card.premium-danger .kpi-icon{background:linear-gradient(135deg,#ef44441a,#f973161a);color:#ef4444;color:var(--danger)}.kpi-content{flex:1 1}.kpi-label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.kpi-value{color:#0f172a;color:var(--text-main);font-size:28px;font-weight:700;line-height:1.2;margin-bottom:4px}.kpi-subtext{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:500}.charts-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:32px}@media (max-width:1400px){.charts-container{grid-template-columns:1fr}}.chart-card{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;box-shadow:var(--shadow-card);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.chart-card:hover{box-shadow:0 20px 25px -5px #00000014;box-shadow:var(--shadow-hover)}.chart-card.chart-full{grid-column:1/-1}.chart-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.chart-header,.chart-header h3{align-items:center;display:flex}.chart-header h3{color:#0f172a;color:var(--text-main);font-size:16px;font-weight:700;gap:10px;margin:0}.chart-header h3 svg{color:#06f;color:var(--primary)}.chart-count{background:#0066ff0d;border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600;padding:4px 10px}.chart-wrapper{min-height:250px}.chart-wrapper,.no-chart-data{align-items:center;display:flex;justify-content:center}.no-chart-data{background:linear-gradient(135deg,#0066ff05,#10b98105);border:1px dashed #e2e8f0;border:1px dashed var(--border);border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--text-muted);font-size:14px;height:250px;width:100%}.chart-wrapper{height:100%;width:100%}.location-list{gap:16px}.location-item,.location-list{display:flex;flex-direction:column}.location-item{gap:8px}.location-bar{align-items:center;display:flex;justify-content:space-between}.location-name{color:#0f172a;color:var(--text-main);font-size:14px;font-weight:600}.location-metrics{align-items:center;display:flex;gap:12px}.location-count{color:#0f172a;color:var(--text-main);font-size:14px;font-weight:700}.location-percent{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:600}.location-progress{background:#f8fafc;background:var(--bg-page);height:6px;overflow:hidden;width:100%}.location-progress,.location-progress-fill{border-radius:8px;border-radius:var(--radius-sm)}.location-progress-fill{height:100%;min-width:2px;transition:width .5s ease}.no-data{color:#64748b;color:var(--text-muted);font-size:14px;padding:20px;text-align:center}.details-section{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;box-shadow:var(--shadow-card);margin-bottom:24px;padding:24px}.details-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.details-header h2{align-items:center;color:#0f172a;color:var(--text-main);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.details-header h2 svg{color:#06f;color:var(--primary)}.details-count{background:#f8fafc;background:var(--bg-page);border-radius:12px;border-radius:var(--radius-md);color:#64748b;color:var(--text-muted);font-size:12px;font-weight:700;padding:6px 12px}.details-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.details-loading p{color:#64748b;color:var(--text-muted);font-weight:600}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top-color:#06f;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.table-responsive{overflow-x:auto}.analytics-table{border-collapse:collapse;font-size:14px;width:100%}.analytics-table thead{background:#f8fafc;background:var(--bg-page);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border)}.analytics-table th{color:#0f172a;color:var(--text-main);font-size:12px;font-weight:700;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.analytics-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.analytics-table tbody tr:hover{background:#f8fafc;background:var(--bg-page)}.analytics-table td{color:#0f172a;color:var(--text-main);padding:14px 16px}.email-cell{font-weight:600}.email-badge{background:#e6f0ff;background:var(--primary-light);color:#06f;color:var(--primary);font-size:13px;font-weight:600}.email-badge,.metric-badge{border-radius:8px;border-radius:var(--radius-sm);display:inline-block;padding:6px 12px}.metric-badge{font-size:12px;font-weight:700}.metric-badge.opens{background:#10b9811a;color:#10b981;color:var(--success)}.metric-badge.clicks{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.metric-cell{text-align:center}.engagement-bar{background:#f8fafc;background:var(--bg-page);height:6px;margin-bottom:4px;overflow:hidden;width:100%}.engagement-bar,.engagement-fill{border-radius:8px;border-radius:var(--radius-sm)}.engagement-fill{background:linear-gradient(90deg,#06f,#10b981);background:linear-gradient(90deg,var(--primary),var(--success));height:100%;transition:width .3s ease}.engagement-text{font-weight:700}.device-badge,.engagement-text,.location-badge{color:#0f172a;color:var(--text-main);font-size:12px}.device-badge,.location-badge{background:#f8fafc;background:var(--bg-page);border-radius:8px;border-radius:var(--radius-sm);display:inline-block;font-weight:600;padding:4px 10px}.time-cell{font-weight:500}.no-data-container,.time-cell{color:#64748b;color:var(--text-muted)}.no-data-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.no-data-container svg{height:48px;opacity:.5;width:48px}.no-data-container p{font-size:16px;font-weight:600;margin:0}.no-data-hint{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:500!important}.info-banner{align-items:flex-start;background:linear-gradient(135deg,#0066ff0d,#10b9810d);border:1px solid #0066ff1a;border-radius:12px;border-radius:var(--radius-md);color:#0f172a;color:var(--text-main);display:flex;font-size:14px;gap:12px;padding:16px}.info-banner svg{color:#06f;color:var(--primary);flex-shrink:0;margin-top:2px}.info-content{display:flex;flex-direction:column;gap:4px}.info-content strong{color:#0f172a;color:var(--text-main);font-weight:700}.info-content span{color:#64748b;color:var(--text-muted);font-weight:500}.analytics-container{align-items:center;background:linear-gradient(135deg,#0066ff05,rgba(16,185,129,.015));display:flex;justify-content:center;min-height:100vh}.analytics-loading{align-items:center;display:flex;flex-direction:column;gap:16px}.analytics-loading p{color:#64748b;color:var(--text-muted);font-size:16px;font-weight:600}@media (max-width:768px){.analytics-dashboard{padding:16px}.analytics-header{align-items:stretch;flex-direction:column}.header-actions{flex-direction:column-reverse}.charts-container,.kpi-grid{grid-template-columns:1fr}.analytics-title{font-size:22px!important}.campaign-selector{align-items:flex-start;flex-direction:column}.campaign-select{width:100%}.table-responsive{font-size:12px}.analytics-table td,.analytics-table th{padding:10px 8px}}@media (max-width:480px){.analytics-dashboard{padding:12px}.kpi-card{padding:16px}.kpi-value{font-size:24px}.chart-header{align-items:flex-start;flex-direction:column;gap:8px}}.app-directory-master{background-color:#f8fafc;color:#1e293b;font-family:Inter,sans-serif;min-height:100vh;width:100%}.directory-main-container{margin:0 auto;max-width:1400px;padding:40px}.directory-header-simple{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:40px;padding:30px}.header-info h2{color:#0f172a;font-size:24px;font-weight:700;margin:0 0 5px}.header-info h2 span{color:#64748b;font-weight:400}.header-info p{font-size:14px;margin:0}.header-search{position:relative;width:400px}.header-search svg{color:#94a3b8;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.header-search input{border:1px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;padding:12px 12px 12px 45px;transition:all .2s;width:100%}.category-row{display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding-bottom:5px}.category-row button{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px}.category-row button.active{background:#2563eb;border-color:#2563eb;color:#fff}.directory-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.directory-nav-sub{border-bottom:1px solid #e2e8f0;margin-bottom:24px}.nav-sub-tabs{display:flex;gap:32px}.nav-sub-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 4px;transition:all .2s}.nav-sub-tabs button.active{border-bottom-color:#2563eb;color:#2563eb}.mcp-tools-container{padding:20px 0}.mcp-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:40px}.mcp-breadcrumb{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:8px;margin-bottom:16px}.mcp-breadcrumb .divider{color:#cbd5e1}.mcp-breadcrumb .current{color:#94a3b8}.mcp-header h1{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 8px}.mcp-header p{color:#64748b;font-size:15px;margin:0}.btn-create-app{align-items:center;background:#2563eb;border:none;border-radius:8px;box-shadow:0 4px 6px -1px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s}.btn-create-app:hover{background:#1d4ed8;transform:translateY(-1px)}.mcp-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mcp-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 20px #00000008;padding:24px;position:relative;transition:all .2s}.mcp-card:hover{box-shadow:0 10px 25px #0000000d}.mcp-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.mcp-logo-box{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 4px 12px #00000014;display:flex;height:64px;justify-content:center;width:64px}.mcp-logo-icon{color:#1e293b;font-size:24px}.mcp-status-dot{background:#cbd5e1;border-radius:50%;height:10px;margin-top:4px;width:10px}.mcp-status-dot.active{background:#22c55e}.mcp-card-content h3{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.mcp-card-content p{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 20px}.mcp-app-tag{align-items:center;background:#eff6ff;border-radius:20px;color:#2563eb;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:24px;padding:6px 12px}.mcp-card-footer{align-items:center;border-top:1px solid #f8fafc;display:flex;justify-content:space-between;padding-top:20px}.mcp-card-footer .label{color:#64748b;font-size:13px;font-weight:500}.mcp-toggle{background:#e2e8f0;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:all .2s;width:44px}.mcp-toggle.active{background:#22c55e}.toggle-handle{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:20px;left:2px;position:absolute;top:2px;transition:all .2s;width:20px}.mcp-toggle.active .toggle-handle{left:22px}.app-grid-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 20px #00000005;cursor:pointer;display:flex;flex-direction:column;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-grid-card:hover{border-color:#2563eb33;box-shadow:0 20px 40px #0000000f;transform:translateY(-6px)}.app-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.app-card-icon{align-items:center;background:#fff!important;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 4px 12px #0000000d;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.lbl-cat{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;color:#64748b;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.app-grid-card h3{font-size:18px;font-weight:700;margin:0 0 10px}.app-grid-card p{color:#64748b;flex:1 1;font-size:14px;line-height:1.5;margin:0 0 20px}.app-card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:15px}.status-box{display:flex;flex-direction:column;gap:4px}.btn-disconnect-sm{background:none;border:none;color:#ef4444;cursor:pointer;font-size:11px;font-weight:600;opacity:.8;padding:0;text-align:left;text-decoration:underline}.btn-disconnect-sm:hover{opacity:1}.status-en{color:#10b981;font-size:12px;font-weight:600}.status-dis{color:#94a3b8;font-size:12px}.btn-connect{background:#2563eb;color:#fff;cursor:pointer}.btn-connect,.btn-manage{border:none;border-radius:8px;font-weight:600;padding:8px 16px}.btn-manage{background:#f1f5f9;color:#475569}.view-detail-page{background:#fff;display:flex;height:100vh}.detail-sidebar{background:#fafbfc;border-right:1px solid #e2e8f0;padding:40px;width:320px}.back-link{align-items:center;background:none;border:none;color:#2563eb;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-bottom:40px;padding:0}.sidebar-icon-large{font-size:64px;margin-bottom:24px}.sidebar-app-info h3{font-size:24px;margin-bottom:12px}.sidebar-app-info p{color:#64748b;font-size:14px;line-height:1.6;margin-bottom:40px}.sidebar-meta label{color:#94a3b8;display:block;font-size:12px;font-weight:700;margin-bottom:12px;text-transform:uppercase}.meta-tags{display:flex;flex-wrap:wrap;gap:8px}.meta-tags span{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#475569;font-size:12px;padding:4px 12px}.detail-main{background:#fff;flex:1 1;overflow-y:auto;padding:60px}.detail-main-header{align-items:center;margin-bottom:40px}.detail-main-header h2{font-size:28px;font-weight:700}.header-btns{display:flex;gap:12px}.btn-sec{background:#fff;border:1px solid #e2e8f0;border-radius:8px}.btn-pri,.btn-sec{cursor:pointer;font-weight:600;padding:10px 20px}.btn-pri{background:#2563eb;border:none;border-radius:8px;color:#fff}.section-title{border-bottom:1px solid #f1f5f9;font-size:18px;font-weight:700;margin-bottom:24px;padding-bottom:12px}.features-list-vertical{display:flex;flex-direction:column;gap:16px;margin-bottom:48px}.feat-item-alt{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;gap:16px;padding:20px}.feat-check{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:50%;color:#2563eb;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-top:4px;width:24px}.feat-content h5{font-size:16px;font-weight:700;margin:0 0 4px}.feat-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.case-study-banner{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;padding:24px}.cs-icon-wrapper{align-items:center;background:#f0fdf4;border-radius:10px;color:#10b981;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.cs-cat{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.cs-text h5{font-size:16px;font-weight:700;margin:0}.doc-page .detail-sidebar{background:#fff;border-right:1px solid #f1f5f9}.doc-toc{margin-top:40px}.doc-toc label{color:#94a3b8;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:16px}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.toc-list li.active{color:#0f172a;font-weight:700}.doc-content{background:#fff;padding:40px 80px}.doc-scroll-area{max-width:800px}.doc-content h1{color:#0f172a;font-size:32px;font-weight:800;margin-bottom:40px}.doc-section{margin-bottom:48px}.doc-section h3{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:16px}.doc-section p{color:#475569;font-size:15px;line-height:1.8}.use-case-list{list-style:none;margin:0;padding:0}.use-case-list li{color:#475569;font-size:15px;line-height:1.6;margin-bottom:16px;padding-left:20px;position:relative}.use-case-list li:before{color:#2563eb;content:"•";font-weight:700;left:0;position:absolute}.setup-step-group{border-left:2px solid #f1f5f9;margin-bottom:32px;margin-top:24px;padding-left:24px}.setup-step-group h4{color:#2563eb;font-size:16px;font-weight:700;margin-bottom:12px}.step-ol{padding-left:20px}.step-ol li{color:#475569;font-size:14px;margin-bottom:8px}.guide-links-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.guide-link-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#2563eb;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:16px 20px;text-decoration:underline;transition:all .2s}.guide-link-item:hover{background:#f8fafc;border-color:#2563eb;transform:translateX(4px)}.guide-link-item svg{color:#64748b;font-size:18px}.guide-back-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:0}.guide-back-btn:hover{color:#0f172a}.view-configure-page{align-items:center;background:#f8fafc;display:flex;height:100vh;justify-content:center}.configure-centered-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000026;overflow:hidden;width:500px}.config-header{border-bottom:1px solid #f1f5f9;display:flex;gap:20px;padding:30px}.btn-icon-back{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.config-title h3{font-size:20px;margin:0 0 5px}.config-body{padding:30px}.input-group{margin-bottom:20px}.input-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-group input{border-radius:10px;font-size:14px;outline:none;padding:12px}.security-note{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:10px;margin-top:25px}.config-footer{background:#f8fafc;display:flex;gap:15px;justify-content:flex-end;padding:25px 30px}.linkedin-oauth-card{width:550px!important}.permissions-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;padding:24px}.btn-linkedin-auth{height:52px}.inline-error{align-items:center;background:#fef2f2;border:1px solid #ef4444;border-radius:8px;color:#b91c1c;display:flex;font-size:13px;gap:10px;margin-bottom:20px;padding:12px}.config-select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;outline:none;padding:12px;width:100%}.success-banner-modern{border:1px solid #bbf7d0;color:#15803d;font-size:15px;font-weight:600;gap:12px;margin-bottom:20px;padding:20px}.redirect-loader{align-items:center;display:flex;gap:12px;justify-content:center}.status-en:before{background:#10b981;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:6px;width:8px}.protocol-badge{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#2563eb;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding:6px 14px;text-transform:uppercase}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.app-modal{animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h3{font-size:20px;font-weight:700;margin:0}.btn-close-modal{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;transition:color .2s}.btn-close-modal:hover{color:#ef4444}.modal-body{padding:32px}.modal-body .input-group textarea{border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:14px;outline:none;padding:12px;resize:none;transition:border-color .2s;width:100%}.modal-body .input-group textarea:focus{border-color:#2563eb}.modal-footer{align-items:center;background:#f8fafc;display:flex;justify-content:space-between;padding:24px 32px}.footer-right{display:flex;gap:12px}.btn-delete-link{background:none;border:none;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline}.btn-cancel-modal{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 20px}.btn-save-modal{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 24px}.connected-dashboard-content{animation:dashboardFadeIn .5s ease}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-status-banner{align-items:center;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98133;border-radius:12px;box-shadow:0 4px 12px #10b9810d;color:#059669;display:flex;font-size:.85rem;font-weight:700;gap:10px;margin:24px 0;padding:14px}.sidebar-status-banner:before{animation:pulseStatus 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 0 0 #10b981b3;content:"";height:8px;width:8px}@keyframes pulseStatus{0%{box-shadow:0 0 0 0 #10b981b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #10b98100;transform:scale(1)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(.95)}}.stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.stat-card{border:1px solid #eef2f6;border-radius:16px;box-shadow:0 4px 20px #00000005;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#3b82f6;box-shadow:0 12px 24px #0000000d;transform:translateY(-4px)}.stat-card:after{background:#3b82f6;bottom:0;content:"";height:4px;left:0;opacity:0;position:absolute;transition:opacity .3s;width:100%}.stat-card:hover:after{opacity:1}.stat-card label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.stat-val{color:#0f172a;font-size:2rem;font-weight:800;line-height:1}.stat-trend{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:700;gap:4px;margin-top:12px;padding:4px 8px}.stat-trend.up{background:#ecfdf5;color:#10b981}.stat-trend.down{background:#fff1f2;color:#f43f5e}.unlocked-features-grid{margin-top:40px}.features-grid-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feat-tool-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:20px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1)}.feat-tool-card:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 16px 32px #3b82f614}.tool-icon{align-items:center;background:#eff6ff;border-radius:14px;color:#2563eb;display:flex;font-size:1.5rem;height:52px;justify-content:center;transition:all .3s;width:52px}.feat-tool-card:hover .tool-icon{background:#2563eb;color:#fff;transform:scale(1.1)}.tool-info h5{color:#0f172a;font-size:1.15rem;font-weight:700;margin-bottom:8px}.tool-info p{color:#64748b;font-size:.95rem;line-height:1.5}.btn-launch-sm{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;display:flex;font-size:.9rem;font-weight:700;gap:8px;justify-content:center;margin-top:auto;padding:10px 18px;transition:all .2s}.feat-tool-card:hover .btn-launch-sm{background:#2563eb;border-color:#2563eb;color:#fff}.recent-activity-minimal{margin-top:48px}.activity-timeline{margin-top:24px;padding-left:24px;position:relative}.activity-timeline:before{background:#f1f5f9;bottom:0;content:"";left:0;position:absolute;top:8px;width:2px}.act-item-new{padding-bottom:24px;position:relative}.act-item-new:before{background:#fff;border:2px solid #3b82f6;border-radius:50%;content:"";height:12px;left:-29px;position:absolute;top:20px;width:12px;z-index:1}.act-content-wrap{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px}.act-left{display:flex;flex-direction:column;gap:4px}.act-left .desc{color:#334155;font-size:.95rem;font-weight:600}.act-left .time{color:#94a3b8;font-size:.8rem}.status-badge{border-radius:20px;font-size:.75rem;padding:4px 12px}.status-badge.success{background:#dcfce7;color:#059669}.status-badge.info{background:#eff6ff;color:#2563eb}.detail-main-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.detail-main-header h2{color:#0f172a;font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.btn-disconnect-alt{background:#fff;border:1px solid #fee2e2;border-radius:10px;color:#ef4444;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .2s}.btn-disconnect-alt:hover{background:#fef2f2;border-color:#fecaca}.live-badge{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:#166534;display:inline-flex;font-size:.75rem;font-weight:700;gap:8px;margin-top:4px;padding:4px 12px}.pulse-dot{animation:dotPulse 1.5s infinite;background:#10b981;border-radius:50%;height:6px;width:6px}@keyframes dotPulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.alert-info-sm{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;color:#1e40af;display:flex;font-size:.85rem;font-weight:600;gap:10px;margin-top:10px;padding:12px}.no-activity-placeholder{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;color:#94a3b8;font-size:.9rem;font-weight:600;padding:40px;text-align:center}.btn-save-modal.loading{background:#64748b;cursor:wait;opacity:.7}.app-directory-master{height:100%;overflow-y:auto}.trust-signals-grid{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.trust-pill{align-items:center;background:#f0fdf4;border:1px solid #dcfce7;border-radius:20px;color:#16a34a;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.trust-pill svg{font-size:14px}.security-footer-note{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;display:flex;font-size:13px;gap:10px;line-height:1.5;padding:16px}.security-footer-note svg{color:#475569;flex-shrink:0;font-size:18px}.btn-linkedin-auth{align-items:center;background:#0077b5;border:none;border-radius:10px;box-shadow:0 4px 6px -1px #0077b533;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:14px;transition:all .2s;width:100%}.btn-linkedin-auth:hover{background:#005e93;box-shadow:0 6px 12px -2px #0077b54d;transform:translateY(-1px)}.btn-linkedin-auth.loading{cursor:wait;opacity:.8}.spinner-small{animation:spin .8s linear infinite;height:18px;width:18px}.btn-zoho-auth{align-items:center;background:#f4d03f;background:linear-gradient(135deg,#f4d03f,#f1c40f);border:none;border-radius:10px;box-shadow:0 4px 6px -1px #f1c40f33;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:14px;transition:all .2s;width:100%}.btn-zoho-auth:hover{background:#f1c40f;box-shadow:0 6px 12px -2px #f1c40f4d;transform:translateY(-1px)}.redirect-display{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin:20px 0;padding:16px}.redirect-display label{color:#64748b;display:block;font-size:12px;font-weight:700;margin-bottom:8px}.uri-box{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;font-family:monospace;font-size:13px;margin-bottom:8px;padding:8px 12px;word-break:break-all}.helper-text{color:#94a3b8;font-size:11px;margin:0}.zoho-dashboard .leads-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;overflow:hidden}.leads-table{border-collapse:collapse;font-size:14px;width:100%}.leads-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:600;padding:12px 16px;text-align:left}.leads-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:14px 16px}.leads-table tr:last-child td{border-bottom:none}.leads-table tr:hover td{background:#f8fafc}.leads-table td.bold{color:#0f172a;font-weight:600}.source-tag{background:#f1f5f9;border-radius:6px;color:#475569;font-size:12px;padding:4px 8px}.status-pill{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.status-pill.new{background:#e0f2fe;color:#0369a1}.status-pill.junk-lead{background:#fee2e2;color:#991b1b}.status-pill.contacted{background:#fef9c3;color:#854d0e}.status-pill.pre-qualified{background:#dcfce7;color:#166534}.loading-placeholder,.no-data-placeholder{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;padding:40px}.loading-placeholder span{color:#64748b;font-size:14px}.no-data-placeholder svg{font-size:32px;margin-bottom:8px}.crm-controls-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-top:20px;padding:16px 20px}.module-selector-group{align-items:center;display:flex;gap:12px}.module-selector-group label{color:#475569;font-size:14px;font-weight:600}.crm-select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:8px 12px}.crm-select:focus{border-color:#f1c40f;box-shadow:0 0 0 2px #f1c40f1a}.btn-sync-now{align-items:center;background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.btn-sync-now:hover{background:#1e293b;transform:translateY(-1px)}.btn-sync-now.loading{cursor:not-allowed;opacity:.7}.btn-sync-now svg{color:#f1c40f}.success-banner-modern{align-items:center;background:#f0fdf4;border-left:4px solid #22c55e;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.success-icon{color:#22c55e;font-size:24px}.success-text strong{color:#14532d;display:block;font-size:15px}.success-text p{color:#166534;font-size:13px;margin:4px 0 0;opacity:.8}.stats-header-minimal{margin-bottom:24px}.sync-status-card{align-items:center;background:#0f172a;border-radius:16px;box-shadow:0 10px 25px -5px #0f172a33;color:#f8fafc;display:flex;justify-content:space-between;padding:20px 24px}.status-top label{align-items:center;color:#94a3b8;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.05em;margin-bottom:8px}.live-tag{background:#ef4444;border-radius:4px;color:#fff;display:inline-block;font-size:9px;font-weight:800;margin-left:8px;padding:2px 6px;vertical-align:middle}.sync-time-val{color:#fff;font-family:inherit;font-size:22px;font-weight:700}.btn-sync-action{align-items:center;background:#f1c40f;border:none;border-radius:10px;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s}.btn-sync-action:hover:not(:disabled){background:#fde047;transform:translateY(-1px)}.btn-sync-action:disabled{cursor:not-allowed;opacity:.8}.crm-select-modern{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#334155;cursor:pointer;font-size:14px;font-weight:600;min-width:180px;outline:none;padding:10px 16px}.active-meta-pill{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;display:flex;font-size:13px;gap:8px;padding:8px 16px}.spin{animation:spin 1s linear infinite}.salesforce-oauth-card{border-top:4px solid #00a1e0!important}.btn-salesforce-auth{align-items:center;background:#00a1e0!important;border:none;border-radius:10px;box-shadow:0 4px 15px #00a1e033;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;padding:14px;transition:all .3s;width:100%}.btn-salesforce-auth:hover:not(:disabled){background:#008cc4!important;box-shadow:0 6px 20px #00a1e04d;transform:translateY(-2px)}.salesforce-dashboard .sync-status-card{background:linear-gradient(135deg,#00a1e0,#005fb2)!important}.org-detail-meta{color:#ffffffe6;display:flex;flex-direction:column;font-size:13px;gap:4px;margin:12px 0 20px}.org-detail-meta span{align-items:center;display:flex;gap:8px}.sf-id-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-family:monospace;font-size:12px;padding:4px 8px}.status-pill.active-sync{background:#dcfce7;color:#15803d;font-weight:600}.salesforce-dashboard .btn-sync-action{background:#fff!important;color:#00a1e0!important}.salesforce-dashboard .btn-sync-action:hover:not(:disabled){background:#f8fafc!important}.hubspot-oauth-card{border-top:4px solid #ff7a59!important}.btn-hubspot-auth{align-items:center;background:#ff7a59!important;border:none;border-radius:10px;box-shadow:0 4px 15px #ff7a5933;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;padding:14px;transition:all .3s;width:100%}.btn-hubspot-auth:hover:not(:disabled){background:#e66b4c!important;box-shadow:0 6px 20px #ff7a594d;transform:translateY(-2px)}.hubspot-dashboard .sync-status-card{background:linear-gradient(135deg,#ff7a59,#ff8f73)!important}.hubspot-dashboard .btn-sync-action{background:#fff!important;color:#ff7a59!important}.hubspot-dashboard .btn-sync-action:hover:not(:disabled){background:#f8fafc!important}.domain-monitor-container{background-color:#f8fafc;margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.monitor-header{margin-bottom:2rem;text-align:center}.monitor-header h2{align-items:center;color:#1e293b;display:flex;font-size:2rem;gap:.5rem;justify-content:center;margin-bottom:.5rem}.monitor-header p{color:#64748b}.search-box-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;gap:1rem;margin-bottom:2rem;padding:1.5rem}.input-group,.search-box-card{align-items:center;display:flex}.input-group{flex:2 1;position:relative}.input-group.small{flex:1 1}.input-icon{color:#94a3b8;left:1rem;position:absolute}.input-group input{border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s;width:100%}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.analyze-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background .2s}.analyze-btn:hover{background:#1d4ed8}.analyze-btn:disabled{background:#94a3b8;cursor:not-allowed}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.summary-card{background:#fff;border-radius:12px;border-top:4px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;padding:1.5rem;text-align:center}.summary-card.good{border-color:#22c55e}.summary-card.bad{border-color:#ef4444}.summary-card.warn{border-color:#f59e0b}.summary-card h3{color:#64748b;font-size:.9rem;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.summary-card p{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.main-report-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.report-column{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.report-column h3{align-items:center;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.check-item{border-bottom:1px dashed #e2e8f0;margin-bottom:1.5rem;padding-bottom:1.5rem}.check-item:last-child{border-bottom:none}.check-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.check-header h4{font-size:1.1rem;margin:0}.status-icon.success{color:#22c55e}.status-icon.warning{color:#f59e0b}.code-block{background:#f1f5f9;border-radius:6px;color:#475569;font-family:monospace;font-size:.9rem;margin-bottom:.5rem;padding:.75rem;word-break:break-all}.check-details{color:#64748b;font-size:.9rem;margin:0}.blacklist-table{display:flex;flex-direction:column;gap:.75rem}.blacklist-row{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.sub-header{color:#64748b;font-size:.9rem;font-weight:700;margin-bottom:1rem;margin-top:1.5rem;text-transform:uppercase}.badge{align-items:center;border-radius:999px;display:flex;font-size:.85rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.badge.success{background:#dcfce7;color:#166534}.badge.danger{background:#fee2e2;color:#991b1b}.gmail-accounts-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:20px;position:relative}.section-header{justify-content:space-between;margin-bottom:20px}.section-header,.section-header h3{align-items:center;display:flex;gap:10px}.section-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.account-count{background:#e0e7ff;border-radius:12px;color:#4f46e5;display:inline-block;font-size:12px;font-weight:600;margin-left:8px;padding:2px 8px}.btn-refresh{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .3s ease}.btn-refresh:hover:not(:disabled){background:#e0e7ff;color:#4f46e5}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.spinning{animation:spin 1s linear infinite}.gmail-section-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px 20px}.gmail-section-loading .spinner{animation:spin 1s linear infinite;font-size:32px}.no-accounts-message{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px 20px;text-align:center}.no-accounts-message svg{font-size:32px;opacity:.5}.no-accounts-message p{font-weight:600;margin:0}.no-accounts-message span{font-size:13px;opacity:.8}.accounts-container{display:flex;flex-direction:column;gap:15px}.selection-info{align-items:flex-start;background:#f0f4ff;border-left:3px solid #4f46e5;border-radius:6px;color:#1e293b;display:flex;font-size:13px;gap:12px;padding:12px 14px}.selection-info svg{color:#4f46e5;flex-shrink:0;margin-top:2px}.selection-info strong{color:#4f46e5}.accounts-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.account-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .3s ease}.account-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.account-card.selected{background:linear-gradient(135deg,#f0f4ff,#fff);border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.account-card.healthy.selected{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.card-header{gap:12px;margin-bottom:12px}.card-header,.checkbox-wrapper{align-items:center;display:flex}.checkbox-wrapper{justify-content:center;position:relative}.checkbox-wrapper input[type=checkbox]{accent-color:#4f46e5;border-radius:4px;cursor:pointer;height:18px;width:18px}.checkbox-wrapper input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.account-name{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.provider-icon{flex-shrink:0;font-size:18px}.account-name>div{display:flex;flex-direction:column;gap:2px;min-width:0}.email{color:#1e293b;font-size:13px;font-weight:600;word-break:break-all}.sender-name{color:#94a3b8;font-size:11px}.status-badge{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.status-badge.healthy{background:#dcfce7;color:#22c55e}.status-badge.inactive{background:#fee2e2;color:#ef4444}.card-details-toggle{align-items:center;background:#f1f5f9;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 10px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.card-details-toggle:hover{background:#e2e8f0;color:#1e293b}.config-details{background:#f8fafc;border-left:2px solid #cbd5e1;border-radius:6px;gap:12px;margin-top:8px;padding:12px 10px}.config-details,.config-group{display:flex;flex-direction:column}.config-group{gap:8px}.config-item{align-items:center;display:flex;font-size:12px;gap:10px;justify-content:space-between}.config-item .label{align-items:center;color:#475569;display:flex;flex-shrink:0;font-weight:600;gap:6px}.config-item .label svg{color:#64748b;font-size:13px}.config-item .value{background:#fff;border-radius:4px;color:#1e293b;flex-grow:1;font-family:Courier New,monospace;padding:4px 8px;text-align:right;word-break:break-all}.action-bar{align-items:center;background:#f8fafc;border-radius:6px;display:flex;justify-content:space-between;margin-top:8px;padding:12px 14px}.selection-summary{color:#475569;font-size:12px;font-weight:600}.btn-save-selection{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.btn-save-selection:hover:not(:disabled){box-shadow:0 8px 16px #4f46e54d;transform:translateY(-2px)}.btn-save-selection:active:not(:disabled){transform:translateY(0)}.btn-save-selection:disabled{cursor:not-allowed;opacity:.5}.btn-save-selection .spinning{animation:spin 1s linear infinite}.feedback-toast{animation:slideIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;font-size:13px;padding:14px 18px;right:20px;top:20px}.feedback-toast.success{border-left:3px solid #22c55e;color:#22c55e}.feedback-toast.error{border-left:3px solid #ef4444;color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.gmail-accounts-section{padding:16px}.accounts-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.account-card{padding:14px}.action-bar{flex-direction:column;gap:10px}.selection-summary{align-self:flex-start}.btn-save-selection{justify-content:center;width:100%}}.warmup-container{color:#0f172a;font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:30px}.dashboard-action-bar{display:flex;gap:15px;justify-content:flex-end;margin-bottom:25px}.icon-burn{color:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.3))}.header-info p{color:#64748b;font-size:1.1rem;margin-top:10px}.header-actions{gap:15px}.btn-warmup-toggle{background:#e0f2fe;border:1px solid #0ea5e9;border-radius:12px;color:#0369a1;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s}.btn-warmup-toggle.active{background:#22c55e;border-color:#16a34a;box-shadow:0 4px 12px #22c55e4d;color:#fff}.btn-run-manual{align-items:center;background:#0078d4;border:1px solid #0078d4;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 25px;transition:all .3s}.btn-run-manual:hover{background:#106ebe;transform:translateY(-2px)}.btn-sync-accounts{align-items:center;background:#8b5cf6;border:1px solid #8b5cf6;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;padding:12px 25px;transition:all .3s}.btn-sync-accounts:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px)}.btn-sync-accounts:disabled{cursor:not-allowed;opacity:.6}.btn-sync-accounts .spinning{animation:spin 1s linear infinite}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;gap:20px;padding:24px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:#f0f7ff;border-radius:15px;color:#0078d4;font-size:1.5rem;height:50px;justify-content:center;width:50px}.stat-info .label{color:#64748b;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.stat-info .value{color:#0f172a;font-size:1.5rem;font-weight:800}.text-active{color:#10b981!important}.text-inactive{color:#ef4444!important}.text-healthy{color:#10b981!important}.warmup-main-content{display:flex;flex-direction:column;gap:18px;margin-bottom:0;margin-top:0}.activity-panel,.configuration-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 2px 4px -1px #0000000a;margin-bottom:0;padding:22px 28px}.warmup-main-content h2{font-size:1.18rem;gap:8px;margin-bottom:16px}.settings-form{gap:12px;margin-bottom:18px}.form-group label{color:#334155;display:block;font-size:.95rem;font-weight:700;margin-bottom:10px}.input-with-info input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:1rem;font-weight:600;outline:none;padding:12px 15px;transition:all .3s;width:100%}.input-with-info input:focus{background:#fff;border-color:#0078d4}.info-text{color:#64748b;display:block;font-size:.85rem;margin-top:8px}.btn-save-settings{background:#0078d4;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:15px;transition:all .3s}.btn-save-settings:hover{background:#106ebe;transform:translateY(-2px)}.active-accounts-list h3{color:#0f172a;font-size:1.1rem;font-weight:700;margin-bottom:15px}.active-accounts-list{margin-bottom:12px}.accounts-scroll{display:flex;flex-direction:column;gap:12px;max-height:250px;overflow-y:auto}.account-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:15px}.acc-email{color:#0f172a;display:block;font-weight:700}.acc-provider{color:#64748b;font-size:.8rem}.acc-badge{background:#dcfce7;border-radius:50px;color:#15803d;font-size:.75rem;font-weight:700;padding:4px 12px}.activity-chart-placeholder{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;display:flex;justify-content:center;margin-bottom:30px;min-height:120px;padding:18px 0;position:relative}.zap-icon{color:#fbbf24;font-size:3rem;margin-bottom:15px}.empty-activity p{color:#0f172a;font-weight:700;margin-bottom:8px}.empty-activity span{color:#64748b;font-size:.9rem}.activity-bars{align-items:flex-end;display:flex;gap:20px;height:100%;padding:40px;width:100%}.bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px}.bar{background:linear-gradient(180deg,#60a5fa,#0078d4);border-radius:8px 8px 0 0;box-shadow:0 4px 12px #0078d433;min-height:8px;width:100%}.bar-label{color:#64748b;font-size:.75rem;font-weight:600}.warmup-benefits h3{color:#0f172a;font-size:1.1rem;font-weight:700;margin-bottom:20px}.warmup-benefits{margin-top:10px}.warmup-benefits ul{display:flex;flex-direction:column;gap:15px;list-style:none;padding:0}.warmup-benefits li{align-items:center;color:#475569;display:flex;font-size:.95rem;gap:12px}.warmup-benefits li strong{color:#0f172a}.warmup-loading{align-items:center;background:#fff;border-radius:24px;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:center;min-height:400px}.loader{border:5px solid #f1f5f9;border-radius:50%;border-top-color:#0078d4;height:60px;width:60px}.feedback-toast{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff80;border-radius:50px;box-shadow:0 10px 30px #0000001a,0 4px 6px #0000000d;display:flex;font-size:.95rem;font-weight:600;gap:12px;justify-content:center;left:50%;min-width:300px;padding:16px 30px;position:fixed;top:30px;transform:translateX(-50%);z-index:1000}.feedback-toast.success{border-color:#34d399;color:#059669}.feedback-toast.error{border-color:#f87171;color:#dc2626}.activity-log-table{margin-bottom:18px}.warmup-log-table{border-collapse:collapse;font-size:.88rem;letter-spacing:.01em;margin-bottom:10px;width:100%}.warmup-log-table td,.warmup-log-table th{border:1px solid #e2e8f0;padding:5px 8px;text-align:left;vertical-align:middle}.warmup-log-table th{background:#f3f4f6;color:#334155;font-weight:600}.warmup-log-table tr:nth-child(2n){background:#f9fafb}.warmup-log-table tr:hover{background:#e0e7ff;transition:background .2s}.activity-line-chart{margin-top:18px}.activity-line-chart svg{background:#f8fafc;border-radius:8px;box-shadow:0 2px 8px #3b82f612;display:block;margin:0 auto}.activity-line-chart text{font-family:Inter,sans-serif}.activity-bar-chart{margin-top:18px}.bar-chart-container{align-items:flex-end;display:flex;gap:18px;min-height:120px;padding-bottom:10px}.bar-chart-bar-group{align-items:center;display:flex;flex-direction:column}.bar-chart-bar{align-items:flex-end;background:#3b82f6;border-radius:6px 6px 0 0;color:#fff;display:flex;font-weight:600;justify-content:center;margin-bottom:4px;transition:height .2s;width:28px}.bar-chart-count{font-size:.85rem;margin-bottom:2px}.bar-chart-label{color:#334155;font-size:.82rem;margin-top:2px}.empty-bar-chart{color:#64748b;font-size:.95rem;padding:18px 0}:root{--pipedrive-blue:#2d5be3;--pipedrive-blue-light:#e8edff;--pipedrive-blue-dark:#1e40af;--pipedrive-gray:#f8fafc;--pipedrive-border:#e2e8f0;--pipedrive-success:#10b981;--pipedrive-deal-color:#8b5cf6}.pipedrive-tab{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;padding:20px}.tab-header h1{align-items:center;color:#2d5be3;color:var(--pipedrive-blue);display:flex;font-size:28px;margin-bottom:8px}.tab-header p{color:#4a5568;font-size:16px;margin:0}.card.pipedrive-card{border-top:4px solid #2d5be3;border-top:4px solid var(--pipedrive-blue)}.card-icon-wrapper.pipedrive-bg{background:linear-gradient(135deg,#2d5be3,#1e40af);background:linear-gradient(135deg,var(--pipedrive-blue) 0,var(--pipedrive-blue-dark) 100%)}.card-header h3{color:#2d5be3;color:var(--pipedrive-blue)}.pipedrive-info{background:#e8edff;background:var(--pipedrive-blue-light);border-left:4px solid #2d5be3;border-left:4px solid var(--pipedrive-blue);border-radius:8px;margin-top:15px;padding:12px}.pipedrive-info .info-item{align-items:center;display:flex;font-size:14px;gap:10px;margin-bottom:8px}.pipedrive-info .info-item:last-child{margin-bottom:0}.btn-primary.pipedrive-btn{background:linear-gradient(135deg,#2d5be3,#1e40af);background:linear-gradient(135deg,var(--pipedrive-blue) 0,var(--pipedrive-blue-dark) 100%)}.btn-primary.pipedrive-btn:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);background:linear-gradient(135deg,var(--pipedrive-blue-dark) 0,#1e3a8a 100%);box-shadow:0 4px 12px #2d5be34d;transform:translateY(-1px)}.feature-note{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;color:#8b5cf6;color:var(--pipedrive-deal-color);display:flex;gap:8px;margin-top:10px;padding:10px}.status-indicator.connected .status-dot{background-color:#10b981;background-color:var(--pipedrive-success);box-shadow:0 0 0 3px #10b98133}.status-badge.synced{background:none;color:#10b981;color:var(--pipedrive-success)}.users-table tr.synced{background:#10b9810d}.users-table tr.pending{background:#2d5be30d}.sync-progress-card{background:linear-gradient(135deg,#2d5be3,#8b5cf6);background:linear-gradient(135deg,var(--pipedrive-blue) 0,var(--pipedrive-deal-color) 100%);color:#fff}.user-info .user-company{color:#2d5be3;color:var(--pipedrive-blue);font-size:12px;font-weight:500;margin-top:2px}.modal-content{border-top:4px solid #2d5be3;border-top:4px solid var(--pipedrive-blue)}.stats-card:hover{border-color:#2d5be3;border-color:var(--pipedrive-blue);transform:translateY(-2px)}.step-number{background:#2d5be3;background:var(--pipedrive-blue);color:#fff}@media (max-width:768px){.pipedrive-tab{padding:15px}.header-actions{flex-wrap:wrap;gap:10px}.btn{font-size:13px;padding:8px 16px}}.loading-state{padding:40px 20px;text-align:center}.loading-state p{color:#666;margin-top:15px}.empty-state{color:#718096;padding:40px 20px;text-align:center}.deal-indicator{align-items:center;background:#8b5cf61a;border-radius:12px;color:#8b5cf6;color:var(--pipedrive-deal-color);display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-left:8px;padding:2px 8px}.date-separator{align-items:center;display:flex;justify-content:center;margin:1.5rem 0 .5rem;position:relative}.date-separator span{background:#e2e8f0;border-radius:1.2rem;box-shadow:0 1px 2px #00000008;color:#64748b;font-size:.95rem;font-weight:500;letter-spacing:.02em;padding:.3rem 1.2rem}.master-inbox-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 16px -2px #00000014;display:flex;height:85vh;margin:48px 20px 20px;overflow:hidden}.inbox-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:250px;padding-top:16px;width:370px}.sidebar-header-search{align-items:center;display:flex;flex-shrink:1;justify-content:space-between;margin-bottom:12px;min-width:0;overflow:visible;padding:0 16px}.sidebar-header-search h3{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;gap:.5rem;margin:0}.header-actions{flex-shrink:0;gap:.5rem}.header-actions,.sync-btn{align-items:center;display:flex;min-width:0}.sync-btn{background:#3b82f6;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.82rem;font-weight:500;gap:.18rem;max-width:90px;overflow:hidden;padding:.32rem .6rem;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.sync-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.sync-btn:disabled{background:#94a3b8;cursor:not-allowed}.sync-btn .spinning{animation:spin 1s linear infinite;margin-right:2px}.refresh-btn{background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s}.refresh-btn:hover{background:#e2e8f0;color:#3b82f6}.search-bar{padding:0 16px 16px;position:relative}.search-bar .search-icon{color:#94a3b8;left:1.8rem;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.search-bar input{border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s;width:100%}.search-bar input:focus{border-color:#3b82f6}.conversation-list{flex:1 1;overflow-y:auto;padding:8px 12px 12px}.convo-item{border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px 10px;transition:all .2s ease}.convo-item:hover{background-color:#f1f5f9;transform:translateX(2px)}.convo-item.active{background-color:#eff6ff;border-left:4px solid #3b82f6;box-shadow:0 2px 8px #3b82f626}.convo-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:44px;justify-content:center;width:44px}.convo-details{flex:1 1;min-width:0}.convo-top{display:flex;justify-content:space-between;margin-bottom:.25rem}.convo-name{color:#1e293b;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo-time{color:#94a3b8;font-size:.75rem}.convo-preview{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{background-color:#3b82f6;height:8px;width:8px}.status-dot,.unread-badge{border-radius:50%;flex-shrink:0}.unread-badge{align-items:center;background-color:#10b981;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;margin-right:6px;min-width:20px}.inbox-main{background:#fff;display:flex;flex:2 1;flex-direction:column;position:relative}.chat-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:8px 16px}.chat-header,.chat-header-user{align-items:center;display:flex;gap:10px}.user-avatar-large{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;height:32px;justify-content:center;width:32px}.chat-header h4{color:#1e293b;font-size:.88rem;font-weight:600;margin:0}.chat-header span{color:#64748b;font-size:.75rem}.chat-messages{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:24px}.message-row{display:flex;width:100%}.message-row.sent{justify-content:flex-end}.message-row.received{justify-content:flex-start}.message-bubble{border-radius:14px;box-shadow:0 2px 4px #00000014;max-width:60%;overflow-wrap:anywhere;padding:8px 12px;position:relative;transition:all .2s ease;white-space:pre-line;word-break:break-word}.message-row:hover .message-bubble{box-shadow:0 4px 12px #0000001f}.sent .message-bubble{background:#3b82f6;border-bottom-right-radius:2px;color:#fff}.sent .message-bubble:hover{background:#2563eb}.received .message-bubble{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:2px;color:#1e293b}.received .message-bubble:hover{background:#f8fafc;border-color:#3b82f6}.message-sender-info{font-size:.75rem;font-weight:600;margin-bottom:6px;opacity:0;transition:opacity .2s ease}.message-row:hover .message-sender-info{opacity:1}.sent .message-sender-info{color:#ffffffd9}.received .message-sender-info{color:#3b82f6}.message-text{font-size:.95rem;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.message-meta{align-items:center;display:flex;font-size:.7rem;gap:.25rem;justify-content:flex-end;margin-top:.5rem;opacity:.8}.chat-input-area{background:#f8fafc;border-top:1px solid #e2e8f0;padding:10px 16px}.input-wrapper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;display:flex;gap:6px;padding:5px 10px;transition:all .2s ease}.input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.account-selector{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(180deg,#f8fbff,#f1f5f9);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2362748b' 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:14px;border:1px solid #d7e3f4;border-radius:7px;box-shadow:0 1px 2px #0f172a0f;color:#0f172a;cursor:pointer;flex-shrink:0;font-size:.74rem;font-weight:600;height:29px;min-width:140px;padding:4px 20px 4px 9px;transition:all .2s ease}.account-selector:hover{background:#fff;border-color:#3b82f6;box-shadow:0 2px 6px #3b82f62e}.account-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e;outline:none}.account-selector option{background:#fff;color:#0f172a;font-size:.72rem;font-weight:500;padding:6px 8px}.input-wrapper input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:.82rem;outline:none;padding:4px 4px 4px 5px}.input-wrapper input::placeholder{color:#9aa5b5;font-size:.82rem}.send-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s ease;width:34px}.send-btn:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-2px)}.send-btn:disabled{background:#94a3b8;cursor:not-allowed}.no-selection{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.large-icon{font-size:4rem;opacity:.2}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:600px){.sync-btn{font-size:0;max-width:36px;padding:.32rem .5rem}.sync-btn .spinning,.sync-btn svg{font-size:1.1rem}}.scroll-to-bottom-btn{align-items:center;animation:fadeIn .3s ease;background:#3b82f6;border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:42px;justify-content:center;position:absolute;right:30px;transition:all .3s ease;width:42px;z-index:10}.scroll-to-bottom-btn:hover{background:#2563eb;box-shadow:0 6px 16px #3b82f680;transform:scale(1.1)}.scroll-to-bottom-btn:active{transform:scale(.95)}.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 (min-width:769px){.page-header{display:none;height:0;margin:0;padding:0}}@media print{.sidebar{display:none}.main-content{margin-left:0!important}}
/*# sourceMappingURL=main.192c18f4.css.map*/