:root{--inbox-bg:#0a0a0f;--inbox-surface:#13131a;--inbox-surface-hover:#1a1a24;--inbox-surface-elevated:#1f1f2e;--inbox-border:hsla(0,0%,100%,.06);--inbox-border-hover:hsla(0,0%,100%,.12);--inbox-border-focus:rgba(139,92,246,.4);--inbox-text-primary:#f5f5f7;--inbox-text-secondary:#a0a0ab;--inbox-text-tertiary:#6b6b77;--inbox-accent:linear-gradient(135deg,#8b5cf6,#6366f1);--inbox-accent-solid:#8b5cf6;--inbox-accent-hover:#7c3aed;--inbox-unread:#10b981;--inbox-unread-bg:rgba(16,185,129,.12);--inbox-new:#f59e0b;--inbox-priority:#ef4444;--inbox-shadow-sm:0 1px 2px rgba(0,0,0,.3);--inbox-shadow-md:0 4px 12px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.15);--inbox-shadow-lg:0 12px 32px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.25);--inbox-shadow-accent:0 8px 24px rgba(139,92,246,.25);--inbox-font-display:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--inbox-font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--inbox-text-xs:0.75rem;--inbox-text-sm:0.875rem;--inbox-text-base:1rem;--inbox-text-lg:1.25rem;--inbox-text-xl:1.5rem;--inbox-text-2xl:1.875rem;--inbox-weight-normal:400;--inbox-weight-medium:500;--inbox-weight-semibold:600;--inbox-weight-bold:700;--inbox-leading-tight:1.2;--inbox-leading-normal:1.5;--inbox-leading-relaxed:1.75}.inbox-page-v2{display:flex;flex-direction:column;height:calc(100vh - 4rem);background:var(--inbox-bg);font-family:var(--inbox-font-body)}.inbox-header-v2{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;gap:2rem;border-bottom:1px solid var(--inbox-border)}.inbox-title-section{display:flex;flex-direction:column;gap:1rem}.inbox-title-section h1{font-size:var(--inbox-text-2xl);font-weight:var(--inbox-weight-bold);font-family:var(--inbox-font-display);margin:0;background:linear-gradient(135deg,var(--inbox-text-primary) 0,var(--inbox-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--inbox-leading-tight)}.inbox-filters{display:flex;gap:.5rem;padding:.375rem;background:rgba(19,19,26,.4);border-radius:.75rem;border:1px solid var(--inbox-border)}.filter-tab{padding:.5rem 1rem;border-radius:.5rem;background:transparent;border:none;color:var(--inbox-text-secondary);font-size:var(--inbox-text-sm);font-weight:var(--inbox-weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.filter-tab:hover{color:var(--inbox-text-primary);background:hsla(0,0%,100%,.03)}.filter-tab.active{background:var(--inbox-surface-elevated);color:var(--inbox-text-primary);box-shadow:var(--inbox-shadow-sm)}.filter-tab .count{padding:.125rem .5rem;border-radius:.375rem;background:hsla(0,0%,100%,.05);font-size:var(--inbox-text-xs);font-weight:var(--inbox-weight-semibold)}.filter-tab .count.unread{background:var(--inbox-unread-bg);color:var(--inbox-unread);border:1px solid rgba(16,185,129,.2)}.inbox-actions{gap:.75rem}.action-btn,.inbox-actions{display:flex;align-items:center}.action-btn{padding:.625rem 1.25rem;border-radius:.75rem;font-size:var(--inbox-text-sm);font-weight:var(--inbox-weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);gap:.5rem;border:none;white-space:nowrap}.action-btn.secondary{background:var(--inbox-surface);color:var(--inbox-text-secondary);border:1px solid var(--inbox-border)}.action-btn.secondary:hover{background:var(--inbox-surface-hover);color:var(--inbox-text-primary);border-color:var(--inbox-border-hover);transform:translateY(-1px);box-shadow:var(--inbox-shadow-sm)}.action-btn.primary{background:var(--inbox-accent-solid);color:#fff;border:1px solid transparent;box-shadow:var(--inbox-shadow-accent)}.action-btn.primary:hover{background:var(--inbox-accent-hover);transform:translateY(-1px);box-shadow:0 12px 32px rgba(139,92,246,.35)}.action-btn:active{transform:translateY(0)}.inbox-search-v2{padding:1.5rem 2rem;background:transparent}.search-input-wrapper-v2{position:relative;max-width:600px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--inbox-text-tertiary);pointer-events:none;z-index:2;transition:color .2s}.search-input-wrapper-v2:focus-within .search-icon{color:var(--inbox-accent-solid)}.search-input-v2{width:100%;padding:.875rem 1.25rem .875rem 3rem;background:rgba(19,19,26,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--inbox-border);border-radius:1rem;font-size:var(--inbox-text-sm);color:var(--inbox-text-primary);font-family:var(--inbox-font-body);transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input-v2:focus{outline:none;background:rgba(19,19,26,.8);border-color:var(--inbox-accent-solid);box-shadow:0 0 0 3px rgba(139,92,246,.12),var(--inbox-shadow-md);transform:translateY(-1px)}.search-input-v2::-moz-placeholder{color:var(--inbox-text-tertiary);font-weight:var(--inbox-weight-normal)}.search-input-v2::placeholder{color:var(--inbox-text-tertiary);font-weight:var(--inbox-weight-normal)}.inbox-content-v2{flex:1;overflow-y:auto;padding:1.5rem 2rem 2rem}.inbox-content-v2::-webkit-scrollbar{width:8px}.inbox-content-v2::-webkit-scrollbar-track{background:transparent}.inbox-content-v2::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}.inbox-content-v2::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.15)}.conversation-list-v2{display:flex;flex-direction:column;gap:1rem}.conversation-card-v2{position:relative;display:flex;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;background:rgba(19,19,26,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--inbox-border);border-radius:1.25rem;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) backwards}.conversation-card-v2:first-child{animation-delay:50ms}.conversation-card-v2:nth-child(2){animation-delay:.1s}.conversation-card-v2:nth-child(3){animation-delay:.15s}.conversation-card-v2:nth-child(4){animation-delay:.2s}.conversation-card-v2:nth-child(5){animation-delay:.25s}.conversation-card-v2:nth-child(6){animation-delay:.3s}.conversation-card-v2:nth-child(7){animation-delay:.35s}.conversation-card-v2:nth-child(8){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.conversation-card-v2:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(139,92,246,.3),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s;pointer-events:none}.conversation-card-v2:hover{transform:scale(1.01);border-color:var(--inbox-border-hover);box-shadow:var(--inbox-shadow-lg),0 0 0 1px rgba(139,92,246,.1)}.conversation-card-v2:hover:before{opacity:1}.conversation-card-v2:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(139,92,246,.3);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.conversation-card-v2:active:after{animation:ripple .6s ease-out}@keyframes ripple{to{width:400px;height:400px;opacity:0}}.conversation-avatar-v2{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:1.25rem;flex-shrink:0;background:linear-gradient(135deg,var(--agent-color) 0,color-mix(in srgb,var(--agent-color) 70%,#000) 100%);box-shadow:var(--inbox-shadow-md),inset 0 1px 2px hsla(0,0%,100%,.15);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.conversation-avatar-v2:after{content:"";position:absolute;inset:-3px;border-radius:inherit;background:linear-gradient(135deg,var(--agent-color),transparent);opacity:0;filter:blur(8px);transition:opacity .3s;z-index:-1}.conversation-card-v2:hover .conversation-avatar-v2{transform:scale(1.05)}.conversation-card-v2:hover .conversation-avatar-v2:after{opacity:.4}.conversation-info-v2{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.conversation-header-v2{display:flex;align-items:center;gap:.75rem}.conversation-header-v2 h3{font-size:var(--inbox-text-base);font-weight:var(--inbox-weight-semibold);margin:0;color:var(--inbox-text-primary);line-height:var(--inbox-leading-tight)}.conversation-role-v2{font-size:var(--inbox-text-xs);color:var(--inbox-text-tertiary);padding:.125rem .5rem;background:hsla(0,0%,100%,.05);border-radius:.375rem;text-transform:uppercase;letter-spacing:.025em;font-weight:var(--inbox-weight-medium)}.conversation-last-message-v2{font-size:var(--inbox-text-sm);color:var(--inbox-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:var(--inbox-leading-relaxed)}.conversation-meta-v2{display:flex;align-items:center;gap:1rem;font-size:var(--inbox-text-xs);color:var(--inbox-text-tertiary)}.conversation-time-v2{display:flex;align-items:center;gap:.375rem}.conversation-count-v2{opacity:.8}.unread-badge{min-width:24px;height:24px;padding:0 8px;border-radius:12px;background:var(--inbox-unread-bg);color:var(--inbox-unread);font-size:var(--inbox-text-xs);font-weight:var(--inbox-weight-semibold);display:flex;align-items:center;justify-content:center;border:1px solid rgba(16,185,129,.2);box-shadow:0 0 12px rgba(16,185,129,.2)}.participant-avatars{display:flex;align-items:center;margin-left:auto;padding-right:.5rem}.participant-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--inbox-surface);margin-left:-8px;transition:all .2s cubic-bezier(.4,0,.2,1);object-fit:cover;background:var(--inbox-surface-elevated)}.participant-avatar:first-child{margin-left:0}.participant-avatar:hover{transform:scale(1.15) translateY(-2px);z-index:10;box-shadow:var(--inbox-shadow-md)}.more-participants{width:28px;height:28px;border-radius:50%;background:var(--inbox-surface-elevated);border:2px solid var(--inbox-surface);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:var(--inbox-weight-semibold);color:var(--inbox-text-secondary)}.conversation-quick-actions{display:flex;gap:.5rem;opacity:0;transform:translateX(20px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.conversation-card-v2:hover .conversation-quick-actions{opacity:1;transform:translateX(0);pointer-events:all}.quick-action-btn{width:36px;height:36px;border-radius:.625rem;background:var(--inbox-surface-elevated);border:1px solid var(--inbox-border);color:var(--inbox-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.quick-action-btn:hover{background:var(--inbox-accent-solid);border-color:var(--inbox-accent-solid);color:#fff;transform:scale(1.05);box-shadow:var(--inbox-shadow-accent)}.quick-action-btn:active{transform:scale(.95)}.quick-action-btn.reply:hover{background:#3b82f6;border-color:#3b82f6}.quick-action-btn.archive:hover{background:#6b7280;border-color:#6b7280}.quick-action-btn.pin:hover{background:#f59e0b;border-color:#f59e0b}.conversation-action-v2{color:var(--inbox-text-tertiary);transition:all .2s;flex-shrink:0;display:flex;align-items:center}.conversation-card-v2:hover .conversation-action-v2{color:var(--inbox-accent-solid);transform:translateX(4px)}.inbox-empty-state-v2,.inbox-error-state-v2,.inbox-loading-state-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1.5rem;color:var(--inbox-text-muted)}.inbox-empty-state-v2 svg,.inbox-error-state-v2 svg{color:var(--inbox-text-tertiary);opacity:.3}.inbox-loading-state-v2 .spinner{animation:spin .8s linear infinite;color:var(--inbox-accent-solid)}.inbox-empty-state-v2 h3,.inbox-error-state-v2 h3{font-size:var(--inbox-text-xl);font-weight:var(--inbox-weight-semibold);font-family:var(--inbox-font-display);color:var(--inbox-text-primary);margin:0;background:linear-gradient(135deg,var(--inbox-text-primary) 0,var(--inbox-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.inbox-empty-state-v2 p,.inbox-error-state-v2 p{font-size:var(--inbox-text-base);color:var(--inbox-text-secondary);margin:0;max-width:28rem;line-height:var(--inbox-leading-relaxed)}.inbox-fab-v2{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:var(--inbox-accent-solid);color:#fff;border:none;box-shadow:var(--inbox-shadow-accent);cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:100}.inbox-fab-v2:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 16px 40px rgba(139,92,246,.5)}.inbox-fab-v2:active{transform:scale(.95)}@media (max-width:1024px){.inbox-header-v2{padding:1.5rem 1.5rem 1.25rem}.inbox-search-v2{padding:1.25rem 1.5rem}.inbox-content-v2{padding:1.25rem 1.5rem 1.5rem}}@media (max-width:768px){.inbox-header-v2{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem 1rem}.inbox-actions{width:100%;justify-content:stretch}.action-btn{flex:1;justify-content:center}.inbox-filters{width:100%;justify-content:space-between}.filter-tab{flex:1;justify-content:center;padding:.5rem .75rem}.inbox-content-v2,.inbox-search-v2{padding:1rem}.conversation-card-v2{padding:1rem;gap:1rem}.conversation-avatar-v2{width:52px;height:52px}.conversation-quick-actions,.conversation-role-v2{display:none}.inbox-fab-v2{display:flex}}@media (max-width:480px){.inbox-title-section h1{font-size:var(--inbox-text-xl)}.inbox-actions{flex-direction:column}.action-btn{width:100%}.conversation-card-v2{padding:.875rem;gap:.875rem}.conversation-avatar-v2{width:48px;height:48px}.conversation-header-v2 h3{font-size:var(--inbox-text-sm)}.conversation-last-message-v2{font-size:var(--inbox-text-xs);-webkit-line-clamp:1}.conversation-meta-v2{gap:.5rem;font-size:.6875rem}.participant-avatars{display:none}.inbox-fab-v2{bottom:1.5rem;right:1.5rem;width:56px;height:56px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.action-btn:focus-visible,.conversation-card-v2:focus-visible,.filter-tab:focus-visible,.quick-action-btn:focus-visible{outline:2px solid var(--inbox-accent-solid);outline-offset:2px}@media (prefers-contrast:high){.conversation-card-v2{border:2px solid var(--inbox-border)}.conversation-card-v2:hover{border-color:var(--inbox-accent-solid)}}.integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.integration-card{position:relative;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;background:rgba(19,19,26,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.06);border-radius:1.25rem;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.integration-card:hover{border-color:hsla(0,0%,100%,.12);box-shadow:0 12px 32px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.25);transform:translateY(-2px)}.integration-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--integration-color,#8b5cf6) 0,transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s;pointer-events:none}.integration-card:hover:before{opacity:1}.integration-header{display:flex;align-items:flex-start;gap:1rem}.integration-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--integration-color) 0,color-mix(in srgb,var(--integration-color) 70%,#000) 100%);box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 2px hsla(0,0%,100%,.15);color:#fff;transition:all .3s}.integration-card:hover .integration-icon{transform:scale(1.05);box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 4px color-mix(in srgb,var(--integration-color) 20%,transparent)}.integration-title-group{flex:1;min-width:0}.integration-name{font-size:1rem;font-weight:var(--inbox-weight-semibold);color:var(--inbox-text-primary);margin:0 0 .25rem;line-height:var(--inbox-leading-tight)}.integration-category{display:inline-block;color:var(--inbox-text-tertiary);padding:.125rem .5rem;background:hsla(0,0%,100%,.05);border-radius:.375rem;font-weight:var(--inbox-weight-medium)}.integration-category,.status-badge{font-size:var(--inbox-text-xs);text-transform:uppercase;letter-spacing:.025em}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-weight:var(--inbox-weight-semibold);white-space:nowrap}.status-badge.connected{background:rgba(16,185,129,.12);color:#10b981;border:1px solid rgba(16,185,129,.2);box-shadow:0 0 12px rgba(16,185,129,.2)}.status-badge.connecting{background:rgba(59,130,246,.12);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.status-badge.error{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-badge.not-connected{background:hsla(240,5%,44%,.12);color:#6b6b77;border:1px solid hsla(240,5%,44%,.2)}.integration-description{font-size:var(--inbox-text-sm);color:var(--inbox-text-secondary);line-height:var(--inbox-leading-relaxed);margin:0}.integration-features{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.integration-feature{display:flex;align-items:center;gap:.5rem;font-size:var(--inbox-text-sm);color:var(--inbox-text-secondary)}.integration-feature svg{width:16px;height:16px;color:var(--integration-color);flex-shrink:0}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.oauth-btn:disabled{opacity:.5;cursor:not-allowed}.oauth-btn-google{background:#4285f4;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.oauth-btn-google:hover:not(:disabled){background:#357ae8;box-shadow:0 3px 8px rgba(0,0,0,.16),0 2px 4px rgba(0,0,0,.23);transform:translateY(-1px)}.oauth-btn-google:active:not(:disabled){background:#2a66c4;transform:translateY(0)}.oauth-btn-icon{width:18px;height:18px;flex-shrink:0}.oauth-btn-microsoft{background:#2f2f2f;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}.oauth-btn-microsoft:hover:not(:disabled){background:#1f1f1f;transform:translateY(-1px)}.oauth-btn-slack{background:#fff;color:#000;border:1px solid #ddd}.oauth-btn-slack:hover:not(:disabled){background:#f8f8f8;transform:translateY(-1px)}.connected-profile{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(31,31,46,.8);border-radius:.75rem;border:1px solid hsla(0,0%,100%,.06)}.connected-profile-avatar{width:40px;height:40px;border-radius:50%;border:2px solid hsla(0,0%,100%,.1);object-fit:cover;flex-shrink:0}.connected-profile-info{flex:1;min-width:0}.connected-profile-name{font-size:.9375rem;font-weight:var(--inbox-weight-semibold);color:var(--inbox-text-primary);margin:0;line-height:var(--inbox-leading-tight)}.connected-profile-email{font-size:.8125rem;color:var(--inbox-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connected-profile-sync{font-size:var(--inbox-text-xs);color:var(--inbox-text-tertiary);display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.connected-profile-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-secondary{padding:.5rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:var(--inbox-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;flex:1}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.btn-danger{padding:.5rem 1rem;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.2);border-radius:.5rem;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;flex:1}.btn-danger:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem}.spinner{width:32px;height:32px;animation:spin .8s linear infinite;color:var(--inbox-accent-solid)}.loading-text{font-size:.875rem;color:var(--inbox-text-secondary)}.error-state{padding:1rem;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:.75rem}.error-message{font-size:.875rem;color:#ef4444;margin:0 0 .75rem}.error-actions{display:flex;gap:.5rem}@keyframes successPulse{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 10px rgba(16,185,129,0)}}.integration-card.success{animation:successPulse 1s ease-out}@media (max-width:1024px){.integrations-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width:768px){.integrations-grid{grid-template-columns:1fr;gap:1rem}.integration-card{padding:1.25rem}.integration-icon{width:40px;height:40px}.oauth-btn{font-size:.875rem;padding:.875rem 1.25rem}.connected-profile{flex-direction:column;align-items:flex-start}.connected-profile-actions{width:100%;flex-direction:column}.btn-danger,.btn-secondary{width:100%}}@media (prefers-reduced-motion:reduce){.integration-card,.oauth-btn,.spinner{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn-danger:focus-visible,.btn-secondary:focus-visible,.integration-card:focus-visible,.oauth-btn:focus-visible{outline:2px solid var(--inbox-accent-solid);outline-offset:2px}.hubspot-status-dashboard{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:rgba(19,19,26,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.06);border-radius:1.25rem}.status-header{justify-content:space-between}.status-header,.status-header-left{display:flex;align-items:center;gap:1rem}.status-header-left h3{margin:0;font-size:1.25rem;font-weight:600;color:hsla(0,0%,100%,.95)}.status-header-actions,.test-result{display:flex;gap:.75rem}.test-result{align-items:center;padding:1rem;border-radius:.75rem;font-size:.875rem}.test-result.success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#10b981}.test-result.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444}.status-section{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.04);border-radius:.75rem}.status-section h4{margin:0;font-size:.9375rem;font-weight:600;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:.05em}.info-grid{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1.5rem;margin:0}.info-grid dt{font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.5)}.info-grid dd{margin:0;font-size:.875rem;color:hsla(0,0%,100%,.9);font-family:SF Mono,Monaco,Inconsolata,monospace}.info-grid dd a{color:#3b82f6;text-decoration:none;transition:color .2s}.info-grid dd a:hover{color:#60a5fa;text-decoration:underline}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:.5rem}.stat-card{padding:1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:.75rem;text-align:center;transition:all .25s}.stat-card:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.stat-value{font-size:1.75rem;font-weight:700;color:hsla(0,0%,100%,.95);margin-bottom:.25rem}.stat-label{font-size:.75rem;font-weight:500;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.05em}.stat-card.success .stat-value{color:#10b981}.stat-card.error .stat-value{color:#ef4444}.stat-card.warning .stat-value{color:#f59e0b}.error-rate-bar{margin-top:1rem}.error-rate-label{font-size:.875rem;font-weight:500;color:hsla(0,0%,100%,.7);margin-bottom:.5rem}.progress-bar{height:8px;background:hsla(0,0%,100%,.05);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.status-footer{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid hsla(0,0%,100%,.04)}.hubspot-status-loading{justify-content:center;padding:3rem;color:hsla(0,0%,100%,.6)}.hubspot-status-error,.hubspot-status-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.hubspot-status-error{padding:2rem;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.1);border-radius:.75rem;color:#ef4444}.hubspot-status-disconnected{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;color:hsla(0,0%,100%,.6)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.status-header{flex-direction:column;align-items:flex-start}.status-header-actions{width:100%;flex-direction:column}.status-header-actions button{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr;gap:.5rem}.info-grid dt{font-weight:600}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}