*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1419;color:#e2e8f0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(15,20,25,.5)}::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5);background-clip:content-box}.container{max-width:1400px;margin:0 auto;padding:0 20px}.card{background:rgba(26,29,46,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{border-color:rgba(102,126,234,.3);box-shadow:0 8px 24px rgba(0,0,0,.4);transition:all .3s ease}@media (max-width:768px){body{padding-left:0!important}}.fade-in{animation:fadeIn .4s ease-out}h1,h2,h3,h4,h5,h6{color:#f7fafc;font-weight:600;line-height:1.3;margin-bottom:16px}h1{font-size:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:26px}h3{font-size:22px}p{line-height:1.6;color:#cbd5e0}button{font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-primary{padding:12px 24px;border-radius:10px;font-weight:500;font-size:15px;box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-primary:hover{box-shadow:0 6px 20px rgba(102,126,234,.5)}.btn-primary:active{transform:translateY(0)}input,select,textarea{background:rgba(26,29,46,.6);border:1px solid hsla(0,0%,100%,.1);color:#e2e8f0;padding:12px 16px;border-radius:10px;font-size:15px;transition:all .2s ease;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);background:rgba(26,29,46,.8)}input::placeholder,textarea::placeholder{color:#718096}table{width:100%;border-collapse:initial;border-spacing:0;background:rgba(26,29,46,.6);border-radius:12px;overflow:hidden}thead{background:rgba(102,126,234,.1)}th{text-align:left;font-weight:600;color:#f7fafc;font-size:14px;text-transform:uppercase;letter-spacing:.5px}td,th{padding:16px}td{border-top:1px solid hsla(0,0%,100%,.05);color:#cbd5e0}tr:hover{background:rgba(102,126,234,.05)}.loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid rgba(102,126,234,.3);border-top-color:#667eea;animation:spin .8s linear infinite}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;grid-gap:6px;gap:6px}.badge-success{background:rgba(72,187,120,.1);color:#68d391;border:1px solid rgba(72,187,120,.2)}.badge-warning{background:rgba(237,137,54,.1);color:#ed8936;border:1px solid rgba(237,137,54,.2)}.badge-error{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}.badge-info{background:rgba(102,126,234,.1);color:#667eea;border:1px solid rgba(102,126,234,.2)}:root{--sidebar-width:280px;--sidebar-collapsed-width:80px;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-color:#667eea;--secondary-color:#764ba2;--dark-bg:#1a1d2e;--darker-bg:#151723;--text-primary:#fff;--text-secondary:#a0aec0;--hover-bg:rgba(102,126,234,0.1);--active-bg:rgba(102,126,234,0.15);--border-color:hsla(0,0%,100%,0.1);--shadow-lg:0 10px 40px rgba(0,0,0,0.3);--transition-speed:0.3s}.sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-width);background:var(--dark-bg);background-image:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05)),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E");border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000;transition:width var(--transition-speed) cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;min-height:80px;background:rgba(0,0,0,.2)}.logo-container{grid-gap:12px;gap:12px;flex:1 1}.logo-container,.logo-icon{display:flex;align-items:center}.logo-icon{width:40px;height:40px;background:var(--primary-gradient);border-radius:12px;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(102,126,234,.4)}.logo-icon svg{width:24px;height:24px;color:#fff}.logo-text{font-size:20px;font-weight:700;white-space:nowrap;background:var(--primary-gradient)}.logo-text,.toggle-btn{color:var(--text-primary)}.toggle-btn{width:36px;height:36px;border-radius:10px;background:rgba(102,126,234,.1);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.toggle-btn:hover{background:var(--primary-color);transform:scale(1.05);box-shadow:0 4px 12px rgba(102,126,234,.3)}.toggle-btn svg{width:20px;height:20px}.user-profile{padding:24px 20px;border-bottom:1px solid var(--border-color);grid-gap:12px;gap:12px;background:rgba(0,0,0,.1)}.user-avatar,.user-profile{display:flex;align-items:center}.user-avatar{width:48px;height:48px;border-radius:14px;background:var(--primary-gradient);justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px rgba(102,126,234,.3);border:2px solid hsla(0,0%,100%,.2)}.user-info{display:flex;flex-direction:column;grid-gap:4px;gap:4px;overflow:hidden;flex:1 1}.user-name{color:var(--text-primary);font-weight:600;font-size:15px;text-transform:capitalize}.user-email,.user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{color:var(--text-secondary);font-size:12px}.sidebar.collapsed .user-info{display:none}.sidebar-nav{flex:1 1;padding:20px 12px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.menu-item{display:flex;align-items:center;padding:14px 16px;border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;grid-gap:12px;gap:12px;cursor:pointer;border:1px solid transparent}.menu-item:hover{background:var(--hover-bg);color:var(--text-primary);transform:translateX(4px);border-color:rgba(102,126,234,.2)}.menu-item.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.4);border-color:transparent}.menu-item.active:hover{transform:translateX(0)}.menu-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.menu-icon,.menu-item-icon{width:24px;height:24px}.menu-item-text{font-size:15px;font-weight:500;white-space:nowrap;flex:1 1}.sidebar.collapsed .menu-item{justify-content:center;padding:14px}.sidebar.collapsed .menu-item-text{display:none}.active-indicator{position:absolute;right:-12px;width:4px;height:70%;background:#fff;border-radius:10px 0 0 10px;opacity:0}.menu-item.active .active-indicator{opacity:1}.sidebar-footer{padding:20px 12px;border-top:1px solid var(--border-color);background:rgba(0,0,0,.2)}.logout-button{width:100%;display:flex;align-items:center;grid-gap:12px;gap:12px;padding:14px 16px;border-radius:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#f87171;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.logout-button:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.logout-button svg{flex-shrink:0}.sidebar.collapsed .logout-button{justify-content:center;padding:14px}.sidebar.collapsed .logout-button span{display:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;transition:opacity var(--transition-speed)}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:var(--sidebar-width)}.sidebar.collapsed{transform:translateX(0);width:var(--sidebar-collapsed-width)}.sidebar-overlay.active{display:block;opacity:1}}@media (min-width:769px){.sidebar-overlay{display:none!important}}.menu-item{animation:slideIn .3s ease-out backwards}.menu-item:first-child{animation-delay:.05s}.menu-item:nth-child(2){animation-delay:.1s}.menu-item:nth-child(3){animation-delay:.15s}.menu-item:nth-child(4){animation-delay:.2s}.menu-item:nth-child(5){animation-delay:.25s}.menu-item:before{content:"";position:absolute;inset:0;border-radius:12px;background:var(--primary-gradient);opacity:0;transition:opacity .3s;z-index:-1}.menu-item:hover:before{opacity:.1}.menu-item.active:before{opacity:1}*{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}.dashboard-container{padding:0;background:transparent;min-height:100vh;animation:fadeIn .4s ease-out}.dashboard-container,.modern-calendar{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu",sans-serif}.modern-calendar{border:none!important;background:transparent!important}.modern-calendar .react-calendar__navigation{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0;padding:14px;margin-bottom:0}.modern-calendar .react-calendar__navigation button{background:transparent;color:#fff;border:none;font-size:16px;font-weight:600;min-width:44px;height:44px;border-radius:8px;transition:all .2s ease}.modern-calendar .react-calendar__navigation button:hover{background:hsla(0,0%,100%,.15);transform:scale(1.05)}.modern-calendar .react-calendar__navigation button:disabled{opacity:.4}.modern-calendar .react-calendar__month-view__weekdays{background:rgba(102,126,234,.1);padding:10px 0;font-weight:600;color:#a0aec0;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.modern-calendar .react-calendar__month-view__weekdays__weekday{padding:8px;text-align:center}.modern-calendar .react-calendar__month-view__weekdays abbr{text-decoration:none}.modern-calendar .react-calendar__month-view__days{background:rgba(26,29,46,.6);border-radius:0 0 12px 12px;padding:8px}.modern-calendar .react-calendar__tile{padding:14px 8px;border:none;background:transparent;color:#e2e8f0;font-weight:500;border-radius:8px;transition:all .2s ease;position:relative}.modern-calendar .react-calendar__tile:hover{background:rgba(102,126,234,.2);color:#fff;transform:scale(1.05)}.modern-calendar .react-calendar__tile--active{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:700;box-shadow:0 4px 12px rgba(102,126,234,.4)}.modern-calendar .react-calendar__tile--now{background:rgba(245,124,0,.15);color:#f57c00;font-weight:700;border:2px solid rgba(245,124,0,.3)}.modern-calendar .react-calendar__tile--now:hover{background:rgba(245,124,0,.25)}.modern-calendar .react-calendar__tile--disabled{color:#4a5568;opacity:.4}.modern-calendar .react-calendar__tile--hasActive{background:rgba(102,126,234,.1)}@media (max-width:1200px){.dashboard-container{padding:16px}.dashboard-container>div:first-child{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.dashboard-container>div:nth-child(2){grid-template-columns:1fr;grid-gap:24px;gap:24px}}@media (max-width:768px){.dashboard-container{padding:12px}.dashboard-container>div:first-child{grid-template-columns:1fr;grid-gap:12px;gap:12px}.dashboard-container>div:nth-child(2){grid-template-columns:1fr;grid-gap:16px;gap:16px}}.dashboard-container *{transition:all .3s ease}.dashboard-container ::-webkit-scrollbar{width:6px}.dashboard-container ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dashboard-container ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dashboard-container ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dashboard-container canvas{border-radius:8px}.dashboard-container>div:first-child>div:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.dashboard-container .MuiSvgIcon-root{transition:transform .2s ease}.dashboard-container .MuiSvgIcon-root:hover{transform:scale(1.1)}.dashboard-container .loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:#666}.dashboard-container .error{background:#ffebee;color:#c62828;padding:16px;border-radius:8px;border-left:4px solid #c62828;margin:16px 0}.dashboard-container .empty-state{text-align:center;padding:40px 20px;color:#666;font-style:italic}.dashboard-container .tooltip{position:relative;cursor:help}.dashboard-container .tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000}.dashboard-container .badge{background:#1976d2;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.dashboard-container .divider{height:1px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent);margin:16px 0}.dashboard-container .success{background:#e8f5e8;color:#2e7d32;padding:12px;border-radius:8px;border-left:4px solid #2e7d32;margin:8px 0}.dashboard-container .warning{background:#fff8e1;color:#f57c00;padding:12px;border-radius:8px;border-left:4px solid #f57c00;margin:8px 0}.configuracion-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.configuracion-header{text-align:center;margin-bottom:2.5rem;animation:fadeInDown .6s ease-out}.configuracion-header h1{margin:0 0 .75rem;font-size:1.75rem;font-weight:800;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.2)}.configuracion-header p{margin:0;font-size:.95rem;color:hsla(0,0%,100%,.9);font-weight:500}.configuracion-content{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:1fr;max-width:1400px;margin:0 auto}@media (min-width:992px){.configuracion-content{grid-template-columns:2fr 1fr;align-items:start}}.config-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.15);border:none;animation:fadeInUp .8s ease-out both}.section-header{align-items:flex-start;grid-gap:1rem;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#667eea,#764ba2);border-image-slice:1}.section-icon{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));flex-shrink:0}.section-info h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-info p{margin:0;color:#64748b;font-size:.95rem;line-height:1.5;font-weight:500}.config-form{grid-gap:24px;gap:24px}.config-form,.form-group{display:flex;flex-direction:column}.form-group{grid-gap:8px;gap:8px}.form-group label{font-weight:600;color:#2c3e50;font-size:.95rem;display:flex;align-items:center;grid-gap:4px;gap:4px}.required{color:#e74c3c;font-weight:700}.config-input{padding:16px;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8f9fa;color:#2c3e50}.config-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.config-input:disabled{opacity:.6;cursor:not-allowed}.help-text{color:#7f8c8d;font-size:.85rem;font-style:italic;margin-top:4px}.message{padding:16px;border-radius:12px;font-weight:500;text-align:center;font-size:.95rem;animation:slideIn .3s ease}.message.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.message.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.form-actions{display:flex;justify-content:flex-start;grid-gap:16px;gap:16px;margin-top:16px;flex-wrap:wrap}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;grid-gap:8px;gap:8px;min-width:200px;justify-content:center}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.info-content{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.integrations-section{order:1}.info-section{order:2}.accounts-section{order:3}.info-item{padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border-left:5px solid #667eea;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.info-item:hover{transform:translateX(4px);box-shadow:0 8px 20px rgba(0,0,0,.08);border-left-color:#764ba2}.info-item h4{margin:0 0 .75rem;font-size:1.15rem;font-weight:700;color:#1e293b}.info-item p{margin:0;color:#64748b;font-size:.9rem;line-height:1.6;font-weight:500}@media (max-width:768px){.configuracion-container{padding:16px}.configuracion-header{padding:24px 16px}.configuracion-header h1{font-size:2rem}.config-section{padding:24px 16px}.section-header{flex-direction:column;text-align:center}.section-icon{font-size:2rem}.save-button{width:100%;min-width:auto}}@media (max-width:480px){.configuracion-header h1{font-size:1.8rem}.section-info h2{font-size:1.5rem}}.validate-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;grid-gap:8px;gap:8px;min-width:200px;justify-content:center}.validate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(40,167,69,.3)}.validate-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-info-card{margin-top:24px;padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border:2px solid #28a745;animation:slideIn .5s ease}.user-info-card h3{margin:0 0 20px;font-size:1.3rem;font-weight:600;color:#28a745;text-align:center}.user-info-content{display:flex;grid-gap:20px;gap:20px;align-items:flex-start}.user-picture{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #28a745;flex-shrink:0}.user-details{flex:1 1;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.user-details p{margin:0;font-size:.95rem;color:#2c3e50}.user-details strong{color:#495057;font-weight:600}.profile-link{display:inline-block;margin-top:12px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .3s ease}.profile-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}@media (max-width:768px){.user-info-content{flex-direction:column;text-align:center}.user-picture{align-self:center}.form-actions{flex-direction:column}.save-button,.validate-button{width:100%;min-width:auto}}.existing-configs{margin-bottom:32px}.configs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.existing-configs h3{margin:0;font-size:1.4rem;font-weight:600;color:#2c3e50}.configs-subtitle{margin:6px 0 0;color:#6c757d;font-size:.95rem}.refresh-button{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(40,167,69,.3)}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea575);box-shadow:0 4px 12px rgba(40,167,69,.4);transform:translateY(-1px)}.refresh-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.refresh-button:active:not(:disabled){transform:translateY(0)}.configs-list{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.config-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease}.config-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#dee2e6}.config-header{display:flex;justify-content:space-between;align-items:flex-start;grid-gap:16px;gap:16px;margin-bottom:16px}.config-info h4{margin:0 0 8px;font-size:1.2rem;font-weight:600;color:#2c3e50}.config-info p{margin:0 0 4px;font-size:.9rem;color:#6c757d}.config-actions{display:flex;grid-gap:8px;gap:8px;flex-shrink:0}.delete-button.small,.validate-button.small{padding:8px 16px;font-size:.85rem;border-radius:6px;border:none;cursor:pointer;transition:all .3s ease;font-weight:500;display:flex;align-items:center;grid-gap:6px;gap:6px}.validate-button.small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.validate-button.small:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.validate-button.small:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-button.small{background:#dc3545;color:#fff}.delete-button.small:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,53,69,.4)}.delete-button.small:disabled{opacity:.6;cursor:not-allowed;transform:none}.config-form h3{margin:0 0 20px;font-size:1.3rem;font-weight:600;color:#2c3e50;padding-bottom:12px;border-bottom:2px solid #f8f9fa}@media (max-width:768px){.config-header{flex-direction:column;align-items:stretch;grid-gap:12px;gap:12px}.config-actions{justify-content:flex-start}.delete-button.small,.validate-button.small{flex:1 1;justify-content:center}}@media (max-width:480px){.config-card{padding:16px}.config-info h4{font-size:1.1rem}.config-info p{font-size:.85rem}.delete-button.small,.validate-button.small{padding:6px 12px;font-size:.8rem}}.cancel-button{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;grid-gap:8px;gap:8px}.cancel-button:hover:not(:disabled){background:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px rgba(108,117,125,.4)}.cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.validation-result{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-top:16px}.validation-result .user-info-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px;margin-bottom:16px}.validation-result .user-info-card h4{margin:0 0 12px;font-size:1.1rem;font-weight:600;color:#28a745}@media (max-width:768px){.validation-result{padding:16px}.validation-result .user-info-card{padding:12px}.cancel-button{padding:10px 20px;font-size:.9rem}}.tiendanube-content{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.tiendanube-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:32px;border:2px solid #e9ecef;transition:all .3s ease}.tiendanube-info:hover{border-color:#667eea;box-shadow:0 8px 25px rgba(102,126,234,.1)}.tiendanube-info h3{margin:0 0 16px;font-size:1.5rem;font-weight:600;color:#2c3e50;text-align:center}.tiendanube-info p{margin:0 0 24px;color:#7f8c8d;font-size:1rem;line-height:1.6;text-align:center}.tiendanube-benefits{margin-bottom:32px}.tiendanube-benefits h4{margin:0 0 16px;font-size:1.2rem;font-weight:600;color:#2c3e50;text-align:center}.tiendanube-benefits ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:12px;gap:12px}.tiendanube-benefits li{padding:12px 16px;background:#fff;border-radius:8px;border-left:4px solid #667eea;font-size:.95rem;color:#2c3e50;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.tiendanube-benefits li:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.tiendanube-actions{display:flex;flex-direction:column;grid-gap:24px;gap:24px;align-items:center}.tiendanube-help{background:#fff;border-radius:12px;padding:24px;border:2px solid #e9ecef;max-width:500px;width:100%}.tiendanube-help p{margin:0;color:#6c757d;font-size:.95rem;line-height:1.6;text-align:left}.tiendanube-help strong{color:#2c3e50;font-weight:600}@media (max-width:768px){.tiendanube-info{padding:24px 16px}.tiendanube-info h3{font-size:1.3rem}.tiendanube-benefits ul{grid-template-columns:1fr}.connect-tiendanube-button{min-width:auto;width:100%;padding:18px 24px;font-size:1rem}.tiendanube-help{padding:20px 16px}}@media (max-width:480px){.tiendanube-info{padding:20px 12px}.tiendanube-benefits li{padding:10px 12px;font-size:.9rem}.connect-tiendanube-button{padding:16px 20px;font-size:.95rem}.tiendanube-help{padding:16px 12px}.tiendanube-help p{font-size:.9rem}}.integrations-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}@media (min-width:900px){.integrations-grid{grid-template-columns:1fr 1fr}}.integration-card{background:linear-gradient(180deg,#fff 0,#f8fafc);border-radius:20px;padding:2rem;border:2px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.integration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.integration-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(0,0,0,.12);border-color:#667eea}.integration-card:hover:before{transform:scaleX(1)}.integration-title{margin:0 0 1rem;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.integration-description{margin:0 0 1.5rem;color:#64748b;line-height:1.6;font-size:.95rem}.integration-benefits h4{margin:0 0 1rem;font-size:1.15rem;font-weight:700;color:#1e293b}.integration-benefits ul{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;grid-gap:.75rem;gap:.75rem}.integration-benefits li{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:.875rem 1rem;border-left:4px solid #667eea;color:#1e293b;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.integration-benefits li:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(102,126,234,.15);border-left-color:#764ba2}.integration-actions{margin-top:16px;display:flex;justify-content:flex-start}.connect-ml-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;grid-gap:.75rem;gap:.75rem;box-shadow:0 8px 25px rgba(102,126,234,.3)}.connect-ml-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(102,126,234,.4);background:linear-gradient(135deg,#5a6fd8,#6a4190)}.connect-ml-button:active{transform:translateY(-1px)}.ml-card .integration-benefits li{border-left-color:#667eea}.ml-card .integration-benefits li:hover{border-left-color:#764ba2}.tn-card .integration-benefits li{border-left-color:#667eea}.tn-card .integration-benefits li:hover{border-left-color:#764ba2}.connect-tiendanube-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;grid-gap:.75rem;gap:.75rem;box-shadow:0 8px 25px rgba(102,126,234,.3)}.connect-tiendanube-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px rgba(102,126,234,.4);background:linear-gradient(135deg,#5a6fd8,#6a4190)}.connect-tiendanube-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.connect-tiendanube-button:active:not(:disabled){transform:translateY(-1px)}.stock-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem 2rem 1rem}.stock-header{display:flex;align-items:center;justify-content:space-between;grid-gap:1rem;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;animation:fadeInDown .6s ease-out;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2)}.title{font-size:2rem;font-weight:800;margin:0;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);letter-spacing:.5px}.actions{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;flex-wrap:wrap}.input{padding:.625rem 1rem;border:2px solid hsla(0,0%,100%,.3);border-radius:12px;min-width:280px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.95rem;font-weight:500;transition:all .3s ease;color:#1e293b}.input:focus{outline:none;border-color:#fff;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15)}.input::placeholder{color:#64748b}.upload-label{display:inline-flex;align-items:center;padding:.625rem 1.25rem;border:2px dashed hsla(0,0%,100%,.5);border-radius:12px;cursor:pointer;color:#fff;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-label:hover{background:hsla(0,0%,100%,.2);border-color:#fff;transform:translateY(-2px)}.upload-label:focus{outline:2px solid #fff;outline-offset:2px}.file-input{display:none}.btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.625rem 1.5rem;border-radius:12px;border:none;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(16,185,129,.3)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,185,129,.4);background:linear-gradient(135deg,#059669,#047857)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.1)}.btn-secondary:hover:not(:disabled){background:hsla(0,0%,100%,.3);box-shadow:0 8px 20px rgba(0,0,0,.15)}.alert{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #fca5a5;border-radius:12px;box-shadow:0 4px 12px rgba(239,68,68,.2)}.alert,.success{padding:.75rem 1rem;font-weight:600;font-size:.9rem;animation:fadeIn .5s ease-out}.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #6ee7b7;border-radius:12px;box-shadow:0 4px 12px rgba(16,185,129,.2)}.cache-indicator{position:fixed;top:5rem;right:1.5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:2px solid #93c5fd;padding:.5rem;border-radius:50%;font-size:1.25rem;font-weight:700;animation:fadeIn .5s ease-out;box-shadow:0 4px 12px rgba(59,130,246,.3);cursor:help;z-index:100;width:40px;height:40px;justify-content:center;transition:all .3s ease}.cache-indicator:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(59,130,246,.4)}.cache-indicator:after{content:"Datos desde cache (hace menos de 50 min)";position:absolute;top:50%;right:110%;transform:translateY(-50%);background:#1e293b;color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.2)}.cache-indicator:hover:after{opacity:1}.progress-panel{display:grid;grid-gap:.75rem;gap:.75rem;background:#fff;border:2px solid #e2e8f0;padding:1.5rem;border-radius:16px;animation:fadeInUp .5s ease-out;box-shadow:0 10px 40px rgba(0,0,0,.1)}.progress-row{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.progress-bar{flex:1 1;height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-label{min-width:48px;text-align:right;color:#1e293b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:1rem}.progress-time{color:#64748b;font-size:.875rem;font-weight:600}.table-wrapper{overflow:auto;border:none;border-radius:20px;animation:fadeInUp .8s ease-out .2s both;box-shadow:0 20px 60px rgba(0,0,0,.15);max-height:calc(100vh - 280px);min-height:450px}.table{width:100%;border-collapse:initial;border-spacing:0;background:#fff}.table thead th{position:-webkit-sticky;position:sticky;top:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:left;font-weight:700;padding:1.25rem 1rem;border-bottom:none;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:10}.table tbody td{padding:.65rem .875rem;border-bottom:1px solid #e2e8f0;transition:background .2s ease;font-size:.875rem}.table tbody tr:hover td{background:#f8fafc}.parent-row{background:#fff}.parent-row td{font-weight:600}.title-cell{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;flex-wrap:wrap}.parent-title{font-weight:700;color:#1e293b;font-size:.85rem;line-height:1.3}.badge{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.permalink-link{color:#667eea;text-decoration:none;font-size:1.125rem;transition:all .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.permalink-link:hover{transform:scale(1.2);filter:drop-shadow(0 4px 8px rgba(102,126,234,.3))}.status-cell{text-align:center}.status-badge{padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px rgba(16,185,129,.2)}.status-paused{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 2px 8px rgba(245,158,11,.2)}.status-closed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 2px 8px rgba(239,68,68,.2)}.status-unknown{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.variation-cell{padding-left:2.5rem!important;color:#64748b;font-weight:500;font-size:.9rem}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:#1e293b;font-size:.95rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:#475569;font-weight:600;font-size:.875rem;background:#f1f5f9;padding:.25rem .5rem;border-radius:6px}.validation-panel{border:2px solid #fca5a5;background:linear-gradient(180deg,#fff1f2 0,#fee2e2);color:#7f1d1d;padding:1.5rem;border-radius:16px;display:grid;grid-gap:1.25rem;gap:1.25rem;animation:fadeInUp .5s ease-out;box-shadow:0 10px 40px rgba(239,68,68,.15)}.validation-block{display:grid;grid-gap:.75rem;gap:.75rem}.validation-title{font-weight:700;font-size:1rem;color:#991b1b}.validation-items{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.validation-chip{background:#fff;color:#991b1b;border:2px solid #fca5a5;border-radius:999px;padding:.375rem .875rem;font-size:.8rem;font-weight:600}.validation-list{display:grid;grid-gap:.375rem;gap:.375rem;font-size:.9rem}.validation-more{color:#991b1b;font-size:.875rem;font-weight:600;font-style:italic}.editable-cell{position:relative}.editable-value{cursor:pointer;padding:.375rem .625rem;border-radius:8px;transition:all .2s ease;display:inline-block}.editable-value:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 2px 8px rgba(59,130,246,.2)}.edit-controls{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;min-width:140px}.stock-input{width:70px;padding:.375rem .5rem;border:2px solid #667eea;border-radius:8px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:.95rem}.stock-input:focus{outline:none;border-color:#764ba2;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.cancel-btn,.save-btn{background:none;border:none;cursor:pointer;padding:.375rem .5rem;border-radius:6px;font-size:1rem;line-height:1;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .2s ease}.save-btn{color:#16a34a}.save-btn:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);transform:scale(1.1)}.cancel-btn{color:#dc2626}.cancel-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out}.modal-header{justify-content:space-between;padding:1.5rem 1.75rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(90deg,#f8fafc 0,#fff)}.modal-header,.modal-header h3{display:flex;align-items:center}.modal-header h3{margin:0;font-size:1.25rem;font-weight:800;color:#dc2626;grid-gap:.5rem;gap:.5rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:.375rem;border-radius:8px;line-height:1;transition:all .2s ease;font-weight:700}.modal-close:hover{background:#f1f5f9;color:#1e293b;transform:rotate(90deg)}.modal-body{padding:1.5rem 1.75rem}.modal-body p{margin:0 0 1rem;color:#475569;line-height:1.6;font-size:.95rem}.modal-body p:last-child{margin-bottom:0}.modal-body strong{color:#1e293b;font-weight:700}.modal-footer{padding:1.25rem 1.75rem;border-top:2px solid #e2e8f0;display:flex;justify-content:flex-end;background:linear-gradient(90deg,#fff 0,#f8fafc)}@media (max-width:1024px){.actions,.stock-header{flex-direction:column;align-items:stretch}.input{min-width:auto}}@media (max-width:768px){.stock-container{padding:1rem}.title{font-size:1.5rem}.cache-indicator{top:4rem;right:1rem;width:36px;height:36px;font-size:1.1rem}.cache-indicator:after{font-size:.75rem;padding:.4rem .6rem}.table-wrapper{max-height:calc(100vh - 380px);min-height:300px}.table thead th{padding:1rem .75rem;font-size:.75rem}.table tbody td{padding:.75rem}.parent-title,.table tbody td{font-size:.875rem}.badge{font-size:.7rem;padding:.2rem .6rem}.mono{font-size:.8rem}.variation-cell{padding-left:1.5rem!important}}@media (max-width:480px){.stock-container{padding:.75rem}.title{font-size:1.25rem}.cache-indicator{top:3.5rem;right:.75rem;width:32px;height:32px;font-size:1rem}.cache-indicator:after{font-size:.7rem;padding:.35rem .5rem;right:105%}.table-wrapper{max-height:calc(100vh - 420px);min-height:250px}.table thead th{padding:.75rem .5rem}.table tbody td{padding:.5rem}.modal-body,.modal-footer,.modal-header{padding:1rem 1.25rem}}.table-controls{justify-content:space-between;padding:.875rem 1rem;background:#fff;border-radius:16px 16px 0 0;border-bottom:2px solid #e2e8f0;grid-gap:.75rem;gap:.75rem}.table-controls,.table-info{display:flex;align-items:center;flex-wrap:wrap}.table-info{grid-gap:1rem;gap:1rem}.results-count{font-weight:600;color:#1e293b;font-size:.95rem}.clear-filters-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(239,68,68,.2)}.clear-filters-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.pagination-controls{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.items-per-page{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-weight:600;color:#1e293b;font-size:.95rem}.page-size-select{padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;color:#1e293b}.page-size-select:hover{border-color:#667eea}.page-size-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.th-content{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;align-items:flex-start}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;display:inline-flex;align-items:center;grid-gap:.25rem;gap:.25rem;padding:.25rem .5rem;border-radius:6px}.sortable:hover{background:hsla(0,0%,100%,.2)}.column-filter{padding:.375rem .625rem;border:1px solid hsla(0,0%,100%,.3);border-radius:6px;background:hsla(0,0%,100%,.15);color:#fff;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease;width:100%;max-width:200px}.column-filter:hover{background:hsla(0,0%,100%,.25)}.column-filter:focus{outline:none;background:hsla(0,0%,100%,.3);box-shadow:0 0 0 2px hsla(0,0%,100%,.5)}.column-filter option{background:#1e293b;color:#fff}.pagination{display:flex;align-items:center;justify-content:center;grid-gap:.375rem;gap:.375rem;padding:.75rem;background:#fff;border-radius:0 0 16px 16px;flex-wrap:wrap;animation:fadeIn .5s ease-out}.pagination-pages{display:flex;grid-gap:.25rem;gap:.25rem}.pagination-btn{min-width:32px;height:32px;padding:.375rem .5rem;border:2px solid #e2e8f0;background:#fff;color:#1e293b;font-weight:700;font-size:.875rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3)}.pagination-info{margin-left:.75rem;font-weight:600;color:#64748b;font-size:.85rem}@media (max-width:768px){.table-controls{padding:1rem}.table-controls,.table-info{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}.th-content{grid-gap:.375rem;gap:.375rem}.column-filter{font-size:.75rem;padding:.3rem .5rem}.sortable{font-size:.8rem;padding:.2rem .4rem}.pagination{padding:1rem;grid-gap:.375rem;gap:.375rem}.pagination-btn{min-width:36px;height:36px;font-size:.875rem}.pagination-info{width:100%;text-align:center;margin-left:0;margin-top:.5rem}}@media (max-width:480px){.table-controls{padding:.75rem}.results-count{font-size:.85rem}.pagination-btn{min-width:32px;height:32px;font-size:.8rem;padding:.375rem .5rem}.pagination-pages{grid-gap:.25rem;gap:.25rem}}.engagement-container{padding:2rem;background:linear-gradient(180deg,#f8fafc 0,#fff);min-height:600px;width:100%;box-sizing:border-box;overflow-x:hidden}.engagement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#667eea,#764ba2);border-image-slice:1;animation:fadeInDown .5s ease-out}.engagement-header h2{margin:0;color:#1e293b;font-size:2rem;font-weight:800;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.engagement-controls{display:flex;align-items:center;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.cache-indicator{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0284c7;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;box-shadow:0 2px 8px rgba(2,132,199,.15);animation:fadeIn .5s ease}.date-range-select{padding:.625rem 1rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#475569}.date-range-select:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15)}.date-range-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.refresh-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(102,126,234,.3);display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.4)}.refresh-btn:active{transform:translateY(0)}.engagement-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem;animation:fadeInUp .6s ease-out .1s both;max-width:100%}.metric-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;grid-gap:.75rem;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.05);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.metric-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.12);border-color:#667eea}.metric-card:hover:before{transform:scaleX(1)}.metric-icon{font-size:2.25rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease}.metric-card:hover .metric-icon{transform:scale(1.1) rotate(5deg)}.metric-content{flex:1 1}.metric-content h3{margin:0 0 .25rem;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:1px;font-weight:700}.metric-value{font-size:1.75rem;font-weight:800;color:#1e293b;margin-bottom:.25rem;line-height:1;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-subtitle{font-size:.7rem;color:#94a3b8;font-weight:600}.temporal-data-section{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:2rem;margin-bottom:2.5rem;box-shadow:0 10px 40px rgba(0,0,0,.06);animation:fadeInUp .6s ease-out .2s both;max-width:100%;overflow:hidden}.temporal-data-section h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.5rem;font-weight:800;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.temporal-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;max-width:100%}.temporal-questions,.temporal-views{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:1.5rem;border:2px solid #e2e8f0;min-width:0;overflow:hidden}.temporal-questions h4,.temporal-views h4{margin:0 0 1rem;color:#334155;font-size:1.15rem;font-weight:700;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.temporal-table{overflow-x:auto;border-radius:12px;max-width:100%}.temporal-table table{width:100%;min-width:400px;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.temporal-table td,.temporal-table th{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.temporal-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.temporal-table tbody tr{transition:all .2s ease}.temporal-table tbody tr:hover{background:#f8fafc;transform:scale(1.01)}.temporal-table tbody tr:nth-child(2n){background:#f9fafb}.temporal-table tbody tr:nth-child(2n):hover{background:#f1f5f9}.views-number{color:#3b82f6}.questions-number,.views-number{font-weight:700;font-size:1.1rem}.questions-number{color:#f59e0b}.no-data{text-align:center;color:#94a3b8;font-style:italic;padding:2rem;background:#fff;border-radius:12px;border:2px dashed #cbd5e1;font-weight:500}.engagement-charts{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2.5rem;max-width:100%}.chart-section{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.06);animation:fadeInUp .6s ease-out .3s both;min-width:0;overflow:hidden}.chart-section h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.3rem;font-weight:800;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.top-engagement-table,.top-products-table{width:100%;overflow-x:auto;border-radius:12px;max-width:100%}.top-engagement-table table,.top-products-table table{width:100%;min-width:600px;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.top-engagement-table td,.top-engagement-table th,.top-products-table td,.top-products-table th{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.top-engagement-table th,.top-products-table th{background:linear-gradient(90deg,#f8fafc,#f1f5f9);font-weight:700;color:#475569;font-size:.85rem;text-transform:uppercase;letter-spacing:.8px}.top-engagement-table tbody tr,.top-products-table tbody tr{transition:all .2s ease}.top-engagement-table tbody tr:hover,.top-products-table tbody tr:hover{background:linear-gradient(90deg,#f8fafc,#fff);transform:scale(1.01)}.rank{font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:70px}.questions,.views{font-weight:700;color:#1e293b;font-size:1rem}.engagement{text-align:center}.engagement-badge{padding:.5rem .75rem;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;box-shadow:0 2px 8px rgba(0,0,0,.1)}.engagement-badge.low{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.engagement-badge.medium{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412}.engagement-badge.high{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#166534}.engagement-badge.very-high{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e3a8a}.title{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:.9rem;font-weight:500}.engagement-insights{margin-top:2.5rem;animation:fadeInUp .6s ease-out .4s both}.engagement-insights h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.75rem;font-weight:800;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem}.insight-card{background:#fff;border-radius:20px;padding:1.75rem;border-left:5px solid #667eea;box-shadow:0 8px 30px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.insight-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.03),rgba(118,75,162,.03));opacity:0;transition:opacity .3s ease}.insight-card:hover:before{opacity:1}.insight-card:hover{transform:translateY(-6px);box-shadow:0 16px 50px rgba(0,0,0,.15)}.insight-card.warning{border-left-color:#f59e0b}.insight-card.success{border-left-color:#10b981}.insight-card.info{border-left-color:#3b82f6}.insight-icon{font-size:2rem;margin-bottom:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.insight-content{position:relative;z-index:1}.insight-content h4{margin:0 0 .75rem;color:#1e293b;font-size:1.2rem;font-weight:700}.insight-content p{margin:0 0 1rem;color:#64748b;line-height:1.6;font-size:.95rem}.insight-action{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem;border-radius:12px;font-size:.9rem;border-left:3px solid #667eea;line-height:1.5}.insight-action strong{color:#1e293b;font-weight:700;display:block;margin-bottom:.25rem}.engagement-empty,.engagement-error,.engagement-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:500px;color:#64748b;text-align:center}.engagement-loading .spinner{width:50px;height:50px;border:4px solid rgba(102,126,234,.1);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}.engagement-loading p{font-size:1.1rem;font-weight:600}.engagement-error{color:#ef4444}.engagement-error h3{font-size:1.5rem;margin-bottom:.5rem}.retry-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;cursor:pointer;margin-top:1rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px rgba(239,68,68,.3)}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(239,68,68,.4)}@media (max-width:1200px){.engagement-charts,.temporal-grid{grid-template-columns:1fr}.temporal-grid{grid-gap:1.5rem;gap:1.5rem}}@media (max-width:1024px){.engagement-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.engagement-container{padding:1rem}.engagement-header{flex-direction:column;grid-gap:1rem;gap:1rem;align-items:flex-start}.engagement-header h2{font-size:1.5rem}.engagement-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.cache-indicator{order:3;width:100%;justify-content:center}.engagement-metrics{grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.temporal-data-section{padding:1.25rem}.temporal-questions,.temporal-views{padding:1rem}.chart-section{padding:1.25rem}.insights-grid{grid-template-columns:1fr}.title{max-width:120px}.metric-value{font-size:2rem}.metric-icon{font-size:2.5rem}.temporal-table td,.temporal-table th,.top-engagement-table td,.top-engagement-table th,.top-products-table td,.top-products-table th{padding:.75rem .5rem;font-size:.85rem}}@media (max-width:480px){.engagement-container{padding:.75rem}.engagement-header h2{font-size:1.25rem}.temporal-data-section h3{font-size:1.15rem}.chart-section h3{font-size:1.1rem}.metric-card{padding:1rem}.metric-icon{font-size:2rem}.metric-value{font-size:1.5rem}.date-range-select,.refresh-btn{font-size:.8rem;padding:.5rem .75rem}.title{max-width:100px;font-size:.8rem}}@media (max-width:480px){.engagement-metrics{grid-template-columns:1fr}}.analytics-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.analytics-header{text-align:center;margin-bottom:2.5rem;animation:fadeInDown .6s ease-out}.header-content{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.15)}.header-title{display:flex;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.header-title h1{font-size:1.75rem;font-weight:800;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-badge{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;box-shadow:0 4px 15px rgba(102,126,234,.3);animation:pulse 2s ease-in-out infinite}.badge-text,.header-badge{font-weight:600}.analytics-subtitle{color:#64748b;font-size:.95rem;margin:0;font-weight:500}.analytics-tabs-wrapper{margin-bottom:2rem;animation:fadeIn .8s ease-out .2s both}.analytics-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;max-width:1200px;margin:0 auto}.analytics-tab{position:relative;display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:1.5rem;border:none;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;text-align:left;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden}.analytics-tab:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15);background:#fff}.analytics-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 12px 40px rgba(102,126,234,.4);transform:translateY(-4px)}.analytics-tab.active .tab-description{color:hsla(0,0%,100%,.9)}.tab-icon{font-size:2rem;transition:transform .3s ease;flex-shrink:0}.analytics-tab:hover .tab-icon{transform:scale(1.1) rotate(5deg)}.analytics-tab.active .tab-icon{transform:scale(1.15);filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.tab-content{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem;flex:1 1}.tab-label{font-weight:700;font-size:1.1rem;display:block}.tab-description{font-size:.85rem;color:#64748b;font-weight:500;line-height:1.3}.tab-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background:hsla(0,0%,100%,.5);animation:slideIn .3s ease}.analytics-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.15);min-height:600px;animation:fadeInUp .8s ease-out .4s both;overflow:hidden;max-width:100%}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:500px;color:#64748b}.analytics-loading .spinner{width:50px;height:50px;border:4px solid rgba(102,126,234,.1);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}.analytics-error{text-align:center;padding:4rem 2rem;color:#ef4444}.analytics-error h3{margin-bottom:1rem;font-size:1.5rem}.analytics-error p{color:#64748b;margin-bottom:1.5rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:768px){.analytics-container{padding:1rem}.header-content{padding:1.5rem}.header-title{flex-direction:column}.header-title h1{font-size:2rem}.analytics-subtitle{font-size:1rem}.analytics-tabs{grid-template-columns:1fr}.analytics-tab{padding:1.25rem}.tab-icon{font-size:1.75rem}.tab-label{font-size:1rem}.tab-description{font-size:.8rem}.analytics-content{border-radius:16px}}@media (max-width:480px){.header-title h1{font-size:1.75rem}.header-badge{font-size:.75rem;padding:.4rem .8rem}}.landing-page{width:100%;overflow-x:hidden;background:linear-gradient(135deg,#0f1419,#1a1f2e)}.landing-nav{position:fixed;top:0;left:0;right:0;background:rgba(15,20,25,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.1);z-index:1000;transition:all .3s ease}.nav-container{max-width:1280px;margin:0 auto;padding:1rem 2rem;justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{grid-gap:.75rem;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff}.logo-icon{width:2rem;height:2rem}.logo-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;grid-gap:2rem;gap:2rem}.nav-link{background:none;border:none;color:hsla(0,0%,100%,.8);font-size:.95rem;font-weight:500;cursor:pointer;transition:color .2s ease;padding:.5rem 0}.nav-cta,.nav-link:hover{color:#fff}.nav-cta{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(102,126,234,.4)}.hero-section{padding:8rem 2rem 6rem;min-height:100vh;display:flex;align-items:center}.hero-container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.hero-content{animation:fadeInUp .8s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);color:#8b9cff;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:2rem}.badge-icon{font-size:1rem}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.7;color:hsla(0,0%,100%,.7);margin-bottom:2.5rem;max-width:540px}.hero-ctas{display:flex;grid-gap:1rem;gap:1rem;margin-bottom:3rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:14px;font-size:1.125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;transition:all .3s ease;box-shadow:0 10px 30px rgba(102,126,234,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(102,126,234,.5)}.btn-primary.large{padding:1.25rem 2.5rem;font-size:1.25rem}.btn-secondary{background:hsla(0,0%,100%,.05);color:#fff;border:1px solid hsla(0,0%,100%,.1);padding:1rem 2rem;border-radius:14px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.btn-arrow{transition:transform .3s ease}.btn-primary:hover .btn-arrow{transform:translateX(4px)}.hero-urgency{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;background:rgba(255,87,34,.15);border:1px solid rgba(255,87,34,.3);color:#f96;padding:.75rem 1.25rem;border-radius:50px;font-size:.95rem;font-weight:600;margin-bottom:2rem;animation:pulse 2s ease-in-out infinite}.urgency-icon{font-size:1.25rem;animation:fire 1s ease-in-out infinite}@keyframes fire{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.urgency-text{font-size:.95rem}.hero-social-proof{display:flex;grid-gap:3rem;gap:3rem}.social-proof-item{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem}.proof-number{font-size:1.75rem;font-weight:700;color:#fff}.proof-label{font-size:.875rem;color:hsla(0,0%,100%,.6)}.hero-visual{animation:fadeInRight 1s ease}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.dashboard-preview{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 60px rgba(0,0,0,.5);transition:transform .3s ease}.dashboard-preview:hover{transform:translateY(-10px)}.preview-header{background:hsla(0,0%,100%,.05);padding:1rem 1.5rem;display:flex;align-items:center;grid-gap:1rem;gap:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.preview-dots{display:flex;grid-gap:.5rem;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.preview-title{font-size:.875rem;color:hsla(0,0%,100%,.7);font-weight:500}.preview-sync-logos{display:flex;align-items:center;justify-content:center;grid-gap:1.5rem;gap:1.5rem;padding:1.5rem 2rem 1rem;background:rgba(102,126,234,.05);border-bottom:1px solid hsla(0,0%,100%,.1)}.sync-logo{height:2.5rem;width:auto;opacity:1;transition:all .3s ease;filter:brightness(1.3) contrast(1.2) drop-shadow(0 2px 8px rgba(0,0,0,.3))}.sync-logo:hover{transform:scale(1.05);filter:brightness(1.4) contrast(1.2) drop-shadow(0 4px 12px rgba(0,0,0,.4))}.sync-plus{font-size:1.5rem;font-weight:700;color:#8b9cff;animation:plusPulse 2s ease-in-out infinite}@keyframes plusPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.preview-content{padding:2rem}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}.stat-card{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);padding:1.25rem;border-radius:12px;text-align:center}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:hsla(0,0%,100%,.6);margin-bottom:.5rem}.stat-change{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;display:inline-block}.stat-change.positive{background:rgba(39,201,63,.2);color:#27c93f}.preview-chart{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);padding:2rem;border-radius:12px;height:180px}.chart-bars,.preview-chart{display:flex;align-items:flex-end}.chart-bars{grid-gap:1rem;gap:1rem;justify-content:space-between;width:100%;height:100%}.bar{flex:1 1;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px 6px 0 0;min-height:20%;animation:growBar 1s ease forwards;opacity:0}.bar:first-child{animation-delay:.1s}.bar:nth-child(2){animation-delay:.2s}.bar:nth-child(3){animation-delay:.3s}.bar:nth-child(4){animation-delay:.4s}.bar:nth-child(5){animation-delay:.5s}.bar:nth-child(6){animation-delay:.6s}@keyframes growBar{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.clients-carousel-section{padding:4rem 0;background:rgba(0,0,0,.2);overflow:hidden}.clients-subtitle{text-align:center;color:hsla(0,0%,100%,.6);font-size:.95rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;font-weight:600}.carousel-wrapper{position:relative;overflow:hidden;width:100%}.carousel-track{display:flex;grid-gap:4rem;gap:4rem;animation:scroll-left 30s linear infinite;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.carousel-item{display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-logo{height:2.5rem;width:auto;opacity:.6;filter:grayscale(100%) brightness(0) invert(1);transition:all .3s ease}.client-logo:hover{opacity:1;filter:grayscale(0) brightness(1) invert(0)}.testimonials-section{padding:8rem 2rem;background:rgba(0,0,0,.3)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.testimonial-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);padding:2.5rem;border-radius:20px;transition:all .3s ease;position:relative}.testimonial-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(102,126,234,.5);transform:translateY(-5px)}.testimonial-header{display:flex;align-items:center;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem;position:relative}.testimonial-avatar{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.testimonial-info{flex:1 1}.testimonial-name{font-size:1.125rem;font-weight:700;color:#fff;margin:0}.testimonial-role{font-size:.875rem;color:hsla(0,0%,100%,.6);margin:.25rem 0 0}.verified-badge{width:1.5rem;height:1.5rem;background:#27c93f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700;flex-shrink:0}.testimonial-quote{font-size:1rem;line-height:1.7;color:hsla(0,0%,100%,.8);margin-bottom:1.5rem;font-style:italic}.testimonial-results{display:inline-block;background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.3);color:#8b9cff;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600}.section-container{max-width:1280px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center}.section-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;letter-spacing:-.02em;display:block;width:100%}.section-subtitle{font-size:1.25rem;color:hsla(0,0%,100%,.7);max-width:600px;margin:0 auto;display:block;width:100%}.features-section{padding:8rem 2rem;background:rgba(0,0,0,.2)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.feature-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);padding:2.5rem;border-radius:20px;transition:all .3s ease;cursor:pointer}.feature-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(102,126,234,.5);transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature-logo{width:3rem;height:3rem;object-fit:contain}.feature-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.feature-description{font-size:1rem;line-height:1.7;color:hsla(0,0%,100%,.7)}.comparison-section{padding:8rem 2rem;background:rgba(0,0,0,.2)}.comparison-wrapper{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:2rem;gap:2rem;max-width:1100px;margin:0 auto;align-items:start}.comparison-column{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;overflow:hidden;transition:all .3s ease}.comparison-column:hover{transform:translateY(-5px)}.other-column{border-color:rgba(255,87,87,.3)}.other-column:hover{border-color:rgba(255,87,87,.5);box-shadow:0 10px 40px rgba(255,87,87,.2)}.vendofull-column{border:2px solid rgba(102,126,234,.5);background:rgba(102,126,234,.05)}.vendofull-column:hover{border-color:rgba(102,126,234,.8);box-shadow:0 10px 40px rgba(102,126,234,.3)}.comparison-column-header{padding:2rem;text-align:center;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1)}.comparison-column-header h3{font-size:1.5rem;font-weight:700;color:hsla(0,0%,100%,.8);margin:0}.vendofull-header{background:rgba(102,126,234,.15);display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:.75rem;gap:.75rem}.vendofull-header h3{color:#8b9cff}.vendofull-logo-comparison{width:2rem;height:2rem}.comparison-features{padding:2rem;display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.comparison-feature-item{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.05);transition:all .3s ease}.comparison-feature-item:hover{background:hsla(0,0%,100%,.05);transform:translateX(5px)}.vendofull-item{border-color:rgba(102,126,234,.2)}.vendofull-item:hover{border-color:rgba(102,126,234,.4);background:rgba(102,126,234,.1)}.feature-icon{font-size:1.5rem;flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:8px}.feature-icon.positive{background:rgba(39,201,63,.2);color:#27c93f;font-weight:700}.feature-icon.negative{background:rgba(255,87,87,.2);color:#ff5757}.feature-icon.warning{background:rgba(255,193,7,.2);color:#ffc107}.feature-icon.time{background:rgba(102,126,234,.2);color:#8b9cff}.feature-text{font-size:1rem;color:hsla(0,0%,100%,.9);font-weight:500;flex:1 1}.comparison-vs{display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:2rem 1rem;align-self:center;animation:vsGlow 2s ease-in-out infinite}@keyframes vsGlow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.how-it-works-section{padding:8rem 2rem}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;position:relative}.step-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);padding:3rem 2rem;border-radius:20px;text-align:center;position:relative}.step-number{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.step-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.step-description{font-size:1rem;line-height:1.7;color:hsla(0,0%,100%,.7)}.step-arrow{position:absolute;right:-2rem;top:50%;transform:translateY(-50%);font-size:2rem;color:rgba(102,126,234,.5)}.pricing-section{padding:8rem 2rem;background:rgba(0,0,0,.2);position:relative}.pricing-offer-badge{text-align:center;margin-bottom:3rem;display:flex;justify-content:center;grid-gap:.5rem;gap:.5rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;display:inline-flex;align-items:center;grid-gap:.75rem;gap:.75rem;margin:0 auto 3rem;box-shadow:0 10px 30px hsla(0,100%,71%,.4);animation:shake 3s ease-in-out infinite}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.offer-badge-icon{font-size:1.5rem;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.offer-badge-text{font-size:1rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-bottom:3rem}.pricing-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);padding:3rem 2.5rem;border-radius:20px;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-10px);border-color:rgba(102,126,234,.5)}.pricing-card.popular{background:rgba(102,126,234,.1);border:2px solid #667eea;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-10px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600}.pricing-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.plan-name{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.plan-description{font-size:.95rem;color:hsla(0,0%,100%,.6);margin-bottom:1.5rem}.plan-price{display:flex;align-items:baseline;justify-content:center;grid-gap:.25rem;gap:.25rem}.price{font-size:3.5rem;font-weight:800;color:#fff}.period{font-size:1.125rem;color:hsla(0,0%,100%,.6)}.plan-features{margin:0 0 2rem}.plan-features li{padding:.75rem 0}.check-icon{font-size:1.25rem}.plan-cta{width:100%;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.plan-cta.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-cta.primary:hover{box-shadow:0 10px 30px rgba(102,126,234,.4);transform:translateY(-2px)}.plan-cta.secondary{background:hsla(0,0%,100%,.05);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.plan-cta.secondary:hover{background:hsla(0,0%,100%,.1)}.pricing-guarantee{text-align:center;display:flex;align-items:center;justify-content:center;grid-gap:.75rem;gap:.75rem;color:hsla(0,0%,100%,.7);font-size:1rem}.guarantee-icon{font-size:1.5rem}.about-section{padding:8rem 2rem}.about-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.about-description{font-size:1.25rem;line-height:1.7;color:hsla(0,0%,100%,.7);margin-bottom:3rem}.tech-features{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.tech-feature{display:flex;grid-gap:1.5rem;gap:1.5rem}.tech-icon{font-size:2.5rem;flex-shrink:0}.tech-content h4{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.tech-content p{font-size:1rem;line-height:1.6;color:hsla(0,0%,100%,.7)}.tech-stack{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.stack-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);padding:2rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem;text-align:center;transition:all .3s ease}.stack-item:hover{background:hsla(0,0%,100%,.05);border-color:rgba(102,126,234,.5);transform:translateY(-5px)}.stack-logo{font-size:3rem}.stack-logo-img{width:3rem;height:3rem;object-fit:contain}.stack-item span{color:#fff;font-weight:600;font-size:1rem}.company-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-box{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);padding:2rem;border-radius:16px;text-align:center;transition:all .3s ease}.stat-box:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3);transform:translateY(-5px)}.stat-number{font-size:2.5rem;font-weight:800;color:#667eea;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:hsla(0,0%,100%,.7);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.company-info-box{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);padding:2rem;border-radius:16px;margin-top:1.5rem}.company-info-box h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.company-info-box p{font-size:1rem;color:hsla(0,0%,100%,.8);margin-bottom:.75rem;line-height:1.6}.company-info-box strong{color:#667eea;font-weight:600}.tech-stack-info{margin-top:3rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}.stack-title{font-size:1rem;color:hsla(0,0%,100%,.6);margin-bottom:1rem;font-weight:600;text-align:center}.tech-stack-logos{display:flex;justify-content:center;align-items:center;grid-gap:1.5rem;gap:1.5rem;flex-wrap:wrap}.tech-badge{width:40px;height:40px;object-fit:contain;opacity:.6;transition:all .3s ease;filter:grayscale(.3)}.tech-badge:hover{opacity:1;filter:grayscale(0);transform:scale(1.1)}.coverage-section{padding:8rem 2rem;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05))}.coverage-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}.coverage-map-container{position:relative;width:100%;height:600px;display:flex;align-items:center;justify-content:center}.coverage-map{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.map-platforms-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;grid-gap:2rem;gap:2rem;z-index:10}.map-platform-logo{width:100px;height:100px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.2),0 4px 16px rgba(102,126,234,.3);border:2px solid hsla(0,0%,100%,.3);transition:all .3s ease;animation:float 3s ease-in-out infinite}.map-platform-logo:first-child{animation-delay:0s}.map-platform-logo:nth-child(2){animation-delay:1.5s}.map-platform-logo:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.3),0 6px 20px rgba(102,126,234,.5)}.overlay-logo{width:70px;height:70px;object-fit:contain}.coverage-countries{text-align:left}.countries-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:2rem;text-align:center}.countries-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.875rem;gap:.875rem}.country-badge{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:500;color:hsla(0,0%,100%,.9);transition:all .2s ease;cursor:default}.country-badge:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3);transform:translateY(-2px)}.faq-section{padding:8rem 2rem;background:rgba(0,0,0,.2)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:rgba(102,126,234,.5)}.faq-question{width:100%;background:none;border:none;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;color:#fff;font-size:1.125rem;font-weight:600;transition:background .2s ease}.faq-question:hover{background:hsla(0,0%,100%,.05)}.faq-icon{font-size:1.5rem;color:#667eea;font-weight:400;transition:transform .3s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:500px}.faq-answer p{padding:0 2rem 1.5rem;color:hsla(0,0%,100%,.7);line-height:1.7;font-size:1rem}.final-cta-section{padding:8rem 2rem;text-align:center;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))}.final-cta-content{max-width:800px;margin:0 auto}.cta-urgency-badge{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;background:rgba(255,87,34,.2);border:1px solid rgba(255,87,34,.4);color:#f96;padding:.75rem 1.5rem;border-radius:50px;font-size:.95rem;font-weight:600;margin-bottom:2rem;animation:pulse 2s ease-in-out infinite}.cta-urgency-icon{font-size:1.25rem}.final-cta-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em}.final-cta-subtitle{font-size:1.5rem;color:hsla(0,0%,100%,.7);margin-bottom:3rem}.cta-stats-mini{display:flex;justify-content:center;grid-gap:3rem;gap:3rem;margin-bottom:3rem}.cta-stat{display:flex;flex-direction:column;align-items:center;grid-gap:.5rem;gap:.5rem}.cta-stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-stat-label{font-size:.875rem;color:hsla(0,0%,100%,.6)}.pulse-button{animation:buttonPulse 2s ease-in-out infinite}@keyframes buttonPulse{0%,to{box-shadow:0 10px 30px rgba(102,126,234,.3)}50%{box-shadow:0 15px 40px rgba(102,126,234,.6)}}.final-cta-note{margin-top:1.5rem;color:hsla(0,0%,100%,.7);font-size:1rem;line-height:1.6}.final-cta-guarantee{margin-top:2rem;padding:1.5rem;background:rgba(39,201,63,.1);border:1px solid rgba(39,201,63,.3);border-radius:16px;color:hsla(0,0%,100%,.9);font-size:1rem;line-height:1.6}.landing-footer{background:rgba(0,0,0,.3);border-top:1px solid hsla(0,0%,100%,.1);padding:4rem 2rem 2rem}.footer-container{max-width:1280px;margin:0 auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:3rem;gap:3rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.footer-tagline{color:hsla(0,0%,100%,.6);line-height:1.6}.footer-column h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-column a,.footer-column button{display:block;background:none;border:none;color:hsla(0,0%,100%,.6);font-size:.95rem;padding:.5rem 0;cursor:pointer;text-align:left;text-decoration:none;transition:color .2s ease}.footer-column a:hover,.footer-column button:hover{color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;color:hsla(0,0%,100%,.5);font-size:.875rem}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{order:1}.hero-visual{order:2}.hero-title{font-size:3rem}.hero-ctas,.hero-social-proof{justify-content:center}.comparison-wrapper,.testimonials-grid{grid-template-columns:1fr}.comparison-wrapper{grid-gap:2rem;gap:2rem}.comparison-vs{padding:1rem}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}.about-content{grid-template-columns:1fr}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links{grid-gap:1rem;gap:1rem}.nav-link{display:none}.hero-section{padding:6rem 1rem 4rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-urgency{padding:.6rem 1rem}.hero-urgency,.urgency-text{font-size:.875rem}.hero-ctas{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.hero-social-proof{flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.preview-sync-logos{padding:1rem 1.5rem .75rem;grid-gap:1rem;gap:1rem}.sync-logo{height:2rem}.sync-plus{font-size:1.25rem}.carousel-track{grid-gap:2rem;gap:2rem}.client-logo{height:2rem}.comparison-wrapper{grid-template-columns:1fr;grid-gap:2rem;gap:2rem}.comparison-vs{writing-mode:initial;padding:0;margin:-1rem 0}.vendofull-logo-comparison{width:2.5rem;height:2.5rem}.comparison-column-header h3{font-size:1.25rem}.comparison-features{padding:1.5rem;grid-gap:1rem;gap:1rem}.comparison-feature-item{padding:.875rem}.feature-icon{font-size:1.25rem;width:1.75rem;height:1.75rem}.feature-text{font-size:.9rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.features-grid,.steps-container{grid-template-columns:1fr}.step-arrow{display:none}.pricing-offer-badge{font-size:.875rem;padding:.75rem 1.25rem}.offer-badge-text{font-size:.875rem}.tech-stack{grid-template-columns:1fr}.cta-stats-mini{flex-direction:column;grid-gap:2rem;gap:2rem}.final-cta-title{font-size:2.5rem}.final-cta-subtitle{font-size:1.125rem}.final-cta-guarantee{font-size:.9rem;padding:1.25rem}.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;grid-gap:.5rem;gap:.5rem;text-align:center}.company-stats{grid-template-columns:1fr}.stat-box{padding:1.5rem}.stat-number{font-size:2rem}.company-info-box{padding:1.5rem}.company-info-box h3{font-size:1.25rem}.tech-stack-logos{grid-gap:1rem;gap:1rem}.tech-badge{width:32px;height:32px}.coverage-content{grid-template-columns:1fr;grid-gap:3rem;gap:3rem}.coverage-map-container{height:400px;order:-1}.map-platforms-overlay{grid-gap:1rem;gap:1rem}.map-platform-logo{width:70px;height:70px}.overlay-logo{width:50px;height:50px}.countries-grid{grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}.country-badge{padding:.75rem 1rem;font-size:.875rem}.countries-title{font-size:1.5rem}}.mobbex-checkout-container{background:linear-gradient(135deg,#1a1f2e,#0f1419);border-radius:20px;padding:0;max-width:500px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1);overflow:hidden}.checkout-header{background:hsla(0,0%,100%,.05);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1)}.checkout-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.close-btn{background:none;border:none;color:hsla(0,0%,100%,.6);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.checkout-content{padding:2rem}.plan-summary{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.plan-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.plan-summary-header h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.plan-price{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-features{list-style:none;padding:0;margin:0 0 1rem}.plan-features li{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.5rem 0;color:hsla(0,0%,100%,.8);font-size:.95rem}.check-icon{color:#27c93f;font-weight:700;font-size:1.125rem}.trial-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1rem;border-radius:10px;text-align:center;font-weight:600;font-size:.95rem}.error-message{background:rgba(255,95,86,.1);border:1px solid rgba(255,95,86,.3);color:#ff5f56;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;font-size:.95rem;line-height:1.5}.error-icon{font-size:1.5rem;flex-shrink:0}.status-message{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;text-align:center;font-weight:600;font-size:1rem;animation:fadeIn .3s ease}.status-message.in_review,.status-message.pending{background:rgba(255,189,46,.1);border:1px solid rgba(255,189,46,.3);color:#ffbd2e}.status-message.approved{background:rgba(39,201,63,.1);border:1px solid rgba(39,201,63,.3);color:#27c93f}.status-message.cancelled,.status-message.expired,.status-message.rejected{background:rgba(255,95,86,.1);border:1px solid rgba(255,95,86,.3);color:#ff5f56}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.checkout-info{background:rgba(102,126,234,.05);border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;display:flex;grid-gap:1rem;gap:1rem}.info-icon{font-size:1.5rem;flex-shrink:0}.info-text{flex:1 1}.info-text p{margin:0 0 .5rem;color:#fff;font-size:.95rem;line-height:1.5}.info-text p:last-child{margin-bottom:0}.info-subtext{color:hsla(0,0%,100%,.7)!important;font-size:.875rem!important}.reference-text{color:hsla(0,0%,100%,.5)!important;font-size:.8rem!important;margin-top:.75rem!important}.checkout-actions{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem}.btn-pay,.btn-reopen{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-pay:hover:not(:disabled),.btn-reopen:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.btn-pay:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.1);padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.security-badge{display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;color:hsla(0,0%,100%,.6);font-size:.875rem;padding:.75rem;background:hsla(0,0%,100%,.03);border-radius:10px}.lock-icon{font-size:1rem}@media (max-width:768px){.mobbex-checkout-container{max-width:100%;border-radius:0;height:100vh;display:flex;flex-direction:column}.checkout-content{flex:1 1;overflow-y:auto}.checkout-header h2,.plan-summary-header h3{font-size:1.25rem}.plan-price{font-size:1.5rem}}.checkout-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease}.checkout-modal-content{animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-pay:disabled .spinner{margin-right:.5rem}.chat-fab{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;cursor:pointer;box-shadow:0 8px 24px rgba(102,126,234,.4),0 4px 12px rgba(118,75,162,.3);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;animation:float 3s ease-in-out infinite}.chat-fab:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 12px 32px rgba(102,126,234,.5),0 6px 16px rgba(118,75,162,.4)}.chat-fab:active{transform:scale(.95)}.chat-fab-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.chat-fab-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:#10b981;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center}.pulse-dot{width:100%;height:100%;border-radius:50%;background:#10b981;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chat-window{position:fixed;bottom:2rem;right:2rem;width:420px;max-width:calc(100vw - 2rem);height:650px;max-height:calc(100vh - 4rem);background:rgba(15,20,25,.95);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 60px rgba(0,0,0,.5),0 8px 24px rgba(102,126,234,.2);display:flex;flex-direction:column;z-index:1000;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.chat-window.minimized{height:72px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{padding:1.25rem;background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border-bottom:1px solid hsla(0,0%,100%,.1);justify-content:space-between;grid-gap:1rem;gap:1rem}.chat-header,.chat-header-info{display:flex;align-items:center}.chat-header-info{grid-gap:.75rem;gap:.75rem;flex:1 1}.chat-avatar{position:relative;width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px rgba(102,126,234,.3)}.avatar-logo{width:32px;height:32px;object-fit:contain}.avatar-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#10b981;border:2px solid rgba(15,20,25,.95);border-radius:50%}.chat-header-text{flex:1 1}.chat-title{font-size:1rem;font-weight:700;color:#fff;margin:0;line-height:1.4}.chat-subtitle{font-size:.875rem;color:hsla(0,0%,100%,.6);margin:.25rem 0 0;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.status-indicator{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}.chat-header-actions{display:flex;grid-gap:.5rem;gap:.5rem}.chat-action-btn{width:32px;height:32px;border:none;background:hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;display:flex;align-items:center;justify-content:center}.chat-action-btn:hover{background:hsla(0,0%,100%,.15);transform:scale(1.05)}.chat-close-btn:hover{background:rgba(239,68,68,.2)}.chat-messages{flex:1 1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:rgba(102,126,234,.4);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.6)}.message{display:flex;grid-gap:.75rem;gap:.75rem;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.message-avatar-logo{width:24px;height:24px;object-fit:contain}.message-user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.message-content{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem;max-width:75%}.message-user .message-content{align-items:flex-end}.message-bubble{padding:.875rem 1.125rem;border-radius:16px;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);word-wrap:break-word;text-align:left}.message-user .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.message-text{margin:0;font-size:.9375rem;line-height:1.5;color:#fff;text-align:left}.message-text strong{font-weight:700;color:#fff}.message-text em{font-style:italic;color:hsla(0,0%,100%,.95)}.message-text code{background:rgba(0,0,0,.3);padding:.125rem .375rem;border-radius:4px;font-family:"Courier New",Courier,monospace;font-size:.875rem;color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.message-text a{color:#60a5fa;text-decoration:underline;transition:color .2s ease}.message-text a:hover{color:#93c5fd}.message-text br{display:block;content:"";margin:.5rem 0}.message-time{font-size:.75rem;color:hsla(0,0%,100%,.4);padding:0 .5rem}.typing-indicator{display:flex;grid-gap:.375rem;gap:.375rem;padding:1rem 1.25rem}.typing-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.6);animation:typingDot 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-8px);opacity:1}}.chat-quick-actions{padding:1rem 1.5rem;border-top:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.02)}.quick-actions-title{font-size:.875rem;color:hsla(0,0%,100%,.6);margin:0 0 .75rem;font-weight:500}.quick-actions-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.quick-action-btn{padding:.625rem .875rem;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-size:.8125rem;cursor:pointer;transition:all .2s ease;text-align:left;font-weight:500}.quick-action-btn:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.3);transform:translateY(-2px)}.chat-input-container{padding:1rem 1.5rem;border-top:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.02)}.chat-input-wrapper{display:flex;grid-gap:.75rem;gap:.75rem;align-items:flex-end}.chat-input{flex:1 1;padding:.875rem 1rem;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-size:.9375rem;font-family:inherit;resize:none;max-height:100px;transition:all .2s ease}.chat-input:focus{outline:none;border-color:#667eea;background:hsla(0,0%,100%,.12);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.chat-input::placeholder{color:hsla(0,0%,100%,.4)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn{width:44px;height:44px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px rgba(102,126,234,.4)}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.send-icon{font-size:1.25rem;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.chat-footer-text{margin:.75rem 0 0;font-size:.75rem;color:hsla(0,0%,100%,.4);text-align:center}.chat-footer-text strong{color:hsla(0,0%,100%,.6)}@media (max-width:768px){.chat-fab{bottom:1.5rem;right:1.5rem;width:56px;height:56px}.chat-fab-icon{font-size:1.75rem}.chat-window{bottom:0;right:0;left:0;width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;border:none}.quick-actions-buttons{grid-template-columns:1fr}.message-content{max-width:85%}}@media (max-width:480px){.chat-header,.chat-messages{padding:1rem}.chat-input-container{padding:.875rem 1rem}.chat-avatar{width:40px;height:40px;font-size:1.25rem}.chat-title{font-size:.9375rem}}.legal-page{width:100%;min-height:100vh;background:linear-gradient(135deg,#0f1419,#1a1f2e);padding:2rem 1rem}.legal-container{max-width:900px;margin:0 auto;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:3rem;box-shadow:0 20px 60px rgba(0,0,0,.3)}.legal-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-updated{text-align:center;color:hsla(0,0%,100%,.5);font-size:.95rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.legal-content{color:hsla(0,0%,100%,.85);line-height:1.8}.legal-section{margin-bottom:3rem}.legal-section h2{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1.5rem;margin-top:2rem;padding-bottom:.75rem;border-bottom:2px solid rgba(102,126,234,.3)}.legal-section h3{font-size:1.25rem;font-weight:600;color:#8b9cff;margin-top:1.5rem;margin-bottom:1rem}.legal-section h4{font-size:1.1rem;font-weight:600;color:hsla(0,0%,100%,.9);margin-top:1rem;margin-bottom:.75rem}.legal-section p{margin-bottom:1rem;font-size:1rem}.legal-section strong{color:#fff;font-weight:600}.legal-section ol,.legal-section ul{margin:1rem 0 1.5rem 1.5rem;padding-left:1rem}.legal-section li{margin-bottom:.75rem;position:relative}.legal-section ul li::marker{color:#667eea}.legal-section a{color:#8b9cff;text-decoration:underline;transition:color .2s ease}.legal-section a:hover{color:#667eea}.contact-info{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.contact-info p{margin-bottom:.5rem;color:hsla(0,0%,100%,.9)}.contact-info p:last-child{margin-bottom:0}.highlight{background:rgba(102,126,234,.15);border-left:4px solid #667eea;padding:1rem 1.5rem;margin:1.5rem 0;border-radius:8px}.faq-box{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.faq-box h4{color:#8b9cff;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.faq-box p{margin:0;color:hsla(0,0%,100%,.8)}.legal-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1);text-align:center}.back-link{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;color:#8b9cff;text-decoration:none;font-weight:600;padding:.75rem 1.5rem;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:12px;transition:all .3s ease}.back-link:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.5);transform:translateX(-5px)}@media (max-width:768px){.legal-container{padding:2rem 1.5rem}.legal-title{font-size:2rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.125rem}.legal-section ol,.legal-section ul{margin-left:1rem;padding-left:.5rem}.contact-info{padding:1rem}.highlight{padding:.75rem 1rem}.faq-box{padding:1rem}}
/*# sourceMappingURL=main.05cb02f5.chunk.css.map */