:root{--primary: #3b82f6;--primary-light: #60a5fa;--primary-dark: #2563eb;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--secondary: #0f172a;--secondary-light: #1e293b;--accent: #06d6a0;--accent-light: #34d399;--accent-pink: #ec4899;--accent-orange: #f97316;--success: #10b981;--success-light: #34d399;--warning: #f59e0b;--warning-light: #fbbf24;--danger: #ef4444;--danger-light: #f87171;--info: #3b82f6;--info-light: #60a5fa;--bg-primary: #ffffff;--bg-secondary: #fafbff;--bg-tertiary: #f1f5f9;--bg-card: rgba(255, 255, 255, .95);--bg-glass: rgba(255, 255, 255, .8);--bg-overlay: rgba(139, 92, 246, .03);--bg-gradient: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--bg-gradient-light: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(236, 72, 153, .1) 100%);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-light: #94a3b8;--text-inverse: #ffffff;--border: #e2e8f0;--border-light: #f1f5f9;--border-strong: #cbd5e1;--border-primary: rgba(99, 102, 241, .2);--shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, .08);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px 0 rgba(0, 0, 0, .15), 0 2px 4px -2px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px -4px rgba(0, 0, 0, .18), 0 4px 8px -4px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 32px -8px rgba(0, 0, 0, .2), 0 8px 16px -8px rgba(0, 0, 0, .1);--shadow-2xl: 0 32px 64px -16px rgba(0, 0, 0, .3);--shadow-colored: 0 8px 32px -8px rgba(139, 92, 246, .4);--shadow-glow: 0 0 32px rgba(139, 92, 246, .3);--shadow-accent: 0 8px 32px -8px rgba(236, 72, 153, .4);--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--space-xs: .125rem;--space-sm: .25rem;--space-md: .5rem;--space-lg: .75rem;--space-xl: 1rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .18);--glass-backdrop: blur(16px) saturate(180%)}.header[data-v-f4373d9c]{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all var(--transition-base)}.header[data-v-f4373d9c]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-50) 0%,rgba(255,255,255,.8) 100%);opacity:.7;z-index:-1}.header .container[data-v-f4373d9c]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);max-width:100%;position:relative;z-index:1}.logo[data-v-f4373d9c]{display:flex;align-items:center;gap:var(--space-lg);transition:transform var(--transition-base)}.logo[data-v-f4373d9c]:hover{transform:scale(1.02)}.logo-img[data-v-f4373d9c]{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(99,102,241,.1))}.logo-text[data-v-f4373d9c]{font-size:1.375rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em}.environment-badge[data-v-f4373d9c]{background:linear-gradient(135deg,var(--warning) 0%,var(--warning-light) 100%);color:var(--text-inverse);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-colored);animation:pulse-glow-f4373d9c 3s ease-in-out infinite;border:1px solid rgba(245,158,11,.3)}@keyframes pulse-glow-f4373d9c{0%,to{box-shadow:var(--shadow-colored),0 0 #f59e0b66}50%{box-shadow:var(--shadow-xl),0 0 20px 5px #f59e0b33}}.nav[data-v-f4373d9c]{display:flex;align-items:center;gap:var(--space-xl)}.nav-link[data-v-f4373d9c]{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.9rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.nav-link[data-v-f4373d9c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left var(--transition-slow)}.nav-link[data-v-f4373d9c]:hover:before{left:100%}.nav-link[data-v-f4373d9c]:hover{color:var(--primary);background:var(--primary-50);transform:translateY(-1px)}.user-info[data-v-f4373d9c]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all var(--transition-base)}.user-info[data-v-f4373d9c]:hover{background:var(--bg-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-name[data-v-f4373d9c]{color:var(--text-primary);font-weight:600;font-size:.875rem}.user-avatar[data-v-f4373d9c]{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:var(--text-inverse);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;box-shadow:var(--shadow-md);transition:all var(--transition-bounce);border:2px solid var(--bg-primary)}.user-avatar[data-v-f4373d9c]:hover{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-colored)}.dashboard[data-v-f4373d9c]{padding-top:72px;background:#f8fafc;min-height:100vh;position:relative}.dashboard-container[data-v-f4373d9c]{display:flex;max-width:100%;margin:0 auto;position:relative;z-index:1}.sidebar[data-v-f4373d9c]{width:260px;background:#ffffff;border-right:1px solid #e5e7eb;padding:20px 0;position:fixed;top:72px;left:0;bottom:0;overflow-y:auto;z-index:100;box-shadow:0 2px 4px #0000000d}.sidebar[data-v-f4373d9c]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--primary-50) 0%,rgba(255,255,255,.9) 100%);opacity:.6;z-index:-1}.sidebar-nav[data-v-f4373d9c]{padding:0 var(--space-xl);position:relative;z-index:1}.nav-section[data-v-f4373d9c]{margin-bottom:var(--space-2xl)}.nav-section h3[data-v-f4373d9c]{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg);padding:0 var(--space-md);position:relative}.nav-section h3[data-v-f4373d9c]:after{content:"";position:absolute;bottom:-var(--space-sm);left:var(--space-md);width:24px;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-full)}.nav-item[data-v-f4373d9c]{display:flex;align-items:center;gap:var(--space-lg);padding:16px 20px;border-radius:14px;color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:8px;position:relative;overflow:hidden;border:2px solid transparent;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,rgba(248,250,252,.4) 100%);box-shadow:0 2px 8px #0000000a;cursor:pointer;min-height:50px}.nav-item[data-v-f4373d9c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left var(--transition-slow)}.nav-item[data-v-f4373d9c]:hover:before{left:100%}.nav-item[data-v-f4373d9c]:hover{background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(241,245,249,.8) 100%);color:var(--primary);transform:translate(6px) scale(1.02);box-shadow:0 6px 20px #0000001a,0 3px 8px #0000000f;border-color:#3b82f633}.nav-item.active[data-v-f4373d9c]{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:var(--text-inverse);box-shadow:0 8px 25px #3b82f666,0 4px 12px #3b82f64d;transform:translate(6px) scale(1.02);border-color:#fff3}.nav-item.active[data-v-f4373d9c]:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:var(--radius-full)}.nav-icon[data-v-f4373d9c]{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.1)}.nav-item:hover .nav-icon[data-v-f4373d9c]{transform:scale(1.15) rotate(3deg);background:rgba(59,130,246,.1)}.nav-item.active .nav-icon[data-v-f4373d9c]{transform:scale(1.1) rotate(8deg);background:rgba(255,255,255,.2);box-shadow:0 2px 8px #ffffff4d}.main-content[data-v-f4373d9c]{flex:1;margin-left:260px;padding:var(--space-xl);position:relative;z-index:10}.stats-section[data-v-f4373d9c]{margin-bottom:var(--space-3xl);position:relative}.stats-grid[data-v-f4373d9c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl)}.stat-card[data-v-f4373d9c]{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:2px solid #e2e8f0;border-radius:20px;padding:28px;box-shadow:0 8px 25px #00000014,0 3px 6px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;transform:translateY(0)}.stat-card[data-v-f4373d9c]:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 50%,var(--accent) 100%);opacity:1;transition:all var(--transition-base)}.stat-card[data-v-f4373d9c]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.03),transparent);transition:left .6s ease}.stat-card[data-v-f4373d9c]:hover:after{left:100%}.stat-card[data-v-f4373d9c]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a;border-color:var(--primary-light);background:linear-gradient(135deg,#ffffff 0%,#f1f5f9 100%)}.stat-card[data-v-f4373d9c]:active{transform:translateY(-4px) scale(1.01)}.stat-header[data-v-f4373d9c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stat-icon[data-v-f4373d9c]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border-radius:16px;box-shadow:0 8px 20px #3b82f666,0 4px 8px #3b82f633;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:nth-child(1) .stat-icon[data-v-f4373d9c]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 8px 20px #3b82f666,0 4px 8px #3b82f633}.stat-card:nth-child(2) .stat-icon[data-v-f4373d9c]{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 20px #10b98166,0 4px 8px #10b98133}.stat-card:nth-child(3) .stat-icon[data-v-f4373d9c]{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 8px 20px #f59e0b66,0 4px 8px #f59e0b33}.stat-card:nth-child(4) .stat-icon[data-v-f4373d9c]{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 8px 20px #8b5cf666,0 4px 8px #8b5cf633}.stat-card:hover .stat-icon[data-v-f4373d9c]{transform:scale(1.15) rotate(8deg);box-shadow:0 12px 32px #3b82f680,0 8px 16px #3b82f64d}.stat-change[data-v-f4373d9c]{font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:4px}.stat-change.positive[data-v-f4373d9c]{background:#dcfce7;color:#16a34a}.stat-change.neutral[data-v-f4373d9c]{background:#f1f5f9;color:#64748b}.stat-card:hover .stat-change[data-v-f4373d9c]{transform:scale(1.05)}.stat-value[data-v-f4373d9c]{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.025em;line-height:1}.stat-label[data-v-f4373d9c]{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.quick-access-section[data-v-f4373d9c]{margin-bottom:var(--space-3xl)}.quick-access-toolbar[data-v-f4373d9c]{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:2px solid #e2e8f0;border-radius:20px;padding:24px 32px;box-shadow:0 8px 30px #00000014,0 4px 12px #0000000a;display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap}.toolbar-group[data-v-f4373d9c]{flex:1;min-width:300px}.toolbar-group h3[data-v-f4373d9c]{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.025em}.quick-buttons[data-v-f4373d9c]{display:flex;gap:12px;flex-wrap:wrap}.quick-btn[data-v-f4373d9c]{background:linear-gradient(135deg,#ffffff 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-radius:16px;padding:16px 20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px;box-shadow:0 4px 12px #0000000d;position:relative;overflow:hidden}.quick-btn[data-v-f4373d9c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left .6s ease}.quick-btn[data-v-f4373d9c]:hover:before{left:100%}.quick-btn[data-v-f4373d9c]:hover{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-color:var(--primary-light);transform:translateY(-2px) scale(1.05);box-shadow:0 12px 30px #0000001a,0 6px 12px #0000000f}.quick-icon[data-v-f4373d9c]{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.quick-label[data-v-f4373d9c]{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:center}.recent-searches[data-v-f4373d9c]{display:flex;gap:8px;flex-wrap:wrap}.search-tag[data-v-f4373d9c]{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);color:var(--primary);padding:8px 16px;border-radius:12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--primary-light)}.search-tag[data-v-f4373d9c]:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;transform:translateY(-1px) scale(1.05);box-shadow:0 6px 16px #3b82f64d}.section-card[data-v-f4373d9c]{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 30px #00000014,0 4px 12px #0000000a;margin-bottom:40px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.section-card[data-v-f4373d9c]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.section-card[data-v-f4373d9c]:hover:before{opacity:1}.section-card[data-v-f4373d9c]:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 50px #0000001f,0 8px 20px #00000014;border-color:var(--primary-light);background:linear-gradient(135deg,#ffffff 0%,#f1f5f9 100%)}.section-header[data-v-f4373d9c]{padding:32px;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.8) 0%,rgba(248,250,252,.6) 100%);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header[data-v-f4373d9c]:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);opacity:.6}.header-content[data-v-f4373d9c]{display:flex;flex-direction:column;gap:8px}.section-header h2[data-v-f4373d9c]{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.025em;display:flex;align-items:center;gap:12px}.header-subtitle[data-v-f4373d9c]{font-size:.9rem;color:var(--text-secondary);margin:0;font-weight:500}.results-summary[data-v-f4373d9c]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-time[data-v-f4373d9c]{color:var(--text-muted);font-size:.85rem;font-weight:500}.header-actions[data-v-f4373d9c]{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.results-info[data-v-f4373d9c]{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.results-count[data-v-f4373d9c]{color:var(--text-secondary);font-weight:600;font-size:.9rem;padding:var(--space-sm) var(--space-md);background:var(--primary-50);border-radius:var(--radius-lg)}.results-actions[data-v-f4373d9c]{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.search-form[data-v-f4373d9c]{padding:32px;background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(248,250,252,.8) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 20px 20px}.search-row[data-v-f4373d9c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.search-row[data-v-f4373d9c]:last-child{margin-bottom:0}.search-field[data-v-f4373d9c]{display:flex;flex-direction:column}.search-field.search-actions[data-v-f4373d9c]{display:flex;align-items:end;justify-content:center}.search-field label[data-v-f4373d9c]{color:#374151;font-weight:500;font-size:14px;margin-bottom:6px;display:block}.form-input[data-v-f4373d9c]{padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;background:linear-gradient(135deg,#ffffff 0%,#f9fafb 100%);font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-primary);box-shadow:0 4px 12px #0000000d,0 2px 4px #00000008;width:100%;min-height:52px}.form-input[data-v-f4373d9c]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,0 8px 20px #3b82f61a;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);transform:translateY(-1px)}.form-input[data-v-f4373d9c]:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 16px #00000014,0 3px 6px #0000000a}.form-input.small[data-v-f4373d9c]{padding:8px 12px;font-size:13px;border-radius:6px}.form-input[data-v-f4373d9c]::placeholder{color:#9ca3af;font-weight:400}.btn-primary[data-v-f4373d9c]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:2px solid transparent;padding:16px 32px;border-radius:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:15px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 25px #3b82f659,0 4px 8px #3b82f633;position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase;min-height:52px}.btn-primary[data-v-f4373d9c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn-primary[data-v-f4373d9c]:hover:before{left:100%}.btn-primary[data-v-f4373d9c]:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #3b82f680,0 8px 16px #3b82f64d;border-color:#fff3}.btn-primary[data-v-f4373d9c]:active{transform:translateY(0) scale(1)}.btn-primary[data-v-f4373d9c]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.btn-secondary[data-v-f4373d9c]{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);color:var(--text-primary);border:2px solid #e2e8f0;padding:14px 28px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;position:relative;overflow:hidden;letter-spacing:.3px;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-secondary[data-v-f4373d9c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.05),transparent);transition:left var(--transition-slow)}.btn-secondary[data-v-f4373d9c]:hover:before{left:100%}.btn-secondary[data-v-f4373d9c]:hover{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-color:var(--primary-light);color:var(--primary);transform:translateY(-2px) scale(1.03);box-shadow:0 8px 20px #0000001f,0 4px 8px #00000014}.btn-danger[data-v-f4373d9c]{background:linear-gradient(135deg,var(--danger) 0%,var(--danger-light) 100%);color:var(--text-inverse);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-size:.9rem;box-shadow:0 4px 12px #ef44444d;letter-spacing:.025em}.btn-danger[data-v-f4373d9c]:hover{background:linear-gradient(135deg,#dc2626 0%,var(--danger) 100%);transform:translateY(-1px);box-shadow:0 8px 20px #ef444466}.bulk-actions-bar[data-v-f4373d9c]{background:var(--primary);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.bulk-count[data-v-f4373d9c]{color:#fff;font-weight:600;font-size:.875rem}.bulk-buttons[data-v-f4373d9c]{display:flex;gap:.75rem}.table-container[data-v-f4373d9c]{overflow-x:auto;border-radius:var(--radius-xl);background:var(--bg-card);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);margin:var(--space-xl) 0}.email-table[data-v-f4373d9c]{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.email-table thead[data-v-f4373d9c]{background:linear-gradient(135deg,var(--primary-50) 0%,var(--bg-tertiary) 100%);position:sticky;top:0;z-index:10}.email-table th[data-v-f4373d9c]{padding:var(--space-lg) var(--space-md);text-align:left;font-weight:700;color:var(--text-primary);font-size:.85rem;border-bottom:2px solid var(--border-primary);white-space:nowrap;letter-spacing:.025em;text-transform:uppercase;position:relative}.email-table th.sortable[data-v-f4373d9c]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-base);position:relative;overflow:hidden}.email-table th.sortable[data-v-f4373d9c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-50),transparent);transition:left var(--transition-slow)}.email-table th.sortable[data-v-f4373d9c]:hover:before{left:100%}.email-table th.sortable[data-v-f4373d9c]:hover{background:var(--primary-50);color:var(--primary)}.sort-indicator[data-v-f4373d9c]{margin-left:var(--space-sm);color:var(--primary);font-weight:800;font-size:1rem}.checkbox-column[data-v-f4373d9c]{width:50px;text-align:center}.checkbox[data-v-f4373d9c]{width:1.1rem;height:1.1rem;accent-color:var(--primary);border-radius:var(--radius-sm);transition:all var(--transition-base)}.checkbox[data-v-f4373d9c]:hover{transform:scale(1.1)}.email-row[data-v-f4373d9c]{transition:all var(--transition-base);cursor:pointer;position:relative}.email-row[data-v-f4373d9c]:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--primary);transform:scaleY(0);transition:transform var(--transition-base)}.email-row[data-v-f4373d9c]:hover:before{transform:scaleY(1)}.email-row[data-v-f4373d9c]:hover{background:linear-gradient(135deg,var(--primary-50) 0%,var(--bg-tertiary) 100%);transform:translate(4px);box-shadow:var(--shadow-sm)}.email-row.selected[data-v-f4373d9c]{background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(99,102,241,.05) 100%);border-left:3px solid var(--primary)}.email-row.viewed[data-v-f4373d9c]{opacity:.7}.email-table td[data-v-f4373d9c]{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-light);vertical-align:middle;transition:all var(--transition-base)}.date-cell[data-v-f4373d9c]{color:var(--text-secondary);font-size:.8125rem;min-width:140px}.sender-cell[data-v-f4373d9c]{min-width:200px}.sender-info .sender-name[data-v-f4373d9c]{font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.sender-info .sender-email[data-v-f4373d9c]{color:var(--text-secondary);font-size:.8125rem}.recipients-cell[data-v-f4373d9c]{min-width:180px}.recipients-list[data-v-f4373d9c]{display:flex;flex-wrap:wrap;gap:.25rem}.recipient-tag[data-v-f4373d9c]{background:#f3f4f6;color:var(--text-secondary);padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem}.subject-cell[data-v-f4373d9c]{min-width:300px;max-width:400px}.subject-content .subject-text[data-v-f4373d9c]{color:var(--text-primary);font-weight:500;display:block;margin-bottom:.25rem}.email-tags[data-v-f4373d9c]{display:flex;flex-wrap:wrap;gap:.25rem}.tag[data-v-f4373d9c]{padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tag-confidential[data-v-f4373d9c]{background:#fef3c7;color:#92400e}.tag-urgent[data-v-f4373d9c]{background:#fee2e2;color:#dc2626}.tag-quarterly[data-v-f4373d9c]{background:#dbeafe;color:#1d4ed8}.tag-announcement[data-v-f4373d9c]{background:#f0fdf4;color:#166534}.tag-policy[data-v-f4373d9c]{background:#fdf4ff;color:#a21caf}.tag-security[data-v-f4373d9c]{background:#fef2f2;color:#dc2626}.priority-cell[data-v-f4373d9c]{min-width:80px}.priority-badge[data-v-f4373d9c]{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.priority-high[data-v-f4373d9c]{background:#fee2e2;color:#dc2626}.priority-normal[data-v-f4373d9c]{background:#f3f4f6;color:var(--text-secondary)}.priority-low[data-v-f4373d9c]{background:#f0fdf4;color:#166534}.size-cell[data-v-f4373d9c]{color:var(--text-secondary);font-size:.8125rem;text-align:right;min-width:80px}.attachment-cell[data-v-f4373d9c]{text-align:center;min-width:100px}.attachment-info[data-v-f4373d9c]{display:flex;align-items:center;justify-content:center;gap:.25rem}.attachment-count[data-v-f4373d9c]{background:var(--secondary-color);color:#fff;padding:.125rem .375rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.attachment-icon[data-v-f4373d9c]{color:var(--secondary-color)}.no-attachment[data-v-f4373d9c]{color:var(--text-muted)}.actions-cell[data-v-f4373d9c]{min-width:140px}.action-buttons[data-v-f4373d9c]{display:flex;gap:.25rem}.action-btn[data-v-f4373d9c]{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:var(--text-secondary);border:2px solid transparent;padding:10px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;font-size:16px;box-shadow:0 2px 8px #0000000f}.action-btn[data-v-f4373d9c]:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;transform:translateY(-2px) scale(1.1);box-shadow:0 8px 20px #3b82f64d,0 4px 8px #3b82f633;border-color:#fff3}.pagination[data-v-f4373d9c]{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary)}.pagination-info[data-v-f4373d9c]{color:var(--text-secondary);font-size:.875rem}.pagination-controls[data-v-f4373d9c]{display:flex;align-items:center;gap:1rem}.page-numbers[data-v-f4373d9c]{display:flex;gap:.25rem}.page-btn[data-v-f4373d9c]{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border);padding:.5rem .75rem;border-radius:var(--radius);cursor:pointer;transition:all .2s;font-size:.875rem}.page-btn[data-v-f4373d9c]:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.page-btn.active[data-v-f4373d9c]{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-overlay[data-v-f4373d9c]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.modal-content[data-v-f4373d9c]{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg)}.email-preview[data-v-f4373d9c]{max-width:900px}.modal-header[data-v-f4373d9c]{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-f4373d9c]{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.close-btn[data-v-f4373d9c]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:.25rem;border-radius:.25rem;transition:all .2s}.close-btn[data-v-f4373d9c]:hover{background:#f3f4f6;color:var(--text-primary)}.modal-body[data-v-f4373d9c]{padding:1.5rem;max-height:60vh;overflow-y:auto}.email-meta[data-v-f4373d9c]{background:#f9fafb;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.meta-row[data-v-f4373d9c]{margin-bottom:.5rem;font-size:.875rem}.meta-row[data-v-f4373d9c]:last-child{margin-bottom:0}.email-content h4[data-v-f4373d9c]{color:var(--text-primary);margin-bottom:.75rem;font-weight:600}.content-preview[data-v-f4373d9c]{background:#f9fafb;padding:1rem;border-radius:.5rem;border-left:4px solid var(--secondary-color);color:var(--text-secondary);line-height:1.6}.email-attachments[data-v-f4373d9c]{margin-top:1.5rem}.attachments-list[data-v-f4373d9c]{display:flex;flex-direction:column;gap:.75rem}.attachment-item[data-v-f4373d9c]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:.5rem;border:1px solid var(--border)}.attachment-name[data-v-f4373d9c]{flex:1;font-weight:500;color:var(--text-primary)}.attachment-size[data-v-f4373d9c]{color:var(--text-secondary);font-size:.8125rem}.modal-footer[data-v-f4373d9c]{padding:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}@media (max-width: 1200px){.sidebar[data-v-f4373d9c]{width:280px}.main-content[data-v-f4373d9c]{margin-left:280px}}@media (max-width: 1024px){.sidebar[data-v-f4373d9c]{transform:translate(-100%);transition:transform var(--transition-base)}.main-content[data-v-f4373d9c]{margin-left:0;padding:var(--space-lg)}.stats-grid[data-v-f4373d9c]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.header .container[data-v-f4373d9c]{padding:var(--space-md) var(--space-lg)}.section-header[data-v-f4373d9c]{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.results-info[data-v-f4373d9c]{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}@media (max-width: 768px){.header .container[data-v-f4373d9c],.main-content[data-v-f4373d9c]{padding:1rem}.search-row[data-v-f4373d9c]{grid-template-columns:1fr}.section-header[data-v-f4373d9c]{flex-direction:column;align-items:flex-start;gap:1rem}.results-info[data-v-f4373d9c]{flex-direction:column;align-items:flex-start;gap:.5rem}.pagination[data-v-f4373d9c]{flex-direction:column;gap:1rem}.modal-overlay[data-v-f4373d9c]{padding:1rem}.email-table[data-v-f4373d9c]{font-size:.8125rem}.email-table th[data-v-f4373d9c],.email-table td[data-v-f4373d9c]{padding:.75rem .5rem}}@media (max-width: 640px){.stats-grid[data-v-f4373d9c]{grid-template-columns:1fr}.header-actions[data-v-f4373d9c],.results-actions[data-v-f4373d9c]{flex-direction:column;gap:.5rem}.bulk-actions-bar[data-v-f4373d9c]{flex-direction:column;gap:.75rem;align-items:flex-start}}@keyframes fadeInUp-f4373d9c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft-f4373d9c{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer-f4373d9c{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes float-f4373d9c{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stat-card[data-v-f4373d9c]{animation:fadeInUp-f4373d9c .6s ease-out both}.stat-card[data-v-f4373d9c]:nth-child(1){animation-delay:.1s}.stat-card[data-v-f4373d9c]:nth-child(2){animation-delay:.2s}.stat-card[data-v-f4373d9c]:nth-child(3){animation-delay:.3s}.stat-card[data-v-f4373d9c]:nth-child(4){animation-delay:.4s}.section-card[data-v-f4373d9c]{animation:fadeInUp-f4373d9c .8s ease-out both}.nav-item[data-v-f4373d9c]{animation:slideInLeft-f4373d9c .5s ease-out both}.nav-item[data-v-f4373d9c]:nth-child(1){animation-delay:.1s}.nav-item[data-v-f4373d9c]:nth-child(2){animation-delay:.2s}.nav-item[data-v-f4373d9c]:nth-child(3){animation-delay:.3s}.nav-item[data-v-f4373d9c]:nth-child(4){animation-delay:.4s}.nav-item[data-v-f4373d9c]:nth-child(5){animation-delay:.5s}.nav-item[data-v-f4373d9c]:nth-child(6){animation-delay:.6s}.form-input[data-v-f4373d9c]:focus-visible,.btn-primary[data-v-f4373d9c]:focus-visible,.btn-secondary[data-v-f4373d9c]:focus-visible,.nav-item[data-v-f4373d9c]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary.loading[data-v-f4373d9c]{position:relative;color:transparent}.btn-primary.loading[data-v-f4373d9c]:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-f4373d9c 1s linear infinite}@keyframes spin-f4373d9c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content[data-v-f4373d9c]:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(99,102,241,.02) 0%,transparent 100%);pointer-events:none;z-index:-1}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1a1a1a;background:#ffffff;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.header .container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.logo{display:flex;align-items:center;gap:12px}.logo-img{height:40px;width:auto;object-fit:contain}.logo-text{font-size:1.5rem;font-weight:700;color:#2d3748}.nav{display:flex;align-items:center;gap:30px}.nav a{text-decoration:none;color:#4a5568;font-weight:500;transition:color .3s ease}.nav a:hover{color:#667eea}.cta-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff!important;padding:10px 20px;border-radius:25px;font-weight:600;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.hero{padding:120px 0 80px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 30%,#e2e8f0 100%),linear-gradient(45deg,rgba(102,126,234,.02) 0%,rgba(139,92,246,.02) 50%,rgba(236,72,153,.02) 100%);background-size:100% 100%,200% 200%;animation:backgroundShift 20s ease-in-out infinite;position:relative;overflow:hidden}.floating-dots{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.dot{position:absolute;border-radius:50%;animation:float 20s infinite linear;opacity:.8;filter:blur(.5px)}.dot-1{width:12px;height:12px;background:#60a5fa;top:8%;left:4%;animation-delay:0s;animation-duration:25s;filter:blur(1px);opacity:.6}.dot-2{width:18px;height:18px;background:#a78bfa;top:15%;right:10%;animation-delay:-5s;animation-duration:30s;filter:blur(1px);opacity:.7}.dot-3{width:8px;height:8px;background:#f472b6;bottom:20%;left:12%;animation-delay:-10s;animation-duration:22s;filter:blur(.5px);opacity:.5}.dot-4{width:15px;height:15px;background:#22d3ee;bottom:30%;right:8%;animation-delay:-15s;animation-duration:28s;filter:blur(1px);opacity:.6}.dot-5{width:10px;height:10px;background:#818cf8;top:50%;left:20%;animation-delay:-20s;animation-duration:26s;filter:blur(.5px);opacity:.4}.dot-6{width:14px;height:14px;background:#fb7185;top:35%;right:30%;animation-delay:-8s;animation-duration:24s;filter:blur(1px);opacity:.6}.dot-7{width:6px;height:6px;background:#34d399;bottom:45%;left:40%;animation-delay:-12s;animation-duration:32s;filter:blur(.5px);opacity:.4}.dot-8{width:16px;height:16px;background:#fbbf24;top:65%;right:18%;animation-delay:-18s;animation-duration:27s;filter:blur(1px);opacity:.5}@keyframes float{0%{transform:translateY(0) translate(0);opacity:.4}25%{transform:translateY(-8px) translate(4px);opacity:.7}50%{transform:translateY(-4px) translate(-2px);opacity:.3}75%{transform:translateY(-12px) translate(6px);opacity:.6}to{transform:translateY(0) translate(0);opacity:.4}}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 25%,rgba(96,165,250,.08) 0%,transparent 40%),radial-gradient(circle at 85% 20%,rgba(139,92,246,.06) 0%,transparent 35%),radial-gradient(circle at 70% 70%,rgba(236,72,153,.05) 0%,transparent 45%),radial-gradient(circle at 25% 80%,rgba(34,211,238,.04) 0%,transparent 30%);filter:blur(60px);pointer-events:none;z-index:1}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:10}.hero-badge{display:inline-block;background:rgba(102,126,234,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#667eea;padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:600;margin-bottom:20px;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 12px #667eea1a;animation:glow 3s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;color:#2d3748;letter-spacing:-.02em;animation:fadeInUp .8s ease-out}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);background-size:200% 200%;animation:backgroundShift 4s ease-in-out infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(102,126,234,.2))}.hero-subtitle{font-size:1.25rem;color:#4a5568;margin-bottom:40px;line-height:1.7}.hero-buttons{display:flex;gap:20px;margin-bottom:50px}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:15px 30px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #667eea4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #667eea80,0 8px 16px #764ba24d;background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%)}.btn-primary.large{padding:18px 40px;font-size:1.1rem}.btn-secondary{background:transparent;color:#667eea;border:2px solid #667eea;padding:13px 28px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-3px);box-shadow:0 15px 35px #667eea33}.btn-secondary.large{padding:16px 38px;font-size:1.1rem}.hero-stats{display:flex;gap:40px}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px;filter:drop-shadow(0 2px 4px rgba(102,126,234,.1))}.stat-label{font-size:.9rem;color:#718096;text-align:center}.hero-visual{display:flex;justify-content:center;align-items:center;perspective:1000px}.email-flow{display:flex;align-items:center;gap:40px;background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);padding:50px 40px;border-radius:32px;box-shadow:0 32px 64px #667eea33,0 16px 32px #0000001a,inset 0 1px #fffc,inset 0 -1px #fff3;border:2px solid rgba(255,255,255,.3);position:relative;overflow:hidden;transform:perspective(1000px) rotateX(2deg);transition:all .4s cubic-bezier(.4,0,.2,1)}.email-flow:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.05) 0%,transparent 50%);pointer-events:none}.email-source{display:flex;flex-direction:column;gap:20px;position:relative;z-index:2}.platform{padding:30px;border-radius:24px;position:relative;transform:translateZ(0);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 32px #00000026,inset 0 1px #fff9;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:120px;min-height:120px}.platform-icon{height:80px;width:80px;object-fit:contain}.platform:hover{transform:translateY(-8px) scale(1.05) rotateY(5deg);box-shadow:0 20px 40px #00000040,inset 0 1px #fffc}.platform.office365:hover{box-shadow:0 12px 35px #0078d433,0 8px 25px #0000001a}.platform.gmail:hover{box-shadow:0 12px 35px #ea433533,0 8px 25px #0000001a}.mail-flow-animation{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2;width:60px;height:80px;justify-content:center;align-items:center}.mail-envelope{width:24px;height:24px;color:#667eea;position:relative;animation:mailFlow 3s infinite ease-in-out;opacity:0;filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.mail-envelope:nth-child(1){animation-delay:0s}.mail-envelope:nth-child(2){animation-delay:.8s}.mail-envelope:nth-child(3){animation-delay:1.6s}.mail-envelope svg{width:100%;height:100%;transition:all .3s ease}@keyframes mailFlow{0%{opacity:0;transform:translate(-20px) scale(.8)}25%{opacity:1;transform:translate(-10px) scale(1)}50%{opacity:1;transform:translate(0) scale(1.1)}75%{opacity:1;transform:translate(10px) scale(1)}to{opacity:0;transform:translate(20px) scale(.8)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.mailguardian-box{background:linear-gradient(145deg,#667eea 0%,#764ba2 50%,#f093fb 100%);color:#fff;padding:30px 25px;border-radius:28px;text-align:center;min-width:180px;position:relative;z-index:2;box-shadow:0 24px 48px #667eea80,0 8px 16px #764ba24d,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;border:1px solid rgba(255,255,255,.2);transform:translateZ(20px) perspective(1000px) rotateY(-2deg);transition:all .4s cubic-bezier(.4,0,.2,1)}.mailguardian-box:hover{transform:translateZ(20px) translateY(-8px) scale(1.05) perspective(1000px) rotateY(2deg);box-shadow:0 32px 64px #667eea99,0 16px 32px #764ba266,inset 0 1px #fff6,inset 0 -1px #0000001a}.mailguardian-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:24px;pointer-events:none}.mg-logo-img{height:40px;width:auto;object-fit:contain;margin-bottom:12px;filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .3s ease}.mailguardian-box:hover .mg-logo-img{transform:scale(1.1) rotate(5deg)}.mg-title{font-weight:800;margin-bottom:16px;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.processes{display:flex;flex-direction:column;gap:8px}.process{background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 12px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;position:relative;overflow:hidden}.process:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.process:hover:before{left:100%}.process:hover{background:rgba(255,255,255,.35);transform:translate(2px)}.user-inbox{display:flex;flex-direction:column;align-items:center;gap:15px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:35px 30px;border-radius:24px;position:relative;z-index:2;box-shadow:0 25px 60px #00000040,0 15px 35px #667eea26,inset 0 1px #fff6,inset 0 -1px #ffffff1a;border:2px solid rgba(255,255,255,.3);transition:all .3s ease;min-width:160px}.user-inbox:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 35px 80px #0000004d,0 20px 45px #667eea33,inset 0 1px #ffffff80,inset 0 -1px #fff3;border:2px solid rgba(255,255,255,.4)}.user-inbox:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(102,126,234,.1) 100%);border-radius:22px;pointer-events:none}.inbox-icon-container{background:rgba(102,126,234,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;animation:float 3s ease-in-out infinite;box-shadow:0 8px 25px #667eea66,inset 0 1px #ffffff4d}.user-inbox:hover .inbox-icon-container{background:rgba(102,126,234,.9);transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px #667eea80,inset 0 1px #fff6}.inbox-icon{width:44px;height:44px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:all .3s ease;position:relative;z-index:1}.inbox-icon svg{width:44px;height:44px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.inbox-content{text-align:center;position:relative;z-index:1}.inbox-label{font-weight:800;color:#2d3748;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1;margin-bottom:4px}.inbox-subtitle{font-size:.85rem;color:#4a5568;font-weight:600;position:relative;z-index:1}.features{padding:100px 0;background:white}.section-header{text-align:center;margin-bottom:80px}.section-header h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:16px}.section-header p{font-size:1.2rem;color:#718096}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-card{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);padding:40px 30px;border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateY(0)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 32px 64px #0003,0 16px 32px #667eea1a,inset 0 1px #fff9;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.4)}.feature-icon{font-size:3rem;margin-bottom:20px;display:block}.feature-card h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:15px}.feature-card p{color:#4a5568;margin-bottom:20px;line-height:1.7}.feature-list{list-style:none}.feature-list li{color:#718096;margin-bottom:8px;padding-left:20px;position:relative}.feature-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.how-it-works{padding:100px 0;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 50%,#e2e8f0 100%);position:relative;overflow:hidden}.how-it-works .container{position:relative;z-index:10}.floating-dots-secondary{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.dot-secondary-1{width:10px;height:10px;background:rgba(96,165,250,.4);top:18%;left:15%;animation-delay:-3s;animation-duration:28s;filter:blur(1px);opacity:.5}.dot-secondary-2{width:14px;height:14px;background:rgba(167,139,250,.4);top:65%;right:18%;animation-delay:-8s;animation-duration:35s;filter:blur(1px);opacity:.6}.dot-secondary-3{width:8px;height:8px;background:rgba(244,114,182,.4);bottom:25%;left:20%;animation-delay:-12s;animation-duration:30s;filter:blur(.5px);opacity:.4}.dot-secondary-4{width:12px;height:12px;background:rgba(34,211,238,.4);top:45%;right:30%;animation-delay:-15s;animation-duration:25s;filter:blur(1px);opacity:.5}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;margin-top:60px}.step{text-align:center;position:relative}.step-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;display:block}.step h3{font-size:1.3rem;font-weight:700;color:#2d3748;margin-bottom:15px}.step p{color:#4a5568;line-height:1.7}.cta-section{padding:100px 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-content p{font-size:1.2rem;opacity:.9;margin-bottom:40px}.cta-buttons{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.cta-buttons .btn-primary{background:white;color:#667eea}.cta-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #ffffff4d}.cta-buttons .btn-secondary{border-color:#fff;color:#fff}.cta-buttons .btn-secondary:hover{background:white;color:#667eea}.cta-features{display:flex;justify-content:center;gap:40px;opacity:.9}.cta-feature{font-weight:500}.footer{background:#2d3748;color:#fff;padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo-img{height:32px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.footer-section h3{font-size:1.3rem;margin:0}.footer-section h4{font-size:1.1rem;margin-bottom:15px;color:#a0aec0}.footer-section p{color:#a0aec0;line-height:1.7}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#a0aec0;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#667eea}.footer-bottom{border-top:1px solid #4a5568;padding-top:30px;text-align:center;color:#a0aec0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes backgroundShift{0%,to{background-position:0% 0%,0% 50%}25%{background-position:0% 0%,100% 0%}50%{background-position:0% 0%,100% 100%}75%{background-position:0% 0%,0% 100%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99}}.feature-card{animation:fadeInUp .6s ease-out}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.2s}.feature-card:nth-child(4){animation-delay:.3s}.feature-card:nth-child(5){animation-delay:.4s}.feature-card:nth-child(6){animation-delay:.5s}@media (max-width: 768px){.nav{display:none}.dot{transform:scale(.8)!important}.dot-1,.dot-3,.dot-6,.dot-8{display:none}.logo-img{height:35px}.logo-text{font-size:1.3rem}.hero .container{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.hero-stats{justify-content:center;gap:30px}.email-flow{flex-direction:column;gap:30px;padding:40px 25px}.mail-flow-animation{width:80px;height:60px;flex-direction:row;gap:12px}.mail-envelope{width:20px;height:20px}.platform{padding:25px;min-width:100px;min-height:100px}.platform-icon{height:70px;width:70px}.mailguardian-box{min-width:160px;padding:25px 20px}.mg-logo-img{height:35px}.mg-title{font-size:1rem}.user-inbox{padding:30px 25px;min-width:140px}.inbox-icon-container{padding:15px}.inbox-icon svg{width:38px;height:38px}.inbox-label{font-size:1rem}.inbox-subtitle{font-size:.8rem}.features-grid{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr;gap:40px}.cta-buttons{flex-direction:column;align-items:center}.cta-features{flex-direction:column;gap:15px}.footer-content{grid-template-columns:1fr;gap:30px}.section-header h2,.cta-content h2{font-size:2rem}}@media (max-width: 480px){.container{padding:0 15px}.hero{padding:100px 0 60px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-stats{flex-direction:column;gap:20px}.email-flow{padding:20px 15px}.feature-card{padding:30px 20px}}