.session-expired-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10001}.session-expired-modal{background:linear-gradient(145deg,#161616fa,#111111fa);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,0 0 60px -15px rgba(var(--color-warning-rgb),.2);max-width:440px;padding:32px;position:relative;text-align:center;width:100%}.session-expired-modal:before{animation:sessionBorderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#0000 40%,rgba(var(--color-warning-rgb),.15) 50%,#0000 60%);border-radius:17px;content:"";inset:-1px;opacity:.5;position:absolute;z-index:-1}@keyframes sessionBorderGlow{0%,to{opacity:.3}50%{opacity:.6}}.session-expired-icon{align-items:center;background:rgba(var(--color-warning-rgb),.15);border-radius:50%;color:var(--color-warning);display:flex;height:64px;justify-content:center;margin:0 auto 20px;position:relative;width:64px}.session-expired-icon:after{animation:sessionPulse 2s ease-out infinite;border:2px solid var(--color-warning);border-radius:50%;content:"";inset:-4px;opacity:.3;position:absolute}@keyframes sessionPulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.15)}to{opacity:.3;transform:scale(1)}}.session-expired-title{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.375rem;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.session-expired-message,.session-expired-title{font-family:Inter,sans-serif;font-family:var(--font-display,"Inter",sans-serif)}.session-expired-message{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:.9375rem;line-height:1.6;margin:0 0 16px}.session-expired-note{align-items:center;background:rgba(var(--color-success-rgb),.1);border:1px solid rgba(var(--color-success-rgb),.2);border-radius:8px;color:var(--color-success);display:inline-flex;font-size:.8125rem;gap:6px;margin-bottom:24px;padding:10px 16px}.session-expired-actions{display:flex;gap:12px;margin-top:8px}.session-expired-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-display,"Inter",sans-serif);font-size:.9375rem;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.session-expired-btn-secondary{background:#ffffff0f;border:1px solid #ffffff1a;color:#a1a1a1;color:var(--text-secondary,#a1a1a1)}.session-expired-btn-secondary:hover{background:#ffffff14;border-color:#ffffff26;color:#f8fafc;color:var(--text-primary,#f8fafc)}.session-expired-btn-primary{background:linear-gradient(135deg,var(--color-warning),#d97706);box-shadow:0 4px 12px rgba(var(--color-warning-rgb),.3);color:#fff;font-weight:600}.session-expired-btn-primary:hover{background:linear-gradient(135deg,#fbbf24,var(--color-warning));box-shadow:0 6px 16px rgba(var(--color-warning-rgb),.4);transform:translateY(-1px)}.session-expired-btn-primary:focus{box-shadow:0 0 0 3px rgba(var(--color-warning-rgb),.4);outline:none}.session-expired-btn-primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.session-expired-help{color:var(--text-tertiary);font-size:.75rem;margin-top:16px}.session-expired-help kbd{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.6875rem;padding:2px 6px}@media (max-width:480px){.session-expired-modal{margin:16px;max-width:calc(100% - 32px);padding:24px 20px}.session-expired-icon{height:56px;margin-bottom:16px;width:56px}.session-expired-icon svg{height:24px;width:24px}.session-expired-title{font-size:1.25rem}.session-expired-message{font-size:.875rem}.session-expired-actions{flex-direction:column-reverse}.session-expired-btn{padding:14px 20px}.session-expired-note{font-size:.75rem;padding:8px 12px}}.global-error-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:10000}.global-error-modal{background:linear-gradient(145deg,#161616fa,#111111fa);border:1px solid #ffffff14;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080,0 0 60px -15px rgba(var(--glow-rgb),.3);max-width:420px;overflow:hidden;padding:var(--space-8);position:relative;text-align:center;width:100%}.global-error-glow{background:linear-gradient(90deg,#0000,rgba(var(--glow-rgb),.6),#0000);border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0}.global-error-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:var(--space-4);top:var(--space-4);touch-action:manipulation;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base);width:32px}.global-error-close:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.global-error-close:focus-visible{outline:2px solid var(--glow-color);outline-offset:2px}.global-error-icon{align-items:center;background:rgba(var(--glow-rgb),.1);border:2px solid rgba(var(--glow-rgb),.3);border-radius:50%;color:var(--glow-color);display:flex;height:72px;justify-content:center;margin:0 auto var(--space-4);position:relative;width:72px}.global-error-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.global-error-message{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin:0 0 var(--space-4)}.global-error-code{color:var(--text-muted);font-size:var(--text-xs);margin:0 0 var(--space-4)}.global-error-code code{background:var(--bg-elevated);border-radius:4px;color:var(--text-secondary);font-family:var(--font-data);padding:2px 6px}.global-error-countdown-container{align-items:center;background:rgba(var(--glow-rgb),.05);border:1px solid rgba(var(--glow-rgb),.2);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-6);padding:var(--space-4)}.global-error-countdown-ring{height:80px;margin:0 auto;position:relative;width:80px}.global-error-countdown-ring__svg{height:100%;width:100%}.global-error-countdown-ring__track{stroke:rgba(var(--glow-rgb),.15)}.global-error-countdown-ring__fill{stroke:var(--glow-color);transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1s ease-out}.global-error-countdown-ring .global-error-countdown{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.global-error-countdown{color:var(--glow-color);font-family:var(--font-data);font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:.05em}.global-error-countdown-label{color:var(--text-muted);font-size:var(--text-sm)}.global-error-countdown--paused{animation:pausedPulse 1.5s ease-in-out infinite;opacity:.7}@keyframes pausedPulse{0%,to{opacity:.7}50%{opacity:.5}}.global-error-auto-retry-container{align-items:center;background:rgba(var(--glow-rgb),.05);border:1px solid rgba(var(--glow-rgb),.2);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4)}.global-error-spinner{align-items:center;animation:global-error-spin 1s linear infinite;color:var(--glow-color);display:flex;justify-content:center}.global-error-retry-exhausted{background:rgba(var(--glow-rgb),.05);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center}.global-error-retry-exhausted p{margin:0 0 var(--space-1)}.global-error-retry-exhausted p:last-child{margin-bottom:0}.global-error-button-spinner{animation:global-error-spin 1s linear infinite}@keyframes global-error-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.global-error-button:disabled{cursor:not-allowed;opacity:.7}.global-error-button:disabled:hover{transform:none}.global-error-request-id{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;margin-bottom:var(--space-2);padding:var(--space-3);text-align:left;touch-action:manipulation;transition:background var(--transition-base),border-color var(--transition-base);width:100%}.global-error-request-id:hover{background:var(--bg-hover);border-color:var(--glow-color)}.global-error-request-id:focus-visible{outline:2px solid var(--glow-color);outline-offset:2px}.global-error-request-id-label{color:var(--text-secondary);font-size:var(--text-sm)}.global-error-request-id-label code{color:var(--text-primary);font-family:var(--font-data);margin-left:var(--space-1)}.global-error-request-id-action{align-items:center;color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--text-xs);gap:var(--space-1)}.global-error-help{color:var(--text-muted);font-size:var(--text-xs);margin:0 0 var(--space-6)}.global-error-support-link{align-items:center;color:var(--glow-color);display:inline-flex;font-weight:var(--font-medium);gap:3px;text-decoration:none;transition:opacity var(--transition-fast)}.global-error-support-link:hover{opacity:.8;text-decoration:underline}.global-error-support-link:focus-visible{border-radius:2px;outline:2px solid var(--glow-color);outline-offset:2px}.global-error-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.global-error-button{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;min-width:100px;padding:var(--space-3) var(--space-5);touch-action:manipulation;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.global-error-button:focus-visible{outline:2px solid var(--glow-color);outline-offset:2px}.global-error-button--primary{background:linear-gradient(135deg,var(--glow-color),rgba(var(--glow-rgb),.8));border:none;box-shadow:0 4px 12px rgba(var(--glow-rgb),.3);color:#fff}.global-error-button--primary:hover{box-shadow:0 6px 20px rgba(var(--glow-rgb),.4)}.global-error-button--secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.global-error-button--secondary:hover{background:var(--bg-hover);border-color:rgba(var(--glow-rgb),.5);color:var(--text-primary)}.global-error-keyboard-hint{color:var(--text-dim);font-size:var(--text-xs);margin:var(--space-4) 0 0}.global-error-keyboard-hint kbd{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px #0003;display:inline-block;font-family:var(--font-data);font-size:.7rem;margin:0 2px;padding:2px 6px}.global-error-plan-context{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.global-error-plan-label{color:var(--text-tertiary)}.global-error-plan-badge{align-items:center;background:#9ca3af26;border-radius:9999px;color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:600;letter-spacing:.025em;padding:3px 12px;text-transform:capitalize}.global-error-plan-badge--free,.global-error-plan-badge--starter{background:#9ca3af26;color:#9ca3af}.global-error-plan-badge--growth,.global-error-plan-badge--pro{background:rgba(var(--color-info-rgb),.15);color:var(--accent-cyan)}.global-error-plan-badge--agency,.global-error-plan-badge--scale{background:rgba(var(--brand-accent-purple-rgb),.15);color:var(--accent-purple)}.global-error-plan-badge--custom,.global-error-plan-badge--enterprise{background:#d4af3726;color:var(--glow-color)}.global-error-plan-usage{color:var(--text-tertiary);font-size:var(--text-xs)}.global-error-actions--stacked{display:flex;flex-direction:column;gap:var(--space-3);margin:0 auto;max-width:280px;width:100%}.global-error-button--primary.global-error-button--upgrade{background:var(--glow-color);border:none;box-shadow:0 4px 12px rgba(var(--glow-rgb),.3);color:#000;font-weight:600;min-height:48px;width:100%}.global-error-button--upgrade:hover{box-shadow:0 6px 20px rgba(var(--glow-rgb),.4);filter:brightness(1.1)}.global-error-button--upgrade:focus-visible{outline:2px solid var(--glow-color);outline-offset:2px}.global-error-button--primary.global-error-button--contact{background:#0000;border:2px solid var(--glow-color);box-shadow:none;color:var(--glow-color);font-weight:600;min-height:48px;width:100%}.global-error-button--primary.global-error-button--contact:hover{background:rgba(var(--glow-rgb),.1)}.global-error-button--contact:focus-visible{outline:2px solid var(--glow-color);outline-offset:2px}.global-error-drag-handle{display:none}@media (max-width:480px){.global-error-overlay{align-items:flex-end;padding:0}.global-error-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh;max-width:100%;overflow-y:auto;padding:var(--space-6)}.global-error-drag-handle{background:var(--border-color);border-radius:var(--radius-full);display:block;height:4px;margin:0 auto var(--space-3);width:36px}.global-error-icon{height:64px;width:64px}.global-error-icon svg{height:28px;width:28px}.global-error-title{font-size:var(--text-lg)}.global-error-message{font-size:var(--text-sm)}.global-error-countdown-ring{height:68px;width:68px}.global-error-countdown{font-size:var(--text-lg)}.global-error-auto-retry-container{padding:var(--space-3)}.global-error-retry-exhausted{font-size:var(--text-xs);padding:var(--space-2)}.global-error-actions{flex-direction:column}.global-error-button{width:100%}.global-error-request-id{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.global-error-request-id-action{align-self:flex-end}.global-error-actions--stacked{gap:var(--space-2);max-width:100%}.global-error-plan-context{flex-direction:column;gap:var(--space-1);text-align:center}.global-error-plan-usage{display:block;margin-top:var(--space-1)}}@media (prefers-reduced-motion:reduce){.global-error-button,.global-error-close,.global-error-countdown,.global-error-countdown-ring__fill,.global-error-modal,.global-error-overlay,.global-error-request-id{transition:none}.global-error-button-spinner,.global-error-countdown--paused,.global-error-spinner{animation:none}}@media (prefers-contrast:high){.global-error-modal{border-color:var(--glow-color);border-width:2px}.global-error-button,.global-error-request-id{border-width:2px}.global-error-button--upgrade{border:2px solid #000!important}.global-error-button--contact{border-width:3px!important}.global-error-plan-badge{border:1px solid}}.maintenance-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(var(--brand-accent-purple-rgb),.15) 0,#7c3aed1a 100%);border-bottom:1px solid rgba(var(--brand-accent-purple-rgb),.3);left:0;overflow:hidden;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1000}.maintenance-banner--recovering{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.15) 0,#16a34a1a 100%);border-bottom-color:rgba(var(--color-success-rgb),.3)}.maintenance-banner--recovering .maintenance-banner__icon{color:var(--color-success)}.maintenance-banner__content{align-items:center;display:flex;gap:1rem;gap:var(--space-4,1rem);margin:0 auto;max-width:1400px;padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.maintenance-banner__icon{align-items:center;background:rgba(var(--brand-accent-purple-rgb),.2);border-radius:50%;border-radius:var(--radius-full,50%);color:var(--accent-purple);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.maintenance-banner__text{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);min-width:0}.maintenance-banner__title{color:#fafafa;color:var(--text-primary,#fafafa);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600)}.maintenance-banner__message{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:.75rem;font-size:var(--text-xs,.75rem);line-height:1.4}.maintenance-banner__message strong{color:var(--accent-purple);font-weight:500;font-weight:var(--font-medium,500)}.maintenance-banner__duration{color:#71717a;color:var(--text-muted,#71717a);font-size:.75rem;font-size:var(--text-xs,.75rem)}.maintenance-banner__actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;gap:var(--space-2,.5rem)}.maintenance-banner__button{align-items:center;border:1px solid #0000;border-radius:.375rem;border-radius:var(--radius-md,.375rem);cursor:pointer;display:inline-flex;font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:500;font-weight:var(--font-medium,500);gap:.25rem;gap:var(--space-1,.25rem);padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem);transition:background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.maintenance-banner__button:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.maintenance-banner__button:disabled{cursor:not-allowed;opacity:.5}.maintenance-banner__button--primary{background:rgba(var(--brand-accent-purple-rgb),.2);border-color:rgba(var(--brand-accent-purple-rgb),.4);color:var(--accent-purple)}.maintenance-banner__button--primary:hover:not(:disabled){background:rgba(var(--brand-accent-purple-rgb),.3);border-color:rgba(var(--brand-accent-purple-rgb),.6)}.maintenance-banner__button--secondary{background:#0000;border-color:#ffffff1a;color:#a1a1aa;color:var(--text-secondary,#a1a1aa)}.maintenance-banner__button--secondary:hover:not(:disabled){background:#ffffff0d;border-color:#fff3;color:#fafafa;color:var(--text-primary,#fafafa)}.maintenance-banner__spinner{animation:maintenance-spin 1s linear infinite}@keyframes maintenance-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.maintenance-banner__hint{background:#0003;border-top:1px solid #ffffff0d;color:#71717a;color:var(--text-muted,#71717a);display:flex;gap:.5rem;gap:var(--space-2,.5rem);padding:.25rem 1rem;padding:var(--space-1,.25rem) var(--space-4,1rem)}.maintenance-banner__hint,.maintenance-banner__hint kbd{align-items:center;font-size:10px;justify-content:center}.maintenance-banner__hint kbd{background:#ffffff1a;border:1px solid #fff3;border-radius:3px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);display:inline-flex;font-family:inherit;height:18px;min-width:20px;padding:0 .25rem;padding:0 var(--space-1,.25rem)}.maintenance-banner__leader-badge{align-items:center;background:rgba(var(--brand-accent-purple-rgb),.2);border:1px solid rgba(var(--brand-accent-purple-rgb),.3);border-radius:3px;color:var(--accent-purple);display:inline-flex;font-size:9px;font-weight:500;font-weight:var(--font-medium,500);letter-spacing:.05em;padding:2px 6px;text-transform:uppercase}@media (max-width:640px){.maintenance-banner__content{flex-wrap:wrap;gap:.75rem;gap:var(--space-3,.75rem);padding:.75rem;padding:var(--space-3,.75rem)}.maintenance-banner__icon{height:32px;width:32px}.maintenance-banner__icon svg{height:18px;width:18px}.maintenance-banner__text{flex-basis:calc(100% - 48px);flex-grow:1;flex-shrink:1;order:1}.maintenance-banner__actions{flex:1 1 100%;justify-content:flex-end;order:2}.maintenance-banner__button{padding:.5rem;padding:var(--space-2,.5rem)}.maintenance-banner__button-text-hide,.maintenance-banner__hint{display:none}}@media (prefers-reduced-motion:reduce){.maintenance-banner__icon,.maintenance-banner__spinner{animation:none}}.offline-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(var(--color-warning-rgb),.15) 0,#d977061a 100%);border-bottom:1px solid rgba(var(--color-warning-rgb),.3);left:0;overflow:hidden;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:999}.offline-banner__content{align-items:center;display:flex;gap:1rem;gap:var(--space-4,1rem);margin:0 auto;max-width:1400px;padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.offline-banner__icon-wrapper{flex-shrink:0;position:relative}.offline-banner__icon-pulse{background:rgba(var(--color-warning-rgb),.3);bottom:-4px;left:-4px;position:absolute;right:-4px;top:-4px}.offline-banner__icon,.offline-banner__icon-pulse{border-radius:50%;border-radius:var(--radius-full,50%)}.offline-banner__icon{align-items:center;background:rgba(var(--color-warning-rgb),.2);color:#fbbf24;display:flex;height:40px;justify-content:center;position:relative;width:40px}.offline-banner__text{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);min-width:0}.offline-banner__title{color:#fafafa;color:var(--text-primary,#fafafa);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--font-semibold,600)}.offline-banner__message{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:.75rem;font-size:var(--text-xs,.75rem);line-height:1.4}.offline-banner__duration{color:#71717a;color:var(--text-muted,#71717a);font-size:.75rem;font-size:var(--text-xs,.75rem)}.offline-banner__actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;gap:var(--space-2,.5rem)}.offline-banner__button{align-items:center;border:1px solid #0000;border-radius:.375rem;border-radius:var(--radius-md,.375rem);cursor:pointer;display:inline-flex;font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:500;font-weight:var(--font-medium,500);gap:.25rem;gap:var(--space-1,.25rem);padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem);transition:background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.offline-banner__button:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}.offline-banner__button--secondary{background:#0000;border-color:#ffffff1a;color:#a1a1aa;color:var(--text-secondary,#a1a1aa)}.offline-banner__button--secondary:hover{background:#ffffff0d;border-color:#fff3;color:#fafafa;color:var(--text-primary,#fafafa)}.offline-banner__hint{background:#0003;border-top:1px solid #ffffff0d;color:#71717a;color:var(--text-muted,#71717a);display:flex;gap:.5rem;gap:var(--space-2,.5rem);padding:.25rem 1rem;padding:var(--space-1,.25rem) var(--space-4,1rem)}.offline-banner__hint,.offline-banner__hint kbd{align-items:center;font-size:10px;justify-content:center}.offline-banner__hint kbd{background:#ffffff1a;border:1px solid #fff3;border-radius:3px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);display:inline-flex;font-family:inherit;height:18px;min-width:20px;padding:0 .25rem;padding:0 var(--space-1,.25rem)}.offline-toast{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg,.5rem);box-shadow:0 4px 12px #0000004d;display:flex;font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:500;font-weight:var(--font-medium,500);gap:.5rem;gap:var(--space-2,.5rem);left:50%;padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem);position:fixed;top:1rem;top:var(--space-4,1rem);transform:translateX(-50%);z-index:1001}.offline-toast--online{background:linear-gradient(135deg,rgba(var(--color-success-rgb),.9) 0,#16a34ae6 100%);border:1px solid rgba(var(--color-success-rgb),.5);color:#fff}.offline-toast__dismiss{align-items:center;background:#fff3;border:none;border-radius:.25rem;border-radius:var(--radius-sm,.25rem);color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:.25rem;margin-left:var(--space-1,.25rem);padding:.25rem;padding:var(--space-1,.25rem);transition:background .15s ease}.offline-toast__dismiss:hover{background:#ffffff4d}@media (max-width:640px){.offline-banner__content{flex-wrap:wrap;gap:.75rem;gap:var(--space-3,.75rem);padding:.75rem;padding:var(--space-3,.75rem)}.offline-banner__icon,.offline-banner__icon-wrapper{height:32px;width:32px}.offline-banner__icon svg{height:18px;width:18px}.offline-banner__icon-pulse{bottom:-3px;left:-3px;right:-3px;top:-3px}.offline-banner__text{flex-basis:calc(100% - 48px);flex-grow:1;flex-shrink:1;order:1}.offline-banner__actions{flex:1 1 100%;justify-content:flex-end;order:2}.offline-banner__button{padding:.5rem;padding:var(--space-2,.5rem)}.offline-banner__button-text,.offline-banner__hint{display:none}.offline-toast{font-size:.75rem;font-size:var(--text-xs,.75rem);left:1rem;left:var(--space-4,1rem);right:1rem;right:var(--space-4,1rem);transform:none}}@media (prefers-reduced-motion:reduce){.offline-banner__icon-pulse{animation:none;opacity:.5}}.deletion-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(var(--color-warning-rgb),.15) 0,rgba(var(--color-error-rgb),.1) 100%);border-bottom:1px solid rgba(var(--color-warning-rgb),.3);left:0;overflow:hidden;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:998}.deletion-banner--processing{background:linear-gradient(135deg,rgba(var(--color-error-rgb),.15) 0,rgba(var(--color-error-rgb),.1) 100%);border-bottom-color:rgba(var(--color-error-rgb),.3)}.deletion-banner__content{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem);margin:0 auto;max-width:1400px;padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.deletion-banner__icon{align-items:center;background:rgba(var(--color-warning-rgb),.2);border-radius:50%;border-radius:var(--radius-full,50%);color:var(--color-warning);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.deletion-banner--processing .deletion-banner__icon{background:rgba(var(--color-error-rgb),.2);color:var(--color-error)}.deletion-banner__text{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-1,.25rem);min-width:0}.deletion-banner__message{color:#fafafa;color:var(--text-primary,#fafafa);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.4}.deletion-banner__message strong{font-weight:600;font-weight:var(--font-semibold,600)}.deletion-banner__sub{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-size:.75rem;font-size:var(--text-xs,.75rem);line-height:1.4}.deletion-banner__actions{align-items:center;display:flex;flex-shrink:0}.deletion-banner__cancel-btn{align-items:center;background:#0000;border:1px solid rgba(var(--color-warning-rgb),.4);border-radius:.375rem;border-radius:var(--radius-md,.375rem);color:#fafafa;color:var(--text-primary,#fafafa);cursor:pointer;display:inline-flex;font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:500;font-weight:var(--font-medium,500);padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem);touch-action:manipulation;transition:background-color .15s ease,border-color .15s ease;white-space:nowrap}.deletion-banner__cancel-btn:hover{background:rgba(var(--color-warning-rgb),.15);border-color:rgba(var(--color-warning-rgb),.6)}.deletion-banner__cancel-btn:focus-visible{outline:2px solid var(--color-warning);outline-offset:2px}@media (max-width:640px){.deletion-banner__content{flex-wrap:wrap;gap:.5rem;gap:var(--space-2,.5rem);padding:.75rem;padding:var(--space-3,.75rem)}.deletion-banner__icon{height:32px;width:32px}.deletion-banner__icon svg{height:16px;width:16px}.deletion-banner__text{flex-basis:calc(100% - 44px);flex-grow:1;flex-shrink:1}.deletion-banner__sub{display:none}.deletion-banner__actions{flex:1 1 100%;justify-content:flex-end}.deletion-banner__cancel-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.deletion-banner{transition:none}}.integration-setup-page{--is-bg-void:#0a0a0a;--is-bg-primary:#0a0a0a;--is-bg-elevated:#111;--is-bg-panel:#161616;--is-bg-card:#1a1a1a;--is-bg-input:#111;--is-accent-primary:#0ea5e9;--is-accent-secondary:#06b6d4;--is-accent-tertiary:#a78bfa;--is-success:#22c55e;--is-warning:#f59e0b;--is-error:#ef4444;--is-info:#0ea5e9;--is-text-primary:#ededed;--is-text-secondary:#a1a1a1;--is-text-muted:#666;--is-border:#0ea5e926;--is-border-subtle:#ffffff0f;--is-font-display:"DM Sans",system-ui,sans-serif;--is-font-data:"JetBrains Mono","SF Mono",Monaco,monospace;--is-space-xs:0.25rem;--is-space-sm:0.5rem;--is-space-md:1rem;--is-space-lg:1.5rem;--is-space-xl:2rem;--is-space-2xl:3rem;background:var(--is-bg-void);color:var(--is-text-primary);font-family:var(--is-font-display);min-height:100vh;position:relative}.integration-setup-page:before{background-image:linear-gradient(#0ea5e908 1px,#0000 0),linear-gradient(90deg,#0ea5e908 1px,#0000 0);background-size:50px 50px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.integration-setup-content{margin:0 auto;max-width:900px;padding:70px var(--is-space-xl) var(--is-space-xl);position:relative;z-index:1}.is-header{margin-bottom:var(--is-space-2xl)}.is-back-btn{align-items:center;background:#0000;border:none;color:var(--is-accent-primary);cursor:pointer;display:inline-flex;font-family:var(--is-font-display);font-size:.875rem;gap:var(--is-space-sm);margin-bottom:var(--is-space-lg);padding:var(--is-space-sm) 0;transition:color .2s ease,transform .2s ease}.is-back-btn:hover{color:var(--is-text-primary);transform:translateX(-4px)}.is-title{gap:var(--is-space-md);margin-bottom:var(--is-space-sm)}.is-title,.is-title-icon{align-items:center;display:flex}.is-title-icon{background:linear-gradient(135deg,var(--is-accent-primary),var(--is-accent-secondary));border-radius:var(--radius-lg);color:var(--is-bg-void);height:48px;justify-content:center;width:48px}.is-title-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--is-text-primary),var(--is-accent-primary));-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0}.is-subtitle{color:var(--is-text-secondary);font-size:1rem;margin:0}.is-stepper{display:flex;justify-content:space-between;margin-bottom:var(--is-space-2xl);padding:0 var(--is-space-xl);position:relative}.is-stepper-line{background:var(--is-border);border-radius:2px;height:3px;left:15%;overflow:hidden;position:absolute;right:15%;top:24px;z-index:0}.is-stepper-progress{background:linear-gradient(90deg,var(--is-accent-primary),var(--is-accent-secondary));box-shadow:0 0 10px var(--is-accent-primary);height:100%;transition:width .5s ease}.is-step{flex:1 1;flex-direction:column;position:relative;z-index:1}.is-step,.is-step-circle{align-items:center;display:flex}.is-step-circle{border:2px solid #0000;border-radius:var(--radius-full);height:48px;justify-content:center;margin-bottom:var(--is-space-sm);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;width:48px}.is-step-circle.pending{background:var(--is-bg-panel);border-color:var(--is-border);color:var(--is-text-muted)}.is-step-circle.active{background:linear-gradient(135deg,var(--is-accent-primary),var(--is-accent-secondary));border-color:var(--is-accent-primary);box-shadow:0 0 20px #0ea5e966;color:var(--is-bg-void)}.is-step-circle.completed{background:var(--is-success);border-color:var(--is-success);color:#fff}.is-step-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:color .3s ease}.is-step-label.pending{color:var(--is-text-muted)}.is-step-label.active{color:var(--is-accent-primary)}.is-step-label.completed{color:var(--is-success)}.is-panel{background:var(--is-bg-panel);border:1px solid var(--is-border);border-radius:var(--radius-xl);min-height:400px;padding:var(--is-space-xl)}.is-panel-header{margin-bottom:var(--is-space-xl)}.is-panel-title{color:var(--is-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--is-space-sm) 0}.is-panel-subtitle{color:var(--is-text-secondary);font-size:.9375rem;margin:0}.is-form-group{margin-bottom:var(--is-space-xl)}.is-label{color:var(--is-text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--is-space-sm)}.is-label-required:after{color:var(--is-error);content:" *"}.is-input,.is-select{background:var(--is-bg-input);border:1px solid var(--is-border);border-radius:var(--radius-md);color:var(--is-text-primary);font-family:var(--is-font-display);font-size:1rem;padding:var(--is-space-md);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.is-input:focus,.is-select:focus{border-color:var(--is-accent-primary);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.is-input:focus-visible,.is-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.is-input::placeholder{color:var(--is-text-muted)}.is-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.is-select option{background:var(--is-bg-panel);color:var(--is-text-primary)}.is-custom-select-wrapper{align-items:center;background:#111;background:var(--is-bg-input,var(--bg-elevated,#111));border:1px solid #ffffff12;border:1px solid var(--is-border,var(--border-color,#ffffff12));border-radius:var(--radius-md);cursor:pointer;display:flex;min-height:48px;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.is-custom-select-wrapper:focus-within,.is-custom-select-wrapper:hover{border-color:#0ea5e9;border-color:var(--is-accent-primary,var(--color-primary,#0ea5e9))}.is-custom-select-wrapper:focus-within{box-shadow:0 0 0 3px #0ea5e91a}.is-custom-select-value{color:#ededed;color:var(--is-text-primary,var(--text-primary,#ededed));flex:1 1;font-family:DM Sans,sans-serif;font-family:var(
    --is-font-display,var(--font-display,"DM Sans",sans-serif)
  );font-size:1rem;overflow:hidden;padding:12px;padding:var(--is-space-md,12px) var(--is-space-md,12px);padding-right:40px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.is-custom-select-native{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:1}.is-custom-select-arrow{color:#666;color:var(--is-text-muted,var(--text-muted,#666));pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .2s ease}.is-custom-select-wrapper:focus-within .is-custom-select-arrow{color:#0ea5e9;color:var(--is-accent-primary,var(--color-primary,#0ea5e9))}.is-hint{color:var(--is-text-muted);font-size:.8125rem;margin-top:var(--is-space-sm)}.is-choice-grid{grid-gap:var(--is-space-lg);display:grid;gap:var(--is-space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--is-space-xl)}.is-choice-card{background:var(--is-bg-card);border:2px solid var(--is-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--is-space-xl);text-align:center;transition:border-color .2s ease,transform .2s ease}.is-choice-card:hover{border-color:var(--is-accent-primary);transform:translateY(-2px)}.is-choice-card.selected{background:#0ea5e90d;border-color:var(--is-accent-primary);box-shadow:0 0 20px #0ea5e91a}.is-choice-card.selected.success{background:#22c55e0d;border-color:var(--is-success)}.is-choice-card.selected.warning{background:#f59e0b0d;border-color:var(--is-warning)}.is-choice-icon{align-items:center;background:var(--is-bg-panel);border-radius:var(--radius-lg);color:var(--is-text-muted);display:flex;height:56px;justify-content:center;margin:0 auto var(--is-space-md);transition:background-color .2s ease,color .2s ease;width:56px}.is-choice-card.selected .is-choice-icon{background:var(--is-accent-primary);color:var(--is-bg-void)}.is-choice-card.selected.success .is-choice-icon{background:var(--is-success)}.is-choice-card.selected.warning .is-choice-icon{background:var(--is-warning)}.is-choice-title{color:var(--is-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--is-space-sm) 0}.is-choice-desc{color:var(--is-text-secondary);font-size:.875rem;margin:0 0 var(--is-space-md) 0}.is-choice-badge{background:var(--is-bg-panel);border-radius:var(--radius-lg);color:var(--is-text-muted);display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.is-choice-card.selected .is-choice-badge{background:var(--is-accent-primary);color:var(--is-bg-void)}.is-choice-card.selected.success .is-choice-badge{background:var(--is-success);color:#fff}.is-choice-card.selected.warning .is-choice-badge{background:var(--is-warning);color:var(--is-bg-void)}.is-info-box{border-radius:var(--radius-lg);margin-bottom:var(--is-space-xl);padding:var(--is-space-lg)}.is-info-box.success{background:#22c55e1a;border:1px solid #22c55e4d}.is-info-box.warning{background:#f59e0b1a;border:1px solid #f59e0b4d}.is-info-box.info{background:#0ea5e91a;border:1px solid #0ea5e94d}.is-info-header{align-items:center;display:flex;gap:var(--is-space-sm);margin-bottom:var(--is-space-sm)}.is-info-title{color:var(--is-text-primary);font-weight:600;margin:0}.is-info-text{color:var(--is-text-secondary);font-size:.875rem;margin:0}.is-destinations-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--is-space-md);justify-content:space-between;margin-bottom:var(--is-space-lg)}.is-destinations-title{color:var(--is-text-primary);font-size:1.125rem;font-weight:600;margin:0}.is-destinations-subtitle{color:var(--is-text-muted);font-size:.875rem;margin:4px 0 0}.is-destinations-empty{background:var(--is-bg-card);border:2px dashed var(--is-border);border-radius:var(--radius-lg);padding:var(--is-space-2xl);text-align:center}.is-destinations-empty-icon{color:var(--is-text-muted);margin-bottom:var(--is-space-md);opacity:.5}.is-destinations-empty-title{color:var(--is-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--is-space-sm) 0}.is-destinations-empty-text{color:var(--is-text-muted);font-size:.875rem;margin:0}.is-destinations-grid{grid-gap:var(--is-space-md);display:grid;gap:var(--is-space-md)}.is-dest-card{align-items:center;background:var(--is-bg-card);border:1px solid var(--is-border);border-radius:var(--radius-md);display:flex;gap:var(--is-space-md);padding:var(--is-space-md);transition:border-color .2s ease}.is-dest-card:hover{border-color:var(--is-accent-primary)}.is-dest-icon{align-items:center;background:var(--is-bg-panel);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.is-dest-info{flex:1 1;min-width:0}.is-dest-name{color:var(--is-text-primary);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-dest-type{color:var(--is-text-muted);font-size:.75rem;text-transform:capitalize}.is-dest-status{align-items:center;background:var(--is-bg-panel);border-radius:var(--radius-sm);display:flex;font-size:.75rem;gap:var(--is-space-xs);padding:4px 8px}.is-dest-status.active{color:var(--is-success)}.is-dest-status.inactive{color:var(--is-text-muted)}.is-dest-actions{display:flex;gap:var(--is-space-xs)}.is-dest-action{align-items:center;background:#0000;border:1px solid var(--is-border);border-radius:var(--radius-sm);color:var(--is-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:border-color .2s ease,color .2s ease;width:32px}.is-dest-action:hover{border-color:var(--is-accent-primary);color:var(--is-accent-primary)}.is-dest-action.danger:hover{border-color:var(--is-error);color:var(--is-error)}.is-checkbox-section{background:var(--is-bg-card);border:1px solid var(--is-border);border-radius:var(--radius-lg);margin-bottom:var(--is-space-xl);padding:var(--is-space-lg)}.is-checkbox-label{align-items:center;color:var(--is-text-primary);cursor:pointer;display:flex;font-weight:600;gap:var(--is-space-md)}.is-checkbox{accent-color:var(--is-accent-primary);height:20px;width:20px}.is-checkbox-hint{color:var(--is-text-muted);font-size:.8125rem;margin-left:36px;margin-top:var(--is-space-sm)}.is-checkbox-content{margin-left:36px;margin-top:var(--is-space-lg)}.is-summary{background:#22c55e0d;border:1px solid #22c55e4d;border-radius:var(--radius-lg);padding:var(--is-space-lg)}.is-summary-title{color:var(--is-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--is-space-md) 0}.is-summary-grid{grid-gap:var(--is-space-sm);display:grid;font-size:.875rem;gap:var(--is-space-sm)}.is-summary-row{display:flex;gap:var(--is-space-sm)}.is-summary-label{color:var(--is-text-secondary);font-weight:600}.is-summary-value{color:var(--is-text-primary)}.is-summary-badges{display:flex;flex-wrap:wrap;gap:var(--is-space-xs);margin-top:var(--is-space-xs)}.is-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--is-font-display);font-size:.9375rem;font-weight:600;gap:var(--is-space-sm);justify-content:center;padding:var(--is-space-md) var(--is-space-xl);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,transform .2s ease}.is-btn:disabled{cursor:not-allowed;opacity:.5}.is-btn-primary{background:linear-gradient(135deg,var(--is-accent-primary),var(--is-accent-secondary));color:var(--is-bg-void)}.is-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-1px)}.is-btn-secondary{background:#0000;border:1px solid var(--is-border);color:var(--is-text-primary)}.is-btn-secondary:hover:not(:disabled){border-color:var(--is-accent-primary);color:var(--is-accent-primary)}.is-btn-success{background:linear-gradient(135deg,var(--is-success),#16a34a);color:#fff}.is-btn-success:hover:not(:disabled){box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.is-nav{display:flex;flex-wrap:wrap;gap:var(--is-space-md);justify-content:space-between;margin-top:var(--is-space-xl)}.is-nav-spacer{flex:1 1}.is-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.is-spinner{animation:is-spin .8s linear infinite;border:3px solid var(--is-border);border-radius:var(--radius-full);border-top-color:var(--is-accent-primary);height:40px;width:40px}@keyframes is-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.integration-setup-content{padding:70px var(--is-space-md) var(--is-space-md)}.is-stepper{padding:0}.is-step-circle{height:40px;width:40px}.is-step-label{font-size:.625rem}.is-panel{padding:var(--is-space-lg)}.is-panel-title{font-size:1.25rem}.is-choice-grid{grid-template-columns:1fr}.is-nav{flex-direction:column-reverse}.is-btn{justify-content:center;width:100%}.is-destinations-header{align-items:flex-start;flex-direction:column}.is-dest-card{flex-wrap:wrap}.is-dest-actions{justify-content:flex-end;margin-top:var(--is-space-sm);width:100%}}@media (max-width:480px){.is-title{align-items:flex-start;flex-direction:column}.is-title-text{font-size:1.5rem}.is-stepper-line{left:10%;right:10%}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:var(--z-overlay)}.modal-content{background:#161616;background:var(--bg-panel,#161616);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow:hidden;width:100%}.modal-content.destination-modal{max-width:900px}.modal-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-color,#ffffff12);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.modal-title{color:#ededed;color:var(--text-primary,#ededed);font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-md);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:36px}.modal-close:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--color-error,#ef4444);color:#ef4444;color:var(--color-error,#ef4444)}.step-indicator{background:#111;background:var(--bg-elevated,#111);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-color,#ffffff12);flex-shrink:0;justify-content:center;padding:16px 24px}.step-indicator,.step-indicator .step{align-items:center;display:flex;gap:8px}.step-indicator .step-circle{align-items:center;background:#161616;background:var(--bg-panel,#161616);border:2px solid #ffffff12;border:2px solid var(--border-color,#ffffff12);border-radius:var(--radius-full);color:#666;color:var(--text-muted,#666);display:flex;font-size:12px;height:28px;justify-content:center;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;width:28px}.step-indicator .step.active .step-circle{background:#0ea5e9;background:var(--color-primary,#0ea5e9);border-color:#0ea5e9;border-color:var(--color-primary,#0ea5e9);box-shadow:0 0 12px #0ea5e966;color:#0a0a0a;color:var(--bg-void,#0a0a0a)}.step-indicator .step.complete .step-circle{background:#22c55e;background:var(--color-success,#22c55e);border-color:#22c55e;border-color:var(--color-success,#22c55e);color:#fff}.step-indicator .step.disabled .step-circle{opacity:.5}.step-indicator .step-label{color:#666;color:var(--text-muted,#666);font-size:13px;font-weight:500;transition:color .2s ease}.step-indicator .step.active .step-label{color:#0ea5e9;color:var(--color-primary,#0ea5e9)}.step-indicator .step.complete .step-label{color:#22c55e;color:var(--color-success,#22c55e)}.step-indicator .step-line{background:#ffffff12;background:var(--border-color,#ffffff12);height:2px;margin:0 4px;width:40px}.step-indicator .step.complete .step-line,.step-indicator .step.complete+.step .step-line{background:#22c55e;background:var(--color-success,#22c55e)}.modal-body{flex:1 1;min-height:300px;overflow-y:auto;padding:24px}.modal-body .error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#ef4444;color:var(--color-error,#ef4444);gap:8px}.modal-body .error-message,.verification-warning{align-items:center;display:flex;font-size:14px;margin-bottom:16px;padding:12px 16px}.verification-warning{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:var(--radius-md);color:#f59e0b;gap:12px}.verification-warning svg{flex-shrink:0}.verification-warning span{flex:1 1}.verification-warning-dismiss{align-items:center;background:#0000;border:none;border-radius:var(--radius-xs);color:#f59e0b;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:4px;transition:opacity .15s}.verification-warning-dismiss:hover{opacity:1}.upgrade-prompt{align-items:center;background:linear-gradient(135deg,#8b5cf61f,#0ea5e914);border:1px solid #8b5cf640;border-radius:8px;border-radius:var(--radius-md,8px);display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:14px 16px}.upgrade-prompt__content{align-items:flex-start;display:flex;flex:1 1;gap:12px;min-width:0}.upgrade-prompt__icon{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);flex-shrink:0;margin-top:2px}.upgrade-prompt__text{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:13px;line-height:1.5}.upgrade-prompt__text strong{color:#ededed;color:var(--text-primary,#ededed)}.upgrade-prompt__plan{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);font-weight:600}.upgrade-prompt__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.upgrade-prompt__cta{align-items:center;background:#8b5cf6;background:var(--accent-purple,#8b5cf6);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background-color .15s,transform .15s;white-space:nowrap}.upgrade-prompt__cta:hover{background:#7c3aed;transform:translateY(-1px)}.upgrade-prompt__cta:focus-visible{outline:2px solid #8b5cf6;outline:2px solid var(--accent-purple,#8b5cf6);outline-offset:2px}.upgrade-prompt__dismiss{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-xs,4px);color:#8b5cf6;color:var(--accent-purple,#8b5cf6);cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:4px;transition:opacity .15s}.upgrade-prompt__dismiss:hover{opacity:1}@media (max-width:540px){.upgrade-prompt{align-items:stretch;flex-direction:column}.upgrade-prompt__actions{justify-content:flex-end}}.modal-footer{align-items:center;background:#111;background:var(--bg-elevated,#111);border-top:1px solid #ffffff12;border-top:1px solid var(--border-color,#ffffff12);display:flex;flex-shrink:0;gap:12px;padding:16px 24px}.modal-footer .btn-back{align-items:center;background:#0000;border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-md);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:border-color .15s ease,color .15s ease}.modal-footer .btn-back:hover:not(:disabled){border-color:#a1a1a1;border-color:var(--text-secondary,#a1a1a1);color:#ededed;color:var(--text-primary,#ededed)}.modal-footer .btn-continue,.modal-footer .btn-save{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);background:linear-gradient(135deg,var(--color-primary,#0ea5e9),var(--color-secondary,#06b6d4));border:none;border-radius:var(--radius-md);color:#0a0a0a;color:var(--bg-void,#0a0a0a);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:box-shadow .15s ease,transform .15s ease}.modal-footer .btn-continue:hover:not(:disabled),.modal-footer .btn-save:hover:not(:disabled){box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-1px)}.modal-footer .btn-continue:disabled,.modal-footer .btn-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal-footer .btn-save{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--color-success,#22c55e),#16a34a)}.modal-footer .btn-save:hover:not(:disabled){box-shadow:0 4px 12px #22c55e4d}.config-form{display:flex;flex-direction:column;gap:20px}.config-step-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.config-step-icon{font-size:24px}.config-step-title{color:#ededed;color:var(--text-primary,#ededed);font-size:1.125rem;font-weight:600}.config-step-subtitle{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:14px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#ededed;color:var(--text-primary,#ededed);font-size:14px;font-weight:500}.form-label.required:after{color:#ef4444;color:var(--color-error,#ef4444);content:" *"}.form-label .required{color:#ef4444;color:var(--color-error,#ef4444);font-weight:400;font-weight:var(--font-normal,400);margin-left:1px}.form-input,.form-select,.form-textarea{background:#111;background:var(--bg-elevated,#111);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-md);color:#ededed;color:var(--text-primary,#ededed);font-family:inherit;font-size:14px;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0ea5e9;border-color:var(--color-primary,#0ea5e9);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-hint,.form-input::placeholder{color:#666;color:var(--text-muted,#666)}.form-hint{font-size:12px}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-wrapper .form-input{padding-right:42px}.form-input-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;transition:color .15s ease}.form-input-toggle:hover{color:#ededed;color:var(--text-primary,#ededed)}.form-input-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.connect-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-4);margin-bottom:var(--space-1);padding-bottom:var(--space-4)}.connect-header__icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.connect-header__icon svg{height:32px;width:32px}.connect-header__icon--emoji{background:var(--bg-elevated);font-size:28px}.connect-header__text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.connect-header__title{color:var(--text-primary);font-size:var(--text-md);font-weight:var(--font-semibold);margin:0}.connect-header__desc{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.gws-connect{border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);transition:border-color .2s ease}.gws-connect--connected{border-color:rgba(var(--color-success-rgb),.3)}.gws-connect--loading{min-height:80px}.gws-connect__skeleton{animation:gws-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-panel) 50%,var(--bg-elevated) 75%);background-size:200% 100%;border-radius:var(--radius-md);height:48px}@keyframes gws-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.gws-connect__skeleton{animation:none;background:var(--bg-elevated)}}.gws-connect__header{align-items:center;display:flex;gap:var(--space-2)}.gws-connect__title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.gws-connect__status{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.gws-connect__connected{align-items:center;display:flex;gap:var(--space-2)}.gws-connect__check{color:var(--color-success);flex-shrink:0}.gws-connect__email{color:var(--text-primary);font-size:var(--text-sm);word-break:break-all}.gws-connect__disconnect{align-items:center;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) var(--space-2);touch-action:manipulation;transition:color .15s ease,border-color .15s ease}.gws-connect__disconnect:hover{border-color:rgba(var(--color-error-rgb),.3);color:var(--color-error)}.gws-connect__disconnect:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.gws-connect__disconnect:disabled{cursor:not-allowed;opacity:.6}.gws-connect__actions{display:flex;flex-direction:column;gap:var(--space-2)}.gws-connect__button{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000001a;color:#3c4043;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4);touch-action:manipulation;transition:background-color .15s ease,box-shadow .15s ease}.gws-connect__button:hover{background:#f8f9fa;box-shadow:0 1px 3px #00000026}.gws-connect__button:focus-visible{outline:2px solid #4285f4;outline-offset:2px}.gws-connect__button:disabled{cursor:not-allowed;opacity:.7}.gws-connect__external{opacity:.5}.gws-connect__hint{color:var(--text-secondary);font-size:var(--text-xs);margin:0}.gws-connect__error{align-items:center;background:rgba(var(--color-error-rgb),.08);border-radius:var(--radius-sm);color:var(--color-error);display:flex;font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.gws-connect__retry{background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);margin-left:auto;padding:var(--space-1) var(--space-2);touch-action:manipulation;white-space:nowrap}.gws-connect__retry:hover{border-color:var(--text-secondary);color:var(--text-primary)}.gws-connect__retry:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.gws-connect__spinner{animation:gws-spin .8s linear infinite}@keyframes gws-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.gws-connect__spinner{animation:none}}.gcal-config-fields,.gmail-config-fields{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.template-vars-section{margin-top:0}.template-vars-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.template-vars-table td{border-bottom:1px solid var(--border-color);padding:var(--space-2) var(--space-3)}.template-vars-table td:first-child{color:var(--color-primary);font-family:var(--font-mono);white-space:nowrap}.template-vars-table td:last-child{color:var(--text-secondary)}.cs-callout{background:rgba(var(--color-primary-rgb),.05);border:1px solid rgba(var(--color-primary-rgb),.12);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden;padding:var(--space-4)}.cs-callout__header{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2)}.cs-callout__header svg{color:var(--color-primary);flex-shrink:0}.cs-callout__email-row{align-items:center;display:flex;gap:var(--space-2)}.cs-callout__email{background:var(--bg-void);color:var(--text-primary);flex:1 1;font-family:var(--font-data);font-size:var(--text-sm);min-width:0;overflow:hidden;padding:10px 14px;text-overflow:ellipsis;-webkit-user-select:all;user-select:all;white-space:nowrap}.cs-callout__copy,.cs-callout__email{border:1px solid var(--border-color);border-radius:var(--radius-md)}.cs-callout__copy{align-items:center;background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:var(--text-xs);gap:var(--space-1);padding:8px 14px;transition:border-color .15s,color .15s,background-color .15s}.cs-callout__copy:hover{background:rgba(var(--color-primary-rgb),.08);border-color:var(--color-primary);color:var(--text-primary)}.cs-callout__copy--copied,.cs-callout__copy--copied:hover{border-color:var(--color-success);color:var(--color-success)}.cs-callout__copy--copied:hover{background:#22c55e14}.cs-callout__steps{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:var(--space-2) var(--space-4);list-style:none;margin:0;padding:0}.cs-callout__steps li{align-items:center;display:flex;gap:var(--space-1)}.cs-callout__step-num{align-items:center;background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-full);color:var(--color-primary);display:flex;flex-shrink:0;font-size:10px;font-weight:var(--font-semibold);height:18px;justify-content:center;width:18px}.cs-callout__guide{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0}.cs-callout__guide-step{border-bottom:1px solid #ffffff0f;display:flex;gap:var(--space-3);padding-bottom:var(--space-3)}.cs-callout__guide-step:last-child{border-bottom:none;padding-bottom:0}.cs-callout__guide-num{align-items:center;background:rgba(var(--color-primary-rgb),.12);border-radius:var(--radius-full);color:var(--color-primary);display:flex;flex-shrink:0;font-size:12px;font-weight:var(--font-semibold);height:24px;justify-content:center;margin-top:1px;width:24px}.cs-callout__guide-content{flex:1 1;min-width:0}.cs-callout__guide-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.cs-callout__guide-body{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6}.cs-callout__guide-body p{margin:0 0 var(--space-1) 0}.cs-callout__guide-body p:last-child{margin-bottom:0}.cs-callout__scope-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-1) 0}.cs-callout__scope-tag{background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-data);font-size:11px;padding:2px 8px}.cs-callout__url-hint{background:var(--bg-void);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);display:block;font-family:var(--font-data);font-size:var(--text-xs);margin:var(--space-1) 0;overflow-x:auto;padding:8px 12px}.cs-callout__url-hint strong{color:var(--color-gold)}.cs-callout__inline-code{background:rgba(var(--color-primary-rgb),.08);border-radius:3px;color:var(--color-primary);font-family:var(--font-data);font-size:.9em;padding:1px 5px}.cs-callout__link{align-items:center;color:var(--color-primary);display:inline-flex;font-weight:var(--font-medium);gap:3px;text-decoration:none}.cs-callout__link:hover{text-decoration:underline}.cs-step__prereq{color:var(--text-muted);font-size:var(--text-xs);line-height:1.5;margin:0}.cs-step__prereq a{color:var(--color-primary)}.cs-step{background:rgba(var(--color-primary-rgb),.03);border:1px solid rgba(var(--color-primary-rgb),.08);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.cs-step__header{gap:var(--space-2)}.cs-step__header,.cs-step__num{align-items:center;display:flex}.cs-step__num{background:rgba(var(--color-primary-rgb),.12);border-radius:var(--radius-full);color:var(--color-primary);flex-shrink:0;font-size:12px;height:24px;justify-content:center;width:24px}.cs-step__num,.cs-step__title{font-weight:var(--font-semibold)}.cs-step__title{color:var(--text-primary);font-size:var(--text-sm)}.cs-step__optional{background:rgba(var(--color-primary-rgb),.06);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:10px;margin-left:auto;padding:1px 8px}.cs-step__expand-btn,.cs-step__optional{color:var(--text-secondary);font-weight:var(--font-medium)}.cs-step__expand-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-1) 0;padding-left:36px;transition:color .15s ease}.cs-step__expand-btn:hover{color:var(--text-primary)}.cs-step__expand-btn:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}.cs-step__guidance{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6;padding-left:36px}.cs-step__guidance p{margin:0 0 var(--space-1) 0}.cs-step__guidance p:last-child{margin-bottom:0}.cs-step .form-group,.cs-step__parsed{padding-left:36px}.cs-step__parsed{display:flex;flex-wrap:wrap;gap:var(--space-1)}.cs-step__parsed-badge{background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-data);font-size:11px;padding:3px 10px}.cs-step__parsed-badge--success{background:#22c55e14;border-color:#22c55e33;color:var(--color-success)}.cs-mcp-tool-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3);margin-left:36px;padding:var(--space-4);transition:border-color .15s ease}.cs-mcp-tool-card:hover{border-color:var(--border-active)}.cs-mcp-tool-card__header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;min-height:28px}.cs-mcp-tool-card__header strong{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2)}.cs-mcp-tool-card__remove{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:32px;min-width:32px;padding:var(--space-2);touch-action:manipulation;transition:color .15s ease,background .15s ease}.cs-mcp-tool-card__remove:hover{background:rgba(var(--color-error-rgb),.08);color:var(--color-error)}.cs-mcp-tool-card__remove:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cs-mcp-tool-card .form-group{padding-left:0}.cs-channel-card{overflow:hidden;position:relative}.cs-channel-card:before{background:var(--color-primary);border-radius:var(--radius-sm) 0 0 var(--radius-sm);content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;transition:opacity .15s ease;width:3px}.cs-channel-card:hover:before{opacity:1}.cs-channel-card--telegram:before{background:#26a5e4}.cs-channel-card--whatsapp_business:before{background:#25d366}.cs-channel-card--discord:before{background:#5865f2}.cs-channel-card--slack:before{background:#e01e5a}.cs-channel-card--sms:before{background:#f22f46}.cs-channel-card__toggles{display:flex;flex-wrap:wrap;gap:var(--space-4)}.cs-channel-card__verify{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.cs-channel-card__verify-result{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--space-1);line-height:1.4;min-width:0;overflow-wrap:break-word;word-break:break-word}.cs-channel-card__verify-result--success{color:var(--color-success)}.cs-channel-card__verify-result--error{color:var(--color-error)}.cs-channel-card__primary-badge{background:rgba(var(--color-primary-rgb),.1);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-full);color:var(--color-primary);font-size:10px;font-weight:var(--font-semibold);margin-left:var(--space-1);padding:1px 8px}.cs-channel-empty{border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-xs);line-height:1.6;margin-left:36px;padding:var(--space-6) var(--space-4);text-align:center}.cs-channel-empty p{margin:0 0 var(--space-3) 0}.cs-channel-card__spinner{animation:spin 1s linear infinite}@media (max-width:768px){.cs-mcp-tool-card{margin-left:0;padding:var(--space-3)}.cs-channel-empty{margin-left:0}.cs-channel-card__toggles{gap:var(--space-3)}}@media (prefers-reduced-motion:reduce){.cs-channel-card__spinner{animation:none;opacity:.5}}@media (max-width:768px){.connect-header__icon{height:44px;width:44px}.connect-header__icon svg{height:26px;width:26px}.connect-header__title{font-size:15px}.cs-callout{padding:var(--space-3)}.cs-callout__email-row{flex-direction:column}.cs-callout__email{font-size:var(--text-xs);padding:8px 12px;white-space:normal;word-break:break-all}.cs-callout__copy{align-self:stretch;justify-content:center}.cs-callout__steps{flex-direction:column;gap:var(--space-2)}.cs-callout__guide-step{gap:var(--space-2)}.cs-callout__guide-num{font-size:11px;height:20px;width:20px}.cs-callout__url-hint{font-size:11px;padding:6px 10px}.cs-callout__scope-tags{gap:var(--space-1)}.cs-callout__scope-tag{font-size:10px;padding:2px 6px}.cs-step{padding:var(--space-3)}.cs-step .form-group,.cs-step__guidance,.cs-step__parsed{padding-left:0}.cs-step__num{font-size:11px;height:20px;width:20px}.cs-step__parsed-badge{font-size:10px;padding:2px 7px}.cs-step__optional{font-size:9px;padding:1px 6px}.cs-step__expand-btn{padding-left:0}}.route-filter-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.route-filter-header .form-label{font-weight:600;margin:0}.route-filter-options{display:flex;flex-direction:column;gap:8px}.route-filter-option{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:background-color .15s ease,border-color .15s ease}.route-filter-option.selected{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.2) 0,rgba(var(--brand-accent-purple-rgb),.2) 100%);border:2px solid var(--color-primary)}.route-filter-option-icon{flex-shrink:0;font-size:20px}.route-filter-option-content{flex:1 1}.route-filter-option-label{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.route-filter-option-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.oc-mode-cards{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;padding-left:36px}.oc-mode-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);position:relative;text-align:left;touch-action:manipulation;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.oc-mode-card:hover{background:rgba(var(--color-primary-rgb),.03);border-color:rgba(var(--color-primary-rgb),.3)}.oc-mode-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.oc-mode-card--selected{background:rgba(var(--color-primary-rgb),.06);border-color:var(--color-primary);box-shadow:0 0 20px rgba(var(--color-primary-rgb),.08)}.oc-mode-card__icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.oc-mode-card--direct .oc-mode-card__icon{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.oc-mode-card--modal .oc-mode-card__icon{background:#a78bfa1f;color:#a78bfa}.oc-mode-card__label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0}.oc-mode-card__desc{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5;margin:0}.oc-mode-card__badge{background:#a78bfa1f;border:1px solid #a78bfa33;border-radius:var(--radius-full);color:#a78bfa;font-size:9px;font-weight:var(--font-semibold);letter-spacing:.05em;padding:2px 6px;position:absolute;right:var(--space-2);text-transform:uppercase;top:var(--space-2)}.oc-template-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.oc-template-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);position:relative;text-align:left;touch-action:manipulation;transition:border-color .2s ease,background .2s ease,transform .15s ease}.oc-template-card:hover{background:rgba(var(--color-primary-rgb),.04);border-color:rgba(var(--color-primary-rgb),.3);transform:translateY(-1px)}.oc-template-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.oc-template-card__icon{font-size:18px;line-height:1}.oc-template-card__label{color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);margin:0}.oc-template-card__desc{color:var(--text-muted);font-size:11px;line-height:1.4;margin:0}.oc-tool-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr);padding-left:36px}.oc-tool-add-card{align-items:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);text-align:left;touch-action:manipulation;transition:border-color .2s ease,background .2s ease}.oc-tool-add-card:hover{background:rgba(var(--color-primary-rgb),.04);border-color:var(--color-primary)}.oc-tool-add-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.oc-tool-add-card__icon{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.oc-tool-add-card__icon--crm{background:#ff77001f;color:#f70}.oc-tool-add-card__icon--productivity{background:#34a8531f;color:#34a853}.oc-tool-add-card__icon--scheduling{background:#006bff1f;color:#006bff}.oc-tool-add-card__icon--messaging{background:#5865f21f;color:#5865f2}.oc-tool-add-card__icon--development{background:#fafafa14;color:var(--text-primary)}.oc-tool-add-card__icon--data{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.oc-tool-add-card__icon--custom{background:#a78bfa1f;color:#a78bfa}.oc-tool-add-card__info{flex:1 1;min-width:0}.oc-tool-add-card__name{color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);margin:0}.oc-tool-add-card__desc{color:var(--text-muted);font-size:11px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-policy-section{padding-left:36px}.oc-policy-label{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-2);margin-bottom:var(--space-2)}.oc-policy-hint{color:var(--text-muted);font-size:11px;line-height:1.5;margin:0 0 var(--space-2) 0}.oc-policy-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.oc-policy-tag{align-items:center;border:1px solid;border-radius:var(--radius-full);cursor:default;display:inline-flex;font-family:var(--font-data);font-size:11px;font-weight:var(--font-medium);gap:4px;padding:3px 10px;transition:opacity .15s ease}.oc-policy-tag--allow{background:rgba(var(--color-success-rgb),.08);border-color:rgba(var(--color-success-rgb),.2);color:var(--color-success)}.oc-policy-tag--deny{background:rgba(var(--color-error-rgb),.08);border-color:rgba(var(--color-error-rgb),.2);color:var(--color-error)}.oc-policy-tag__remove{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;line-height:1;margin:0;opacity:.6;padding:0;transition:opacity .15s ease}.oc-policy-tag__remove:hover{opacity:1}.oc-policy-input-row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.oc-policy-input-row .form-input{flex:1 1;font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.oc-policy-input-row .btn{flex-shrink:0}.oc-char-counter{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-1)}.oc-char-counter__count{font-feature-settings:"tnum";flex-shrink:0;font-family:var(--font-data);font-size:var(--text-xs);font-variant-numeric:tabular-nums;transition:color .2s ease}.oc-char-counter__count--ok{color:var(--text-muted)}.oc-char-counter__count--warn{color:var(--color-warning)}.oc-char-counter__count--error{color:var(--color-error)}.oc-tips-toggle{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) 0;touch-action:manipulation;transition:color .15s ease}.oc-tips-toggle:hover{color:var(--text-primary)}.oc-tips-toggle:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}.oc-tips-panel{background:rgba(var(--color-primary-rgb),.04);border:1px solid rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6;margin-top:var(--space-2);padding:var(--space-3)}.oc-tips-panel ul{margin:0;padding-left:var(--space-4)}.oc-tips-panel li+li{margin-top:var(--space-1)}@media (max-width:768px){.oc-mode-cards{padding-left:0}.oc-mode-cards,.oc-template-grid,.oc-tool-grid{grid-template-columns:1fr}.oc-policy-section,.oc-tool-grid{padding-left:0}}@media (prefers-reduced-motion:reduce){.oc-template-card:hover{transform:none}}.route-filter-check{color:var(--color-primary);flex-shrink:0}.route-confirmation{background:rgba(var(--color-success-rgb),.1);border:1px solid rgba(var(--color-success-rgb),.3);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px 14px}.route-confirmation-row{align-items:center;display:flex;gap:8px}.route-confirmation-text{color:var(--text-primary);flex:1 1;font-size:12px;font-weight:500}.route-confirmation-info{align-items:center;display:flex;gap:8px;padding-left:24px}.route-confirmation-info-text{color:var(--text-secondary);flex:1 1;font-size:11px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-content.destination-modal{max-width:100%}.step-indicator{padding:12px 16px}.step-indicator .step-label{display:none}.step-indicator .step-line{width:24px}.modal-body{padding:16px}.modal-footer{flex-wrap:wrap;padding:12px 16px}.modal-footer .btn-continue,.modal-footer .btn-save{flex:1 1;justify-content:center}}.dest-type-selector{display:flex;flex-direction:column;gap:24px;gap:var(--space-xl,24px)}.dest-type-card--skeleton{pointer-events:none}.skeleton-pulse{animation:skeleton-pulse 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:4px;border-radius:var(--radius-sm,4px)}.skeleton-text{display:block}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.dest-type-error{align-items:center;color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--space-2xl,48px);text-align:center}.dest-type-error__icon{color:#ef4444;color:var(--color-error,#ef4444);margin-bottom:16px;margin-bottom:var(--space-md,16px)}.dest-type-error__title{color:#ededed;color:var(--text-primary,#ededed);font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:18px;font-size:var(--text-lg,18px);margin-bottom:8px;margin-bottom:var(--space-sm,8px)}.dest-type-error__message{font-size:14px;font-size:var(--text-sm,14px);margin-bottom:20px;margin-bottom:var(--space-lg,20px)}.dest-type-error__retry{align-items:center;background:#0ea5e9;background:var(--color-primary,#0ea5e9);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#0a0a0a;color:var(--bg-void,#0a0a0a);cursor:pointer;display:flex;font-weight:600;gap:8px;gap:var(--space-sm,8px);padding:8px 20px;padding:var(--space-sm,8px) var(--space-lg,20px);transition:background-color .15s ease,transform .15s ease}.dest-type-error__retry:hover{background:#06b6d4;background:var(--color-primary-hover,#06b6d4);transform:translateY(-1px)}.dest-type-empty{color:#666;color:var(--text-muted,#666);padding:48px;padding:var(--space-2xl,48px);text-align:center}.dest-type-tier{display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px)}.dest-type-tier--locked{opacity:.85}.dest-type-tier__header{align-items:center;background:#ffffff05;border-left:3px solid #0ea5e9;border-left:3px solid var(--color-primary,#0ea5e9);border-radius:8px;border-radius:var(--radius-md,8px);color:#0ea5e9;color:var(--color-primary,#0ea5e9);display:flex;font-size:14px;font-size:var(--text-sm,14px);font-weight:600;gap:8px;gap:var(--space-sm,8px);letter-spacing:.05em;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px);text-transform:uppercase}.dest-type-tier__label{flex:1 1}.dest-type-tier__unlock{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;font-size:12px;font-size:var(--text-xs,12px);font-weight:500;gap:4px;letter-spacing:normal;text-transform:none}.dest-type-tier__grid{grid-gap:16px;grid-gap:var(--space-md,16px);display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.dest-type-card{align-items:flex-start;background:#161616;background:var(--bg-panel,#161616);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px);padding:20px;padding:var(--space-lg,20px);position:relative;text-align:left;transition:border-color .15s ease,background-color .15s ease}.dest-type-card:hover{background:#ffffff05;border-color:#0ea5e9;border-color:var(--type-border,var(--color-primary,#0ea5e9))}.dest-type-card--selected{background:#0ea5e91a;background:var(--type-bg,#0ea5e91a);border-color:#0ea5e9;border-color:var(--type-color,var(--color-primary,#0ea5e9));box-shadow:0 0 0 1px #0ea5e9,0 4px 20px #0003;box-shadow:0 0 0 1px var(--type-color,var(--color-primary,#0ea5e9)),0 4px 20px #0003}.dest-type-card--locked{cursor:pointer}.dest-type-card--locked:hover{border-color:#0ea5e9;border-color:var(--color-primary,#0ea5e9);opacity:.7}.dest-type-card--disabled{cursor:not-allowed;opacity:.5}.dest-type-card__badges{display:flex;gap:4px;gap:var(--space-xs,4px);position:absolute;right:8px;right:var(--space-sm,8px);top:8px;top:var(--space-sm,8px)}.dest-type-badge{align-items:center;border-radius:4px;border-radius:var(--radius-sm,4px);display:flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.03em;padding:3px 8px;text-transform:uppercase}.dest-type-badge--popular{background:#0ea5e926;border:1px solid #0ea5e94d;color:#0ea5e9;color:var(--color-primary,#0ea5e9)}.dest-type-badge--locked{background:#8b5cf626;border:1px solid #8b5cf64d;color:#8b5cf6;color:var(--accent-purple,#8b5cf6)}.dest-type-badge--custom{background:#0ea5e926;border:1px solid #0ea5e94d;color:#0ea5e9;color:var(--color-primary,#0ea5e9)}.dest-type-badge--coming-soon{background:#64646433;border:1px solid #6464644d;color:#666;color:var(--text-muted,#666)}.dest-type-card__check{background:#0ea5e9;background:var(--type-color,var(--color-primary,#0ea5e9));border-radius:var(--radius-full);color:#0a0a0a;color:var(--bg-void,#0a0a0a);height:24px;left:8px;left:var(--space-sm,8px);position:absolute;top:8px;top:var(--space-sm,8px);width:24px}.dest-type-card__check,.dest-type-card__icon{align-items:center;display:flex;justify-content:center}.dest-type-card__icon{background:#0ea5e91a;background:var(--type-bg,#0ea5e91a);border:1px solid #0ea5e94d;border:1px solid var(--type-border,#0ea5e94d);border-radius:8px;border-radius:var(--radius-md,8px);height:56px;width:56px}.dest-type-card__info{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs,4px)}.dest-type-card__label{color:#ededed;color:var(--text-primary,#ededed);font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:16px;font-size:var(--text-base,16px);font-weight:600}.dest-type-card__description{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:14px;font-size:var(--text-sm,14px);line-height:1.4}.dest-type-card__features{border-top:1px solid #ffffff12;border-top:1px solid var(--border-color,#ffffff12);display:flex;flex-direction:column;gap:4px;gap:var(--space-xs,4px);margin-top:auto;padding-top:16px;padding-top:var(--space-md,16px);width:100%}.dest-type-card__feature{align-items:center;color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:flex;font-size:14px;font-size:var(--text-sm,14px);gap:4px;gap:var(--space-xs,4px)}.dest-type-card__feature svg{color:#22c55e;color:var(--color-success,#22c55e);flex-shrink:0}@media (max-width:640px){.dest-type-tier__grid{grid-template-columns:1fr}.dest-type-card{padding:16px;padding:var(--space-md,16px)}.dest-type-card__icon{height:48px;width:48px}.dest-type-card__icon svg{height:24px;width:24px}}@media (min-width:900px){.dest-type-tier__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.field-mapping-autosuggest{background:#161616;background:var(--bg-panel,#161616);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-md);margin:16px 0;margin:var(--space-md,16px) 0;overflow:hidden}.autosuggest-toggle{align-items:center;background:#8b5cf60d;border:none;cursor:pointer;display:flex;gap:8px;gap:var(--space-sm,8px);padding:16px;padding:var(--space-md,16px);text-align:left;transition:background .2s;width:100%}.autosuggest-toggle:hover:not(:disabled){background:#8b5cf61a}.autosuggest-toggle.expanded{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-color,#ffffff12)}.autosuggest-toggle .toggle-icon{color:#8b5cf6;color:var(--accent-purple,#8b5cf6)}.autosuggest-toggle .toggle-label{color:#ededed;color:var(--text-primary,#ededed);flex:1 1;font-weight:600}.autosuggest-toggle .mapping-count{background:#22c55e;background:var(--color-success,#22c55e);border-radius:var(--radius-lg);color:#0a0a0a;color:var(--bg-void,#0a0a0a);font-size:12px;font-weight:600;padding:2px 8px}.autosuggest-content{overflow:hidden;padding:16px;padding:var(--space-md,16px)}.autosuggest-error,.autosuggest-loading,.field-mapping-autosuggest .empty-state{align-items:center;color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:flex;flex-direction:column;gap:8px;gap:var(--space-sm,8px);justify-content:center;padding:24px;padding:var(--space-xl,24px)}.autosuggest-error{color:#ef4444;color:var(--color-error,#ef4444)}.autosuggest-error .retry-btn,.field-mapping-autosuggest .detect-btn{align-items:center;background:#8b5cf6;background:var(--accent-purple,#8b5cf6);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:14px;gap:4px;gap:var(--space-xs,4px);padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px);transition:background-color .2s}.autosuggest-error .retry-btn:hover,.field-mapping-autosuggest .detect-btn:hover{background:#7c3aed;background:var(--accent-purple-hover,#7c3aed)}.suggestion-summary{align-items:center;background:#111;background:var(--bg-elevated,#111);border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md,16px);padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.summary-stats{display:flex;gap:16px;gap:var(--space-md,16px)}.summary-stats .stat{align-items:center;display:flex;font-size:13px;font-weight:500;gap:4px}.summary-stats .stat.high{color:#22c55e;color:var(--color-success,#22c55e)}.summary-stats .stat.medium{color:#f59e0b;color:var(--color-warning,#f59e0b)}.summary-stats .stat.low{color:#ef4444;color:var(--color-error,#ef4444)}.summary-actions{display:flex;gap:4px;gap:var(--space-xs,4px)}.accept-all-btn{align-items:center;background:#22c55e;background:var(--color-success,#22c55e);border:none;border-radius:var(--radius-xs);color:#0a0a0a;color:var(--bg-void,#0a0a0a);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:background-color .2s}.accept-all-btn:hover:not(:disabled){background:#16a34a;background:var(--color-success-hover,#16a34a)}.accept-all-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-btn,.settings-btn{background:#0000;border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-xs);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);cursor:pointer;padding:6px;transition:border-color .2s,color .2s}.refresh-btn:hover,.settings-btn:hover{border-color:#0ea5e9;border-color:var(--color-primary,#0ea5e9);color:#0ea5e9;color:var(--color-primary,#0ea5e9)}.settings-panel{background:#8b5cf60d;border-radius:var(--radius-sm);margin-bottom:16px;margin-bottom:var(--space-md,16px);overflow:hidden;padding:16px;padding:var(--space-md,16px)}.setting-row,.setting-row label{align-items:center;display:flex}.setting-row label{color:#ededed;color:var(--text-primary,#ededed);font-size:14px;gap:16px;gap:var(--space-md,16px);width:100%}.setting-row input[type=range]{accent-color:#8b5cf6;accent-color:var(--accent-purple,#8b5cf6);flex:1 1}.setting-row .value{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);font-weight:600;min-width:40px}.setting-hint{color:#666;color:var(--text-muted,#666);font-size:12px;margin:8px 0 0;margin:var(--space-sm,8px) 0 0}.suggestions-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm,8px);max-height:400px;overflow-y:auto}.suggestion-row{grid-gap:8px;grid-gap:var(--space-sm,8px);align-items:center;background:#111;background:var(--bg-elevated,#111);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-sm);display:grid;gap:8px;gap:var(--space-sm,8px);grid-template-columns:1fr auto 1fr auto auto;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px);transition:border-color .2s,background-color .2s,opacity .2s}.suggestion-row.high{background:#22c55e0d;border-color:#22c55e4d}.suggestion-row.medium{background:#f59e0b0d;border-color:#f59e0b4d}.suggestion-row.low,.suggestion-row.none{border-color:#ffffff12;border-color:var(--border-color,#ffffff12);opacity:.7}.suggestion-row.rejected{opacity:.4;text-decoration:line-through}.suggestion-row.accepted{border-color:#22c55e;border-color:var(--color-success,#22c55e)}.suggestion-row .dest-field,.suggestion-row .form-field{display:flex;flex-direction:column;gap:2px}.suggestion-row .field-name{color:#ededed;color:var(--text-primary,#ededed);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-weight:600}.suggestion-row .dest-type,.suggestion-row .field-type{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);font-size:11px;opacity:.8}.suggestion-row .mapping-arrow{color:#8b5cf6;color:var(--accent-purple,#8b5cf6)}.suggestion-row .dest-select{background:#161616;background:var(--bg-panel,#161616);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-xs);color:#ededed;color:var(--text-primary,#ededed);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:13px;min-width:150px;padding:6px 8px}.suggestion-row .dest-select.no-match{background:#ef44440d;border-color:#ef4444;border-color:var(--color-error,#ef4444)}.suggestion-row .confidence-badge{align-items:center;background:#ffffff0d;border-radius:var(--radius-xs);display:flex;flex-direction:column;gap:2px;min-width:60px;padding:4px 8px}.suggestion-row .confidence-value{font-size:14px;font-weight:700}.suggestion-row.high .confidence-value{color:#22c55e;color:var(--color-success,#22c55e)}.suggestion-row.medium .confidence-value{color:#f59e0b;color:var(--color-warning,#f59e0b)}.suggestion-row.low .confidence-value,.suggestion-row.none .confidence-value{color:#ef4444;color:var(--color-error,#ef4444)}.suggestion-row .match-type{color:#666;color:var(--text-muted,#666);font-size:10px;text-align:center}.suggestion-actions{display:flex;gap:4px}.action-btn{border:none;border-radius:var(--radius-xs);cursor:pointer;padding:4px;transition:background-color .2s,color .2s}.action-btn.accept{background:#22c55e1a;color:#22c55e;color:var(--color-success,#22c55e)}.action-btn.accept.active,.action-btn.accept:hover{background:#22c55e;background:var(--color-success,#22c55e);color:#0a0a0a;color:var(--bg-void,#0a0a0a)}.action-btn.reject{background:#ef44441a;color:#ef4444;color:var(--color-error,#ef4444)}.action-btn.reject.active,.action-btn.reject:hover{background:#ef4444;background:var(--color-error,#ef4444);color:#fff}.apply-section{align-items:center;border-top:1px solid #ffffff12;border-top:1px solid var(--border-color,#ffffff12);display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--space-md,16px);padding-top:16px;padding-top:var(--space-md,16px)}.apply-info{color:#666;color:var(--text-muted,#666);font-size:13px}.apply-btn,.apply-info{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px)}.apply-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--accent-purple,#8b5cf6) 0,var(--accent-pink,#ec4899) 100%);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;padding:var(--space-sm,8px) var(--space-lg,20px);transition:transform .2s,box-shadow .2s}.apply-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.apply-btn:disabled{cursor:not-allowed;opacity:.5}.field-mapping-autosuggest .spin{animation:autosuggest-spin 1s linear infinite}@keyframes autosuggest-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.suggestion-row{gap:4px;gap:var(--space-xs,4px);grid-template-columns:1fr}.suggestion-row .mapping-arrow{display:none}.summary-actions{flex-wrap:wrap}.apply-section{flex-direction:column;gap:16px;gap:var(--space-md,16px)}.apply-btn{justify-content:center;width:100%}}.field-mapper{margin:16px 0;margin:var(--space-md,16px) 0}.field-mapper-info{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:var(--radius-md);margin-bottom:24px;margin-bottom:var(--space-xl,24px);padding:20px;padding:var(--space-lg,20px)}.field-mapper-info-header{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px);margin-bottom:8px;margin-bottom:var(--space-sm,8px)}.field-mapper-info-header svg{color:#8b5cf6;color:var(--accent-purple,#8b5cf6)}.field-mapper-info-header strong{color:#ededed;color:var(--text-primary,#ededed)}.field-mapper-info p{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:14px;font-size:var(--text-sm,14px);line-height:1.5;margin:0}.field-mapper-info p+p{margin-top:8px;margin-top:var(--space-sm,8px)}.field-mapper-info code{background:#8b5cf61a;border-radius:var(--radius-xs);color:#8b5cf6;color:var(--accent-purple,#8b5cf6);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);padding:2px 6px}.field-mapper-section{margin-bottom:24px;margin-bottom:var(--space-xl,24px)}.field-mapper-section h4{color:#ededed;color:var(--text-primary,#ededed);font-size:18px;font-size:var(--text-lg,18px);margin-bottom:16px;margin-bottom:var(--space-md,16px)}.field-mapper-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm,8px)}.field-mapper-item{align-items:center;background:#111;background:var(--bg-elevated,#111);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-sm);display:flex;gap:16px;gap:var(--space-md,16px);padding:16px;padding:var(--space-md,16px)}.field-mapper-item-name{color:#ededed;color:var(--text-primary,#ededed);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:16px;font-size:var(--text-base,16px);font-weight:600}.field-mapper-item-arrow{font-size:18px;font-size:var(--text-lg,18px)}.field-mapper-item-arrow,.field-mapper-item-column{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);font-weight:800}.field-mapper-item-column{font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:20px;font-size:var(--text-xl,20px);min-width:80px;text-align:center}.field-mapper-item-remove{align-items:center;background:#ef4444;background:var(--color-error,#ef4444);border:none;border-radius:var(--radius-xs);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;padding:var(--space-sm,8px);transition:background-color .2s,transform .2s}.field-mapper-item-remove:hover{background:#dc2626;background:var(--color-error-hover,#dc2626);transform:scale(1.05)}.field-mapper-add{grid-gap:16px;grid-gap:var(--space-md,16px);align-items:end;display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:1fr auto 1fr auto}.field-mapper-add-group{display:flex;flex-direction:column}.field-mapper-add-group label{color:#ededed;color:var(--text-primary,#ededed);display:block;font-size:14px;font-size:var(--text-sm,14px);font-weight:600;margin-bottom:4px;margin-bottom:var(--space-xs,4px)}.field-mapper-add-group input{background:#111;background:var(--bg-elevated,#111);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-sm);color:#ededed;color:var(--text-primary,#ededed);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:16px;font-size:var(--text-base,16px);padding:16px;padding:var(--space-md,16px);transition:border-color .2s,box-shadow .2s;width:100%}.field-mapper-add-group input:focus{border-color:#8b5cf6;border-color:var(--accent-purple,#8b5cf6);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.field-mapper-add-group input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.field-mapper-add-group input::placeholder{color:#666;color:var(--text-muted,#666)}.field-mapper-add-group input.column-input{font-weight:800;text-align:center;text-transform:uppercase}.field-mapper-add-arrow{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);font-size:24px;font-size:var(--text-2xl,24px);font-weight:800;padding-bottom:12px}.field-mapper-add-btn{align-items:center;background:#22c55e;background:var(--color-success,#22c55e);border:none;border-radius:var(--radius-sm);color:#0a0a0a;color:var(--bg-void,#0a0a0a);cursor:pointer;display:flex;justify-content:center;padding:16px;padding:var(--space-md,16px);transition:background-color .2s,transform .2s}.field-mapper-add-btn:hover{background:#16a34a;background:var(--color-success-hover,#16a34a);transform:scale(1.05)}@media (max-width:768px){.field-mapper-add{gap:8px;gap:var(--space-sm,8px);grid-template-columns:1fr}.field-mapper-add-arrow{display:none}.field-mapper-item{flex-wrap:wrap}.field-mapper-item-name{width:100%}}.advanced-options-section{background:#161616;background:var(--bg-panel,#161616);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-md);margin-top:20px;margin-top:var(--space-lg,20px);overflow:hidden}.advanced-options-toggle{align-items:center;background:#8b5cf60d;border:none;color:#ededed;color:var(--text-primary,#ededed);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-sm,8px);padding:16px;padding:var(--space-md,16px);text-align:left;transition:background .2s;width:100%}.advanced-options-toggle:hover{background:#8b5cf61a}.advanced-options-toggle svg{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);flex-shrink:0}.advanced-options-toggle span{flex:1 1}.advanced-options-content{border-top:1px solid #ffffff12;border-top:1px solid var(--border-color,#ffffff12);overflow:hidden;padding:16px;padding:var(--space-md,16px)}.advanced-options-description{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:13px;line-height:1.5;margin:0 0 16px;margin:0 0 var(--space-md,16px)}.filter-badge{align-items:center;background:#0ea5e9;background:var(--color-primary,#0ea5e9);border-radius:var(--radius-md);color:#0a0a0a;color:var(--bg-void,#0a0a0a);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.field-mappings-list{flex-direction:column;margin-bottom:16px;margin-bottom:var(--space-md,16px)}.field-mapping-row,.field-mappings-list{display:flex;gap:8px;gap:var(--space-sm,8px)}.field-mapping-row{align-items:center}.mapping-input{background:#111;background:var(--bg-elevated,#111);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-sm);color:#ededed;color:var(--text-primary,#ededed);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:14px;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px);transition:border-color .2s,box-shadow .2s}.mapping-input:focus{border-color:#8b5cf6;border-color:var(--accent-purple,#8b5cf6);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.mapping-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mapping-input::placeholder{color:#666;color:var(--text-muted,#666)}.mapping-input.to{font-weight:600}.mapping-arrow{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);flex-shrink:0;font-size:18px;font-weight:800;padding:0 4px;padding:0 var(--space-xs,4px)}.mapping-remove-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-sm);color:#ef4444;color:var(--color-error,#ef4444);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background-color .2s,border-color .2s,color .2s;width:32px}.mapping-remove-btn:hover{background:#ef4444;background:var(--color-error,#ef4444);border-color:#ef4444;border-color:var(--color-error,#ef4444);color:#fff}.field-mapping-add{margin-top:8px;margin-top:var(--space-sm,8px)}.filter-add-btn{align-items:center;background:#22c55e;background:var(--color-success,#22c55e);border:none;border-radius:var(--radius-sm);color:#0a0a0a;color:var(--bg-void,#0a0a0a);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background-color .2s,transform .2s;width:32px}.filter-add-btn:hover:not(:disabled){background:#16a34a;background:var(--color-success-hover,#16a34a);transform:scale(1.05)}.filter-add-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.default-filters-info{align-items:flex-start;background:#0ea5e90d;border:1px solid #0ea5e933;border-radius:var(--radius-sm);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:flex;font-size:13px;gap:8px;gap:var(--space-sm,8px);line-height:1.5;margin-top:16px;margin-top:var(--space-md,16px);padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.default-filters-info svg{color:#0ea5e9;color:var(--color-info,#0ea5e9);flex-shrink:0;margin-top:2px}.default-filters-info strong{color:#ededed;color:var(--text-primary,#ededed)}@media (max-width:640px){.field-mapping-row{flex-wrap:wrap}.mapping-input{flex:1 1 100%;min-width:0}.mapping-arrow{display:none}.filter-add-btn,.mapping-remove-btn{height:36px;width:100%}}.attribution-toggle-label{align-items:center;cursor:pointer;display:flex;gap:var(--space-2)}.attribution-toggle-label input[type=checkbox]{accent-color:var(--color-primary)}.attribution-toggle-label span{color:var(--text-primary);font-weight:var(--font-medium)}.filter-section{margin-bottom:20px;margin-bottom:var(--space-lg,20px)}.filter-section:last-of-type{margin-bottom:0}.filter-label{color:#ededed;color:var(--text-primary,#ededed);display:flex;font-weight:600;gap:8px;gap:var(--space-sm,8px);margin-bottom:4px;margin-bottom:var(--space-xs,4px)}.filter-label,.filter-label-icon{align-items:center;font-size:14px}.filter-label-icon{border-radius:var(--radius-xs);display:inline-flex;font-weight:700;height:20px;justify-content:center;width:20px}.filter-label-icon.include{background:#22c55e26;color:#22c55e;color:var(--color-success,#22c55e)}.filter-label-icon.exclude{background:#ef444426;color:#ef4444;color:var(--color-error,#ef4444)}.filter-hint{color:#666;color:var(--text-muted,#666);font-size:12px;line-height:1.4;margin:0 0 8px;margin:0 0 var(--space-sm,8px)}.filter-tags{align-items:center;display:flex;flex-wrap:wrap;gap:4px;gap:var(--space-xs,4px)}.filter-tag{align-items:center;border-radius:var(--radius-xs);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:13px;font-weight:500;gap:4px;padding:4px 8px}.filter-tag.include{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e;color:var(--color-success,#22c55e)}.filter-tag.exclude{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444;color:var(--color-error,#ef4444)}.filter-tag-remove{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:16px;justify-content:center;opacity:.6;padding:0;transition:opacity .2s;width:16px}.filter-tag-remove:hover{opacity:1}.filter-tag.include .filter-tag-remove{color:#22c55e;color:var(--color-success,#22c55e)}.filter-tag.exclude .filter-tag-remove{color:#ef4444;color:var(--color-error,#ef4444)}.filter-input-wrapper{align-items:center;display:flex;gap:4px;gap:var(--space-xs,4px)}.filter-input{background:#111;background:var(--bg-elevated,#111);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-xs);color:#ededed;color:var(--text-primary,#ededed);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:13px;min-width:100px;padding:6px 10px;transition:border-color .2s,box-shadow .2s}.filter-input:focus{border-color:#8b5cf6;border-color:var(--accent-purple,#8b5cf6);box-shadow:0 0 0 2px #8b5cf61a;outline:none}.filter-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.filter-input::placeholder{color:#666;color:var(--text-muted,#666)}@media (max-width:640px){.filter-tags{gap:8px;gap:var(--space-sm,8px)}.filter-input-wrapper{width:100%}.filter-input{flex:1 1;min-width:0}}.test-step{display:flex;flex-direction:column;gap:24px;gap:var(--space-lg,24px);padding:16px 0;padding:var(--space-md,16px) 0}.destination-summary{background:linear-gradient(135deg,#0ea5e914,#8b5cf60a);border:1px solid #0ea5e933;border-radius:12px;border-radius:var(--radius-lg,12px);overflow:hidden;padding:24px;padding:var(--space-lg,24px);position:relative}.destination-summary:before{background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#06b6d4);background:linear-gradient(90deg,var(--color-primary,#0ea5e9),var(--accent-purple,#8b5cf6),var(--accent-cyan,#06b6d4));content:"";height:3px;left:0;position:absolute;right:0;top:0}.destination-summary h4{align-items:center;color:#ededed;color:var(--text-primary,#ededed);display:flex;font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:16px;font-weight:600;gap:8px;gap:var(--space-sm,8px);margin:0 0 16px;margin:0 0 var(--space-md,16px)}.destination-summary h4:before{content:"📋";font-size:18px}.summary-row{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;gap:16px;gap:var(--space-md,16px);justify-content:space-between;padding:8px 0;padding:var(--space-sm,8px) 0}.summary-row:last-child{border-bottom:none;padding-bottom:0}.summary-row:first-of-type{padding-top:0}.summary-label{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);flex-shrink:0;font-size:13px;font-weight:500;min-width:120px}.summary-value{color:#ededed;color:var(--text-primary,#ededed);font-size:14px;font-weight:500;text-align:right;word-break:break-word}.summary-value.mono{background:#06b6d41a;border-radius:var(--radius-xs);color:#06b6d4;color:var(--accent-cyan,#06b6d4);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:12px;padding:4px 8px}.test-section{background:#111;background:var(--bg-elevated,#111);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px);padding:24px;padding:var(--space-lg,24px)}.btn-test{align-items:center;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);background:linear-gradient(135deg,var(--color-primary,#0ea5e9) 0,var(--accent-purple,#8b5cf6) 100%);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:15px;font-weight:600;gap:8px;gap:var(--space-sm,8px);justify-content:center;overflow:hidden;padding:16px 32px;padding:var(--space-md,16px) var(--space-xl,32px);position:relative;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.btn-test:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-test:hover:not(:disabled){box-shadow:0 8px 25px #0ea5e959;transform:translateY(-2px)}.btn-test:hover:not(:disabled):before{left:100%}.btn-test:active:not(:disabled){transform:translateY(0)}.btn-test:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-test svg{flex-shrink:0}.test-result{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--space-sm,8px);padding:16px;padding:var(--space-md,16px)}.test-result svg{flex-shrink:0}.test-result.success{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid #22c55e4d}.test-result.success,.test-result.success svg{color:#22c55e;color:var(--color-success,#22c55e)}.test-result.error{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d}.test-result.error,.test-result.error svg{color:#ef4444;color:var(--color-error,#ef4444)}.test-hint{align-items:center;color:#ffffff80;color:var(--text-secondary,#ffffff80);display:flex;font-size:13px;gap:6px;gap:var(--space-xs,6px)}.test-hint svg{flex-shrink:0;opacity:.6}@media (max-width:640px){.test-step{gap:16px;gap:var(--space-md,16px)}.destination-summary{padding:16px;padding:var(--space-md,16px)}.destination-summary h4{font-size:14px}.summary-row{flex-direction:column;gap:4px;gap:var(--space-xs,4px)}.summary-label{min-width:0;min-width:auto}.summary-value{text-align:left}.btn-test,.test-section{padding:16px;padding:var(--space-md,16px)}.btn-test{width:100%}}.template-selector{position:relative}.template-selector__trigger{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-md);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.template-selector__trigger:hover{border-color:var(--color-primary)}.template-selector__trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.template-selector__trigger:disabled{cursor:not-allowed;opacity:.6}.template-selector__value{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-selector__placeholder{color:var(--text-muted);flex:1 1}.template-selector__chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.template-selector__chevron--open{transform:rotate(180deg)}.template-selector__star{color:var(--color-warning);flex-shrink:0}.template-selector__dropdown{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;margin-top:var(--space-xs);max-height:400px;position:absolute;right:0;top:100%;z-index:100}.template-selector__search{border-bottom:1px solid var(--border-color);padding:var(--space-sm)}.template-selector__search-input{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);width:100%}.template-selector__search-input:focus{border-color:var(--color-primary);outline:none}.template-selector__search-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.template-selector__options{max-height:340px;overflow-y:auto}.template-selector__empty,.template-selector__error{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-lg);text-align:center}.template-selector__error{color:var(--color-error)}.template-selector__group{padding:var(--space-xs) 0}.template-selector__group:not(:last-child){border-bottom:1px solid var(--border-color)}.template-selector__group-header{color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-xs) var(--space-md);text-transform:uppercase}.template-selector__option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);transition:background .15s ease}.template-selector__option:hover{background:var(--bg-hover)}.template-selector__option--selected{background:rgba(var(--color-primary-rgb),.1)}.template-selector__option--none{color:var(--text-secondary);font-style:italic}.template-selector__option-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.template-selector__option-name{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-sm);gap:var(--space-xs)}.template-selector__option-desc{color:var(--text-muted);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-selector__option-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-xs)}.template-selector__preview-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;opacity:0;padding:var(--space-xs);transition:opacity .15s ease,background-color .15s ease,color .15s ease}.template-selector__option:hover .template-selector__preview-btn{opacity:1}.template-selector__preview-btn:hover{background:var(--bg-elevated);color:var(--color-primary)}.template-selector__backdrop{inset:0;position:fixed;z-index:99}.template-preview-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:var(--space-lg);position:fixed;z-index:200}.template-preview-modal{background:var(--bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.template-preview-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.template-preview-header h3{color:var(--text-primary);font-size:var(--text-lg);margin:0}.template-preview-close{align-items:center;background:var(--bg-elevated);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:32px}.template-preview-close:hover{background:var(--bg-hover);color:var(--text-primary)}.template-preview-content{flex:1 1;overflow-y:auto;padding:var(--space-lg)}.template-preview-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;padding:var(--space-xl)}.template-preview-subject{background:var(--bg-elevated);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.template-preview-body,.template-preview-subject{border-radius:var(--radius-md);font-size:var(--text-sm)}.template-preview-body{background:var(--bg-void);line-height:1.6;padding:var(--space-md)}pre.template-preview-body{font-family:var(--font-mono);white-space:pre-wrap}.template-preview-empty{color:var(--text-muted);padding:var(--space-lg);text-align:center}.template-preview-description{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-md) var(--space-lg)}.spin{animation:spin 1s linear infinite}.email-config-mode-toggle{background:var(--bg-input);border-radius:var(--radius-md);display:flex;gap:var(--space-xs);padding:var(--space-xs)}.email-config-mode-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--text-sm);font-weight:500;gap:var(--space-xs);justify-content:center;padding:var(--space-sm) var(--space-md);transition:background-color .2s ease,color .2s ease}.email-config-mode-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.email-config-mode-btn--active{background:var(--bg-panel);box-shadow:var(--shadow-sm);color:var(--color-primary)}.form-checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-sm)}.form-checkbox-label:hover{color:var(--text-primary)}.form-checkbox{accent-color:var(--color-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;height:18px;width:18px}.email-provider-selector{grid-gap:var(--space-xs);display:grid;gap:var(--space-xs);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-md)}.email-provider-option{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:border-color .2s ease,color .2s ease,background-color .2s ease}.email-provider-option:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary);color:var(--text-primary)}.email-provider-option--active{background:#0ea5e90f}.email-provider-option--active,.email-provider-option--active:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.email-provider-option--disabled{cursor:not-allowed;opacity:.45}.email-provider-option__icon{align-items:center;display:flex;flex-shrink:0}.email-provider-option__label{flex:1 1;text-align:left}.email-provider-option__lock{color:var(--text-secondary);flex-shrink:0}.email-provider-upgrade-hint{align-items:center;background:#0ea5e90f;border:1px solid #0ea5e926;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.email-byok-fields{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.email-byok-fields__row{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}.email-byok-test{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.email-byok-test__btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:border-color .2s ease,color .2s ease}.email-byok-test__btn:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.email-byok-test__btn:disabled{cursor:not-allowed;opacity:.5}@keyframes email-byok-spin{to{transform:rotate(1turn)}}.email-byok-test__spinner{animation:email-byok-spin 1s linear infinite}.email-byok-test__result{align-items:center;display:inline-flex;font-size:var(--text-sm);gap:var(--space-xs)}.email-byok-test__result--success{color:var(--color-success)}.email-byok-test__result--error{color:var(--color-error)}.cs-step__parsed-badge--info{background:#0ea5e91a;color:var(--color-primary)}.hubspot-section{border-top:1px solid var(--border-color);margin-top:var(--space-5);padding-top:var(--space-4)}.hubspot-section__header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.hubspot-section__header h4{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0}.hubspot-sync-status{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3)}.hubspot-sync-status--success{background:rgba(var(--color-success-rgb),.1);border:1px solid rgba(var(--color-success-rgb),.2);color:var(--color-success)}.hubspot-sync-status--warning{align-items:flex-start;background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.2);color:var(--color-warning);flex-direction:column}.hubspot-sync-status__hint{font-size:var(--text-xs);margin-top:var(--space-1);opacity:.8}.hubspot-mapping-table{border-collapse:collapse;font-size:var(--text-sm);margin-top:var(--space-3);width:100%}.hubspot-mapping-table td,.hubspot-mapping-table th{padding:var(--space-2) var(--space-3);text-align:left}.hubspot-mapping-table th{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-weight:var(--font-medium)}.hubspot-mapping-table td{border-bottom:1px solid var(--border-subtle,var(--border-color))}.hubspot-mapping-table .arrow-cell{color:var(--text-secondary);text-align:center;width:40px}.hubspot-tier-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}.hubspot-score-slider-container{align-items:center;display:flex;gap:var(--space-3)}.hubspot-score-slider{-webkit-appearance:none;appearance:none;background:var(--bg-card);border-radius:var(--radius-full);flex:1 1;height:6px;outline:none}.hubspot-score-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:18px;width:18px}.hubspot-score-slider::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.hubspot-score-value{color:var(--text-primary);font-weight:var(--font-semibold);min-width:40px;text-align:center}.hubspot-tier-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hubspot-tier-chip{background:none;border:2px solid;border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);transition:opacity .15s ease}.hubspot-tier-chip:hover{opacity:.8}.hubspot-tier-chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hubspot-filter-preview{align-items:center;background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.2);border-radius:var(--radius-md);color:var(--color-warning);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3)}.hubspot-input-warning{background:rgba(var(--color-warning-rgb),.05);border-color:var(--color-warning)!important}.hubspot-form-warning{align-items:center;color:var(--color-warning);display:flex;font-size:var(--text-xs);gap:var(--space-1);margin-bottom:var(--space-1);margin-top:var(--space-1)}.hubspot-form-warning-box{align-items:center;background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.3);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-2);margin-top:var(--space-2);padding:var(--space-3)}@media (max-width:768px){.hubspot-mapping-table td,.hubspot-mapping-table th{padding:var(--space-1) var(--space-2)}.hubspot-tier-chips{gap:var(--space-1)}.hubspot-tier-chip{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}.webhook-headers-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.webhook-header-row{align-items:center;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-2);justify-content:space-between;padding:var(--space-2) var(--space-3)}.webhook-header-display{color:var(--text-primary);font-size:var(--text-sm);word-break:break-all}.webhook-header-remove{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--space-1);transition:color .15s ease,background .15s ease}.webhook-header-remove:hover{background:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.webhook-header-remove:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.webhook-header-input-row{align-items:center;display:flex;gap:var(--space-2)}.webhook-header-input-row .form-input{flex:1 1;min-width:0}.webhook-header-add{align-items:center;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--space-2);transition:border-color .15s ease,background .15s ease}.webhook-header-add:hover:not(:disabled){background:#6366f11a;background:rgba(var(--color-primary-rgb,99,102,241),.1);border-color:var(--color-primary)}.webhook-header-add:disabled{cursor:not-allowed;opacity:.4}.webhook-header-add:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-textarea{font-family:SF Mono,Fira Code,monospace;font-family:var(--font-mono,"SF Mono","Fira Code",monospace);font-size:var(--text-sm);line-height:1.5;min-height:120px;resize:vertical}.cs-callout__scope-tag--link{cursor:pointer;text-decoration:none;transition:opacity .15s ease}.cs-callout__scope-tag--link:hover{opacity:.8}@media (max-width:768px){.webhook-header-input-row{flex-direction:column}.webhook-header-add,.webhook-header-input-row .form-input{width:100%}}.cc-destination-card-v2{align-items:center;background:var(--bg-card);background:var(--cc-bg-card,var(--bg-card));border:1px solid var(--cc-border,var(--border-color));border-radius:12px;border-radius:var(--radius-lg,12px);cursor:default;display:flex;gap:.75rem;padding:1rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}@media (hover:hover){.cc-destination-card-v2:hover{border-color:var(--cc-border-active,var(--color-primary));box-shadow:0 4px 12px #00000026;box-shadow:var(--cc-shadow-md,0 4px 12px #00000026)}}.cc-destination-card-v2:focus-visible{outline:2px solid var(--color-primary);outline:2px solid var(--cc-accent-primary,var(--color-primary));outline-offset:2px}.cc-destination-card-v2--online{border-left:3px solid var(--cc-online,var(--color-success))}.cc-destination-card-v2--offline{border-left:3px solid var(--cc-offline,var(--color-error));opacity:.7}.cc-destination-card-v2--error{border-left:3px solid var(--color-warning)}.cc-destination-card-v2--has-error{background:linear-gradient(90deg,rgba(var(--color-warning-rgb),.05) 0,var(--bg-card) 30%);background:linear-gradient(90deg,rgba(var(--color-warning-rgb),.05) 0,var(--cc-bg-card,var(--bg-card)) 30%)}.cc-destination-card-v2__icon{align-items:center;background:var(--bg-panel);background:var(--cc-bg-panel,var(--bg-panel));border-radius:8px;border-radius:var(--radius-md,8px);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.cc-destination-card-v2__info{flex:1 1;min-width:0}.cc-destination-card-v2__name{color:var(--text-primary);color:var(--cc-text-primary,var(--text-primary));font-family:var(--font-display);font-family:var(--cc-font-display,var(--font-display));font-size:.875rem;font-weight:500;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-destination-card-v2__type{color:var(--text-muted);color:var(--cc-text-muted,var(--text-muted));font-family:var(--font-data);font-family:var(--cc-font-data,var(--font-data));font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.cc-destination-card-v2__stats{flex-shrink:0;text-align:right}.cc-destination-card-v2__count{color:var(--color-primary);color:var(--cc-accent-primary,var(--color-primary));font-family:var(--font-display);font-family:var(--cc-font-display,var(--font-display));font-size:1.125rem;font-weight:600}.cc-destination-card-v2__label{color:var(--text-dim);color:var(--cc-text-dim,var(--text-dim));font-family:var(--font-data);font-family:var(--cc-font-data,var(--font-data));font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.cc-destination-card-v2__edit-btn{align-items:center;background:var(--bg-hover);background:var(--cc-bg-hover,var(--bg-hover));border:1px solid var(--cc-border,var(--border-color));border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--text-secondary);color:var(--cc-text-secondary,var(--text-secondary));cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:6px;position:absolute;right:8px;top:8px;transition:border-color .2s ease,opacity .2s ease;z-index:2}@media (hover:hover){.cc-destination-card-v2:hover .cc-destination-card-v2__edit-btn{opacity:1}.cc-destination-card-v2__edit-btn:hover{background:var(--bg-card);background:var(--cc-bg-card,var(--bg-card));border-color:var(--cc-border-active,var(--color-primary))}}@media (hover:none){.cc-destination-card-v2__edit-btn{opacity:.8}}.cc-destination-card-v2__edit-btn:focus-visible{opacity:1;outline:2px solid var(--color-primary);outline:2px solid var(--cc-accent-primary,var(--color-primary));outline-offset:2px}.cc-destination-card-v2__toggle-btn{align-items:center;background:var(--bg-hover);background:var(--cc-bg-hover,var(--bg-hover));border:1px solid var(--cc-border,var(--border-color));border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:6px;position:absolute;right:34px;top:8px;transition:border-color .2s ease,opacity .2s ease;z-index:2}.cc-destination-card-v2__toggle-btn--active{color:#eab308;color:var(--color-warning,#eab308)}.cc-destination-card-v2__toggle-btn--paused{color:var(--color-success);opacity:.9}@media (hover:hover){.cc-destination-card-v2:hover .cc-destination-card-v2__toggle-btn{opacity:1}.cc-destination-card-v2__toggle-btn:hover{background:var(--bg-card);background:var(--cc-bg-card,var(--bg-card));border-color:var(--cc-border-active,var(--color-primary))}}@media (hover:none){.cc-destination-card-v2__toggle-btn{opacity:.8}}.cc-destination-card-v2__toggle-btn:focus-visible{opacity:1;outline:2px solid var(--color-primary);outline:2px solid var(--cc-accent-primary,var(--color-primary));outline-offset:2px}.cc-destination-card-v2:has(.cc-destination-card-v2__toggle-btn) .cc-destination-card-v2__edit-btn{right:8px}.cc-destination-card-v2:has(.cc-destination-card-v2__toggle-btn) .cc-destination-card-v2__toggle-btn{right:34px}.cc-destination-card-v2__error-indicator{align-items:center;bottom:8px;color:var(--color-warning);display:flex;justify-content:center;opacity:.9;position:absolute;right:8px}@keyframes error-pulse{0%,to{opacity:.9}50%{opacity:.5}}.cc-destination-card-v2__error-indicator{animation:error-pulse 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.cc-destination-card-v2,.cc-destination-card-v2__edit-btn,.cc-destination-card-v2__toggle-btn{transition:none}.cc-destination-card-v2__error-indicator{animation:none}}@media (max-width:640px){.cc-destination-card-v2{padding:.875rem}.cc-destination-card-v2__icon{font-size:1.125rem;height:36px;width:36px}.cc-destination-card-v2__name{font-size:.8125rem}.cc-destination-card-v2__count{font-size:1rem}}.confirmation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.confirmation-modal{background:linear-gradient(145deg,#161616fa,#111111fa);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,0 0 60px -15px rgba(var(--color-error-rgb),.3);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,0 0 60px -15px var(--glow-color,rgba(var(--color-error-rgb),.3));max-width:420px;padding:32px;position:relative;text-align:center;width:100%}.confirmation-modal:before{animation:borderGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#0000 40%,rgba(var(--color-error-rgb),.2) 50%,#0000 60%);background:linear-gradient(135deg,#0000 40%,var(--glow-color,rgba(var(--color-error-rgb),.2)) 50%,#0000 60%);border-radius:17px;content:"";inset:-1px;opacity:.5;position:absolute;z-index:-1}@keyframes borderGlow{0%,to{opacity:.3;transform:rotate(0deg)}50%{opacity:.6}}.confirmation-modal-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--space-3);top:var(--space-3);touch-action:manipulation;transition:background .2s ease,color .2s ease,border-color .2s ease;width:32px}.confirmation-modal-close:hover{background:#ffffff1a;background:var(--bg-hover,#ffffff1a);border-color:#ffffff14;border-color:var(--border-color,#ffffff14);color:#f8fafc;color:var(--text-primary,#f8fafc)}.confirmation-modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.confirmation-modal-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;position:relative;width:64px}.confirmation-modal-icon:after{animation:pulseRing 2s ease-out infinite;border:2px solid;border-radius:50%;content:"";inset:-4px;opacity:.3;position:absolute}@keyframes pulseRing{0%{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}.confirmation-modal-title{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.375rem;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.confirmation-modal-message,.confirmation-modal-title{font-family:Inter,sans-serif;font-family:var(--font-display,"Inter",sans-serif)}.confirmation-modal-message{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:.9375rem;line-height:1.6;margin:0 0 20px}.confirmation-modal-item-name{background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;color:#f8fafc;color:var(--text-primary,#f8fafc);display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.875rem;font-weight:500;margin-top:8px;max-width:100%;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap}.confirmation-modal-warning{align-items:center;background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.2);border-radius:8px;color:#fca5a5;display:inline-flex;font-size:.8125rem;gap:6px;margin-bottom:24px;padding:8px 14px}.confirmation-modal-warning svg{flex-shrink:0}.confirmation-modal-actions{display:flex;gap:12px;margin-top:8px}.confirmation-modal-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-display,"Inter",sans-serif);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);touch-action:manipulation;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.confirmation-modal-btn:focus-visible{outline:2px solid var(--color-primary);outline:2px solid var(--glow-color,var(--color-primary));outline-offset:2px}.confirmation-modal-btn:disabled{cursor:not-allowed;opacity:.6}.confirmation-modal-btn-cancel{background:#ffffff0f;border:1px solid #ffffff1a;color:#a1a1a1;color:var(--text-secondary,#a1a1a1)}.confirmation-modal-btn-cancel:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:#f8fafc;color:var(--text-primary,#f8fafc)}.confirmation-modal-btn-confirm{color:#fff;font-weight:600}.confirmation-modal-btn-confirm:hover:not(:disabled){transform:translateY(-1px)}.confirmation-modal-loading{align-items:center;display:inline-flex;gap:8px}.confirmation-modal-loading .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:480px){.confirmation-modal{margin:16px;max-width:calc(100% - 32px);padding:24px 20px}.confirmation-modal-icon{height:56px;margin-bottom:16px;width:56px}.confirmation-modal-icon svg{height:24px;width:24px}.confirmation-modal-title{font-size:1.25rem}.confirmation-modal-message{font-size:.875rem}.confirmation-modal-actions{flex-direction:column-reverse}.confirmation-modal-btn{padding:14px 20px}}.confirmation-modal.shake{animation:shake .5s ease-in-out}@media (prefers-reduced-motion:reduce){.confirmation-modal-icon:after,.confirmation-modal:before{animation:none}.confirmation-modal-loading .spinner{animation:spin 1.5s linear infinite}.confirmation-modal.shake{animation:none}.confirmation-modal-btn,.confirmation-modal-close{transition:none}}@media (prefers-contrast:high){.confirmation-modal{border-color:#a1a1a1;border-color:var(--text-secondary,#a1a1a1);border-width:2px}.confirmation-modal-btn{border-width:2px}}.upgrade-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.upgrade-modal{background:linear-gradient(145deg,#161616fa,#111111fa);border:1px solid #8b5cf626;border:1px solid rgba(var(--brand-accent-purple-rgb,139,92,246),.15);border-radius:16px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #8b5cf614,0 0 60px -15px #8b5cf633;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px rgba(var(--brand-accent-purple-rgb,139,92,246),.08),0 0 60px -15px rgba(var(--brand-accent-purple-rgb,139,92,246),.2);max-width:420px;padding:32px;position:relative;text-align:center;width:100%}.upgrade-modal:before{animation:upgradeGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#0000 30%,#8b5cf633 50%,#0000 70%);background:linear-gradient(135deg,#0000 30%,rgba(var(--brand-accent-purple-rgb,139,92,246),.2) 50%,#0000 70%);border-radius:17px;content:"";inset:-1px;opacity:.5;position:absolute;z-index:-1}@keyframes upgradeGlow{0%,to{opacity:.3}50%{opacity:.6}}.upgrade-modal-close{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md,8px);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;right:var(--space-3,12px);top:12px;top:var(--space-3,12px);touch-action:manipulation;transition:background .2s ease,color .2s ease,border-color .2s ease;width:32px}.upgrade-modal-close:hover{background:#ffffff1a;background:var(--bg-hover,#ffffff1a);border-color:#ffffff14;border-color:var(--border-color,#ffffff14);color:#f8fafc;color:var(--text-primary,#f8fafc)}.upgrade-modal-close:focus-visible{outline:2px solid #8b5cf6;outline:2px solid var(--accent-purple,#8b5cf6);outline-offset:2px}.upgrade-modal-icon{align-items:center;background:#8b5cf61f;background:rgba(var(--brand-accent-purple-rgb,139,92,246),.12);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;position:relative;width:64px}.upgrade-modal-icon:after{animation:upgradeIconPulse 2s ease-in-out infinite;border:2px solid #8b5cf6;border:2px solid var(--dest-color,var(--accent-purple,#8b5cf6));border-radius:50%;content:"";inset:-4px;opacity:.25;position:absolute}@keyframes upgradeIconPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.12;transform:scale(1.08)}}.upgrade-modal-icon__lock{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--accent-purple,#8b5cf6),#7c3aed);border-radius:50%;bottom:-2px;box-shadow:0 2px 6px #8b5cf666;box-shadow:0 2px 6px rgba(var(--brand-accent-purple-rgb,139,92,246),.4);color:#fff;display:flex;height:22px;justify-content:center;position:absolute;right:-2px;width:22px}.upgrade-modal-title{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.375rem;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.upgrade-modal-message,.upgrade-modal-title{font-family:Inter,sans-serif;font-family:var(--font-display,"Inter",sans-serif)}.upgrade-modal-message{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:.9375rem;line-height:1.6;margin:0 0 20px}.upgrade-modal-plan-badge{background:linear-gradient(135deg,#8b5cf633,#0ea5e926);background:linear-gradient(135deg,rgba(var(--brand-accent-purple-rgb,139,92,246),.2),#0ea5e926);border:1px solid #8b5cf64d;border:1px solid rgba(var(--brand-accent-purple-rgb,139,92,246),.3);border-radius:20px;color:#8b5cf6;color:var(--accent-purple,#8b5cf6);display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.01em;padding:2px 10px}.upgrade-modal-features{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding:12px 16px;text-align:left}.upgrade-modal-feature{align-items:center;color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:flex;font-size:.8125rem;gap:10px;line-height:1.4}.upgrade-modal-feature__icon{color:#8b5cf6;color:var(--accent-purple,#8b5cf6);flex-shrink:0}.upgrade-modal-actions{display:flex;gap:12px;margin-top:8px}.upgrade-modal-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:inline-flex;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-display,"Inter",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:500;font-weight:var(--font-medium,500);gap:8px;gap:var(--space-2,8px);justify-content:center;padding:12px 20px;padding:var(--space-3,12px) var(--space-5,20px);touch-action:manipulation;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.upgrade-modal-btn:focus-visible{outline:2px solid #8b5cf6;outline:2px solid var(--accent-purple,#8b5cf6);outline-offset:2px}.upgrade-modal-btn--secondary{background:#ffffff0f;border:1px solid #ffffff1a;color:#a1a1a1;color:var(--text-secondary,#a1a1a1)}.upgrade-modal-btn--secondary:hover{background:#ffffff14;border-color:#ffffff26;color:#f8fafc;color:var(--text-primary,#f8fafc)}.upgrade-modal-btn--primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--accent-purple,#8b5cf6),#7c3aed);box-shadow:0 4px 12px #8b5cf64d;box-shadow:0 4px 12px rgba(var(--brand-accent-purple-rgb,139,92,246),.3);color:#fff;font-weight:600}.upgrade-modal-btn--primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666;box-shadow:0 6px 20px rgba(var(--brand-accent-purple-rgb,139,92,246),.4);transform:translateY(-1px)}@media (max-width:480px){.upgrade-modal{margin:16px;max-width:calc(100% - 32px);padding:24px 20px}.upgrade-modal-icon{height:56px;margin-bottom:16px;width:56px}.upgrade-modal-icon svg{height:24px;width:24px}.upgrade-modal-title{font-size:1.25rem}.upgrade-modal-message{font-size:.875rem}.upgrade-modal-actions{flex-direction:column-reverse}.upgrade-modal-btn{padding:14px 20px}.upgrade-modal-features{padding:10px 14px}}@media (prefers-reduced-motion:reduce){.upgrade-modal-icon:after,.upgrade-modal:before{animation:none}.upgrade-modal-btn,.upgrade-modal-close{transition:none}.upgrade-modal-btn--primary:hover{transform:none}}@media (prefers-contrast:high){.upgrade-modal{border-color:#a1a1a1;border-color:var(--text-secondary,#a1a1a1);border-width:2px}.upgrade-modal-btn{border-width:2px}}.dashboard-page{--db-bg-void:var(--bg-void);--db-bg-primary:var(--bg-primary);--db-bg-elevated:var(--bg-elevated);--db-bg-panel:var(--bg-panel);--db-bg-card:var(--bg-card);--db-bg-hover:var(--bg-hover);--db-accent-primary:var(--color-primary);--db-accent-glow:var(--color-primary-hover);--db-accent-secondary:var(--color-secondary);--db-success:var(--color-success);--db-warning:var(--color-warning);--db-error:var(--color-error);--db-info:var(--color-info);--db-text-primary:var(--text-primary);--db-text-secondary:var(--text-secondary);--db-text-muted:var(--text-muted);--db-text-dim:var(--text-dim);--db-border:var(--border-color);--db-border-active:var(--border-glow);--db-shadow-sm:var(--shadow-sm);--db-shadow-md:var(--shadow-md);--db-shadow-lg:var(--shadow-lg);--db-glow-primary:var(--shadow-glow-primary);--db-font-display:var(--font-display);--db-font-data:var(--font-data);background:var(--db-bg-void);color:var(--db-text-primary);font-family:var(--db-font-display);min-height:100vh;position:relative}.dashboard-page:before{background-image:linear-gradient(#ffffff0a 1px,#0000 0),linear-gradient(90deg,#ffffff0a 1px,#0000 0);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.dashboard-content{margin:0 auto;max-width:var(--content-max-width);padding:var(--content-padding);position:relative;z-index:1}.db-header{border-bottom:1px solid var(--db-border);flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;padding:1rem 0 1.5rem}.db-header,.db-header-left{align-items:center;display:flex;gap:1rem}.db-title{gap:.75rem}.db-title,.db-title-icon{align-items:center;display:flex}.db-title-icon{background:linear-gradient(135deg,var(--db-accent-primary),var(--db-accent-secondary));border-radius:var(--radius-md);box-shadow:var(--db-glow-primary);color:var(--db-bg-void);height:40px;justify-content:center;width:40px}.db-title-text{-webkit-text-fill-color:#0000;background:var(--gradient-text-primary);-webkit-background-clip:text;background-clip:text;font-family:var(--db-font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.03em}.db-welcome{color:var(--db-text-secondary);font-size:.875rem}.db-header-right{align-items:center;display:flex;gap:.75rem}.db-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--db-font-display);font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;touch-action:manipulation;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.db-btn-primary{background:linear-gradient(135deg,var(--db-accent-primary),var(--db-accent-glow));border:none;box-shadow:0 4px 12px #0ea5e94d;color:var(--db-bg-void)}.db-btn-primary:hover{box-shadow:0 6px 16px #0ea5e966;transform:translateY(-1px)}.db-btn-secondary{background:var(--db-bg-panel);border-color:var(--db-border);color:var(--db-text-primary)}.db-btn-secondary:hover{background:var(--db-bg-hover);border-color:var(--db-border-active)}.db-btn-disabled,.db-btn-disabled:hover{box-shadow:none!important;cursor:not-allowed;filter:grayscale(.3);opacity:.5;pointer-events:auto;transform:none!important}.db-btn-primary:focus-visible,.db-btn-secondary:focus-visible,.db-btn:focus-visible{box-shadow:none;outline:2px solid var(--db-accent-primary);outline-offset:2px}.db-section{background:var(--db-bg-panel);border:1px solid var(--db-border);border-radius:var(--radius-xl);margin-bottom:1.5rem;overflow:hidden}.db-section-header{align-items:center;background:var(--db-bg-card);border-bottom:1px solid var(--db-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.db-section-title{align-items:center;color:var(--db-text-primary);display:flex;font-family:var(--db-font-display);font-size:1rem;font-weight:600;gap:.5rem}.db-section-badge{background:var(--db-bg-panel);border:1px solid var(--db-border);border-radius:var(--radius-xs);color:var(--db-text-muted);font-family:var(--db-font-data);font-size:.6875rem;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.db-section-content{padding:1rem}.db-integration-card{background:var(--db-bg-elevated);border:1px solid var(--db-border);border-radius:var(--card-radius-feature);margin-bottom:1rem;overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.db-integration-card:last-child{margin-bottom:0}.db-integration-card:hover{border-color:var(--card-hover-border-glow);box-shadow:var(--card-hover-glow);transform:translateY(-2px)}.db-integration-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:background .15s ease}.db-integration-header:hover{background:var(--db-bg-hover)}.db-integration-header:focus-visible{box-shadow:none;outline:2px solid var(--db-accent-primary);outline-offset:2px}.db-integration-info{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.db-integration-icon{align-items:center;background:var(--db-bg-panel);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.db-integration-details{flex:1 1;min-width:0}.db-integration-name{color:var(--db-text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-integration-meta{align-items:center;color:var(--db-text-muted);display:flex;font-family:var(--db-font-data);font-size:.75rem;gap:.75rem}.db-integration-status{align-items:center;display:flex;gap:.375rem}.db-status-dot{border-radius:var(--radius-full);height:6px;width:6px}.db-status-dot.active{background:var(--db-success);box-shadow:0 0 6px var(--db-success)}.db-status-dot.inactive{background:var(--db-text-muted)}.db-integration-stats{align-items:center;display:flex;gap:1.5rem;padding-right:1rem}.db-integration-stat{text-align:center}.db-integration-stat-value{color:var(--db-accent-primary);font-family:var(--db-font-data);font-size:1rem;font-weight:600}.db-integration-stat-label{color:var(--db-text-dim);font-family:var(--db-font-data);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.db-integration-expand{color:var(--db-text-muted);transition:transform .2s ease}.db-integration-expand.open{transform:rotate(180deg)}.db-integration-content{background:var(--db-bg-primary);border-top:1px solid var(--db-border);padding:1.25rem 1.5rem}.db-destinations-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1rem}.db-destination-card{align-items:center;background:var(--db-bg-panel);border:1px solid var(--db-border);border-radius:var(--card-radius-inner);display:flex;gap:.75rem;padding:1rem;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.db-destination-card:hover{background:var(--db-bg-hover);border-color:var(--card-hover-border-glow);box-shadow:var(--card-hover-glow);transform:translateY(-2px)}.db-destination-card:focus-visible{box-shadow:none;outline:2px solid var(--db-accent-primary);outline-offset:2px}.db-destination-icon{align-items:center;background:var(--db-bg-card);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.125rem;height:36px;justify-content:center;width:36px}.db-destination-info{flex:1 1;min-width:0}.db-destination-name{color:var(--db-text-primary);font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-destination-type{color:var(--db-text-muted);font-size:.6875rem}.db-destination-status,.db-destination-type{font-family:var(--db-font-data);text-transform:uppercase}.db-destination-status{align-items:center;border-radius:var(--radius-xs);display:flex;font-size:.625rem;gap:.25rem;padding:.25rem .5rem}.db-destination-status.active{background:#22c55e1a;color:var(--db-success)}.db-destination-status.inactive{background:#64748b1a;color:var(--db-text-muted)}.db-destination-status.drift-critical{background:#ef44441f;color:var(--db-error)}.db-destination-status.drift-warning{background:#f59e0b1f;color:var(--db-warning)}.db-status-dot.drift-critical{background:var(--db-error);box-shadow:0 0 6px var(--db-error)}.db-status-dot.drift-warning{background:var(--db-warning);box-shadow:0 0 6px var(--db-warning)}.db-webhook-section{align-items:center;background:var(--db-bg-panel);border:1px solid var(--db-border);border-radius:var(--radius-md);display:flex;gap:.75rem;margin-top:.25rem;padding:.75rem 1rem}.db-webhook-label{color:var(--db-text-muted);flex-shrink:0;font-family:var(--db-font-data);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.db-webhook-url{background:var(--db-bg-card);border-radius:var(--radius-xs);color:var(--db-text-secondary);flex:1 1;font-family:var(--db-font-data);font-size:.75rem;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis;white-space:nowrap}.db-webhook-copy{background:#0000;border:1px solid var(--db-border);border-radius:var(--radius-sm);color:var(--db-text-secondary);cursor:pointer;padding:.5rem;transition:border-color .15s ease,color .15s ease}.db-webhook-copy:hover{border-color:var(--db-accent-primary);color:var(--db-accent-primary)}.db-webhook-copy:focus-visible{box-shadow:none;outline:2px solid var(--db-accent-primary);outline-offset:2px}.db-two-column{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));margin-bottom:1.5rem}.db-loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.db-spinner{animation:db-spin .8s linear infinite;border:3px solid var(--db-border);border-radius:var(--radius-full);border-top-color:var(--db-accent-primary);height:40px;width:40px}@keyframes db-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.db-achievement-badge,.db-btn,.db-checklist-fill,.db-checklist-item,.db-destination-card,.db-integration-card,.db-integration-expand,.db-integration-header,.db-webhook-copy{transition:none}.db-destination-card:hover,.db-integration-card:hover{transform:none}.db-spinner,.db-status-dot.active{animation:none}}.ih-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.dashboard-content{padding:1.25rem}.db-two-column{gap:1.25rem}.db-destinations-grid{gap:.625rem;grid-template-columns:repeat(2,1fr)}.db-integration-stats{gap:1rem}.db-section{margin-bottom:1.25rem}.db-section-header{padding:.875rem 1.25rem}.db-section-content{padding:.875rem}.db-achievements,.db-checklist,.db-streak-card{padding:1rem}}@media (max-width:768px){.dashboard-content{padding:1rem}.db-header{align-items:flex-start;flex-direction:column}.db-header-right{justify-content:flex-start;width:100%}.db-integration-header{align-items:flex-start;flex-direction:column;gap:1rem}.db-integration-stats{justify-content:flex-start;padding-right:0;width:100%}.db-integration-content{padding:1rem}.db-integration-name{white-space:normal;word-break:break-word}.db-destinations-grid{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory}.db-destinations-grid .db-destination-card{flex-shrink:0;min-width:280px;scroll-snap-align:start}.db-destination-name{white-space:normal;word-break:break-word}.db-webhook-section{align-items:stretch;flex-direction:column}.db-webhook-url{overflow-x:auto;text-overflow:clip;width:100%}.ih-metrics-grid{grid-template-columns:1fr}}@media (max-width:480px){.db-title-text{font-size:1.25rem}.db-btn{font-size:.8125rem;padding:.5rem 1rem}}.db-flex-center,.db-flex-center-gap-2{align-items:center;display:flex}.db-flex-center-gap-2{gap:.5rem}.db-flex-center-gap-3{align-items:center;display:flex;gap:.75rem}.db-flex-center-gap-4{align-items:center;display:flex;gap:1rem}.db-flex-center-both{align-items:center;display:flex;justify-content:center}.db-flex-between{align-items:center;display:flex;justify-content:space-between}.db-flex-column,.db-flex-column-center{display:flex;flex-direction:column}.db-flex-column-center{align-items:center;justify-content:center}.db-flex-wrap{flex-wrap:wrap}.db-flex-1{flex:1 1}.db-gap-2{gap:.5rem}.db-gap-3{gap:.75rem}.db-gap-4{gap:1rem}.db-mb-2{margin-bottom:.5rem}.db-mb-3{margin-bottom:.75rem}.db-mb-4{margin-bottom:1rem}.db-mt-4{margin-top:1rem}.db-p-4{padding:1rem}.db-p-8{padding:2rem}.db-text-sm{font-size:.75rem}.db-text-base{font-size:.8125rem}.db-text-muted{color:var(--db-text-muted)}.db-text-error{color:var(--db-error)}.db-text-center{text-align:center}.db-font-semibold{font-weight:600}.db-font-data{font-family:var(--db-font-data)}.db-action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.db-icon-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center}.db-icon-circle-lg{height:64px;width:64px}.db-icon-circle-md{border-radius:12px;height:48px;width:48px}.db-warning-banner{align-items:flex-start;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:1rem}.db-warning-banner-content{flex:1 1;min-width:200px}.db-warning-banner-title{color:var(--db-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.db-warning-banner-text{color:var(--db-text-muted);font-size:.8125rem;line-height:1.5}.db-error-container{flex-direction:column;gap:1rem;min-height:50vh;padding:2rem;text-align:center}.db-error-container,.db-error-icon{align-items:center;display:flex;justify-content:center}.db-error-icon{background:#ef44441a;border-radius:50%;height:64px;margin-bottom:.5rem;width:64px}.db-error-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.db-error-message{color:var(--text-secondary);margin:0;max-width:400px}.db-error-button{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin-top:.5rem;padding:.75rem 1.5rem}.db-error-button:hover{background:var(--color-primary-hover)}.db-help-card{gap:1rem}.db-help-card,.db-help-icon{align-items:center;display:flex}.db-help-icon{background:#818cf81a;border-radius:12px;height:48px;justify-content:center;width:48px}.db-help-content{flex:1 1}.db-help-title{font-weight:600;margin-bottom:.25rem}.db-help-text{color:var(--db-text-muted);font-size:.8125rem}.db-brand-facebook{color:#1877f2}.db-brand-google{color:#ea4335}.db-btn-sm{font-size:.75rem;padding:.375rem .75rem}.db-loading-center{display:flex;justify-content:center;padding:2rem}.webhook-security-panel{background:#161616;background:var(--bg-panel,#161616);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-md);margin-top:16px;margin-top:var(--space-md,16px);overflow:hidden}.security-header{align-items:center;background:#f59e0b0d;border:none;color:#ededed;color:var(--text-primary,#ededed);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:16px;padding:var(--space-md,16px);transition:background .2s;width:100%}.security-header:hover{background:#f59e0b1a}.security-header-left{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px)}.security-header-left svg{flex-shrink:0}.security-badge{border-radius:var(--radius-md);font-size:11px;font-weight:600;padding:2px 8px}.security-badge.enabled{background:#22c55e26;color:#22c55e;color:var(--color-success,#22c55e)}.security-content{border-top:1px solid #ffffff12;border-top:1px solid var(--border-color,#ffffff12);overflow:hidden;padding:16px;padding:var(--space-md,16px)}.webhook-security-compact{position:relative}.security-toggle-btn{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s,border-color .2s;width:32px}.security-toggle-btn:hover{background:#f59e0b26;border-color:#f59e0b4d}.security-dropdown{background:#161616;background:var(--bg-panel,#161616);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-md);box-shadow:0 10px 40px #0000004d;margin-top:8px;margin-top:var(--space-sm,8px);padding:16px;padding:var(--space-md,16px);position:absolute;right:0;top:100%;width:320px;z-index:var(--z-dropdown)}.security-settings{display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px)}.security-loading{align-items:center;color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:flex;font-size:14px;gap:8px;gap:var(--space-sm,8px);justify-content:center;padding:20px;padding:var(--space-lg,20px)}.security-option{align-items:flex-start;display:flex;gap:16px;gap:var(--space-md,16px);justify-content:space-between}.option-info{flex:1 1}.option-label{color:#ededed;color:var(--text-primary,#ededed);display:block;font-size:14px;font-weight:600;margin-bottom:4px}.option-description{color:#666;color:var(--text-muted,#666);font-size:12px;line-height:1.4;margin:0}.toggle-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-sm);color:#ef4444;color:var(--color-error,#ef4444);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:background-color .2s,border-color .2s}.toggle-btn:hover{background:#ef444426}.toggle-btn.active{background:#22c55e1a;border-color:#22c55e33;color:#22c55e;color:var(--color-success,#22c55e)}.toggle-btn.active:hover{background:#22c55e26}.toggle-btn:disabled{cursor:not-allowed;opacity:.6}.security-secret{background:#111;background:var(--bg-elevated,#111);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-sm);padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.secret-label{color:#666;color:var(--text-muted,#666);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.secret-value-container{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px)}.secret-value{background:#0000;color:#ededed;color:var(--text-primary,#ededed);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:12px;word-break:break-all}.secret-actions{display:flex;flex-shrink:0;gap:4px}.secret-btn{align-items:center;background:#0000;border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:var(--radius-xs);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:border-color .2s,color .2s;width:28px}.secret-btn:hover{border-color:#0ea5e9;border-color:var(--color-primary,#0ea5e9);color:#0ea5e9;color:var(--color-primary,#0ea5e9)}.secret-btn.regenerate:hover{border-color:#f59e0b;border-color:var(--color-warning,#f59e0b);color:#f59e0b;color:var(--color-warning,#f59e0b)}.secret-btn:disabled{cursor:not-allowed;opacity:.5}.security-info{align-items:flex-start;background:#0ea5e90d;border:1px solid #0ea5e926;border-radius:var(--radius-sm);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:flex;font-size:12px;gap:8px;gap:var(--space-sm,8px);line-height:1.4;padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.security-info svg{color:#0ea5e9;color:var(--color-info,#0ea5e9);flex-shrink:0;margin-top:2px}.security-info strong{color:#ededed;color:var(--text-primary,#ededed);display:block;margin-bottom:4px}.security-info p{margin:0}.security-info code{background:#0ea5e91a;border-radius:var(--radius-xs);color:#0ea5e9;color:var(--color-info,#0ea5e9);font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:11px;padding:1px 4px}.security-warning{align-items:center;background:#f59e0b0d;border:1px solid #f59e0b33;border-radius:var(--radius-sm);color:#f59e0b;color:var(--color-warning,#f59e0b);display:flex;font-size:12px;gap:8px;gap:var(--space-sm,8px);padding:8px 16px;padding:var(--space-sm,8px) var(--space-md,16px)}.security-warning svg{flex-shrink:0}.spinning{animation:spin 1s linear infinite}@media (max-width:640px){.security-dropdown{right:-100px;width:280px}.security-option{flex-direction:column;gap:8px;gap:var(--space-sm,8px)}.toggle-btn{justify-content:center;width:100%}.secret-value-container{align-items:stretch;flex-direction:column}.secret-actions{justify-content:flex-end}}.fb-connection-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.fb-connection-card--connected{border-color:#1877f233}.fb-connection-header{align-items:flex-start;display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0}.fb-connection-icon-wrapper{align-items:center;border-radius:var(--radius-md);color:#1877f2;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.fb-connection-icon-wrapper--connected{background:#1877f226}.fb-connection-header-text{flex:1 1;min-width:0}.fb-connection-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.fb-connection-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.fb-connection-subtitle{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.4;margin:var(--space-1) 0 0}.fb-status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-data);font-size:var(--text-2xs);font-weight:var(--font-medium);gap:6px;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.fb-status-badge--connected{background:rgba(var(--color-success-rgb),.1);border:1px solid rgba(var(--color-success-rgb),.2);color:var(--color-success)}.fb-status-badge--disconnected{background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.2);color:var(--color-error)}.fb-status-badge--warning{background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.2);color:var(--color-warning)}.fb-status-dot{animation:fb-pulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;height:6px;width:6px}@keyframes fb-pulse{0%,to{opacity:1}50%{opacity:.5}}.fb-connection-body{padding:var(--space-4)}.fb-connection-features{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.fb-feature-item{align-items:center;color:var(--text-secondary);display:flex;font-family:var(--font-body);font-size:var(--text-sm);gap:var(--space-2)}.fb-feature-item svg{color:var(--color-success);flex-shrink:0}.fb-connection-permissions{color:var(--text-dim);font-family:var(--font-body);font-size:var(--text-xs);margin:0 0 var(--space-4)}.fb-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4);touch-action:manipulation;transition:background-color .15s,opacity .15s}.fb-btn:disabled{cursor:not-allowed;opacity:.6}.fb-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fb-btn-connect{background:#1877f2;color:#fff;font-size:var(--text-base);padding:var(--space-3) var(--space-4);width:100%}.fb-btn-connect:hover:not(:disabled){background:#1565d8}.fb-btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.fb-btn-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.fb-btn-danger{background:#0000;border:1px solid rgba(var(--color-error-rgb),.2);color:var(--color-error)}.fb-btn-danger:hover:not(:disabled){background:rgba(var(--color-error-rgb),.1)}.fb-btn-sm{font-size:var(--text-xs);padding:6px var(--space-3)}.fb-connection-footer{background:var(--bg-elevated);border-top:1px solid var(--border-color);justify-content:flex-end;padding:var(--space-3) var(--space-4)}.fb-connection-footer,.fb-connection-loading{align-items:center;display:flex;gap:var(--space-2)}.fb-connection-loading{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-sm);justify-content:center;padding:var(--space-8)}.fb-connection-error{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);text-align:center}.fb-connection-error svg{color:var(--color-error)}.fb-connection-error p{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);margin:0}.fb-spinner{animation:fb-spin 1s linear infinite}@keyframes fb-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fb-pages-list{display:flex;flex-direction:column;gap:var(--space-3)}.fb-pages-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--space-2)}.fb-pages-count{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold)}.fb-pages-active-count{color:var(--color-success);font-family:var(--font-data);font-size:var(--text-xs)}.fb-pages-grid{display:flex;flex-direction:column;gap:var(--space-2)}.fb-page-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3);transition:border-color .15s,background-color .15s}.fb-page-item--active{background:rgba(var(--color-success-rgb),.03);border-color:rgba(var(--color-success-rgb),.2)}.fb-page-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.fb-page-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.fb-page-name{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-page-badge,.fb-page-name{font-weight:var(--font-medium)}.fb-page-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-data);font-size:var(--text-2xs);letter-spacing:.03em;padding:1px 6px;text-transform:uppercase}.fb-page-badge--active{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.fb-page-category{color:var(--text-muted)}.fb-page-category,.fb-page-note{font-family:var(--font-body);font-size:var(--text-xs)}.fb-page-note{color:var(--text-dim);margin-top:2px}.fb-page-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-dim);cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;touch-action:manipulation;transition:color .15s,background-color .15s;width:36px}.fb-page-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.fb-page-toggle--active{color:var(--color-success)}.fb-page-toggle--active:hover{background:rgba(var(--color-error-rgb),.08);color:var(--color-error)}.fb-page-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fb-pages-empty{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);text-align:center}.fb-pages-empty-icon{color:var(--text-dim);margin-bottom:var(--space-1)}.fb-pages-empty-title{color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0}.fb-pages-empty-desc{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-xs);line-height:1.5;margin:0;max-width:280px}.source-selection-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.source-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-4);position:relative;text-align:left;touch-action:manipulation;transition:border-color .15s,background-color .15s,transform .15s}.source-card:hover:not(.source-card--disabled){background:var(--bg-hover);border-color:var(--border-active)}.source-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.source-card--disabled{cursor:not-allowed;opacity:.5}.source-card-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:var(--space-3);width:48px}.source-card-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-1)}.source-card-tagline{color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--font-medium);letter-spacing:.02em;margin:0;text-transform:uppercase}.source-card-desc{color:var(--text-muted);flex:1 1;font-family:var(--font-body);font-size:var(--text-xs);line-height:1.5;margin:0}.source-card-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-data);font-size:var(--text-2xs);font-weight:var(--font-medium);gap:4px;letter-spacing:.03em;margin-top:var(--space-3);padding:2px 8px;text-transform:uppercase}.source-card-badge--connected{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.source-card-badge--coming-soon{background:rgba(var(--text-muted-rgb),.1);color:var(--text-muted)}.source-card-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-2)}.source-card-chip{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-body)}.source-card-chip,.source-type-badge{font-size:var(--text-2xs);padding:1px 6px}.source-type-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-data);font-weight:var(--font-medium);gap:4px;letter-spacing:.02em}.source-type-badge--webhook{background:rgba(var(--color-primary-rgb),.08);color:var(--text-muted)}.source-type-badge--facebook{background:#1877f21a;color:#1877f2}.source-type-badge--twilio_inbound{background:#f22f461a;color:#f22f46}.source-type-badge--tiktok{background:#ffffff14;color:var(--text-secondary)}.fb-health-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.fb-health-dot--healthy{background:var(--color-success);box-shadow:0 0 6px rgba(var(--color-success-rgb),.4)}.fb-health-dot--warning{background:var(--color-warning);box-shadow:0 0 6px rgba(var(--color-warning-rgb),.4)}.fb-health-dot--error{background:var(--color-error);box-shadow:0 0 6px rgba(var(--color-error-rgb),.4)}.fb-reconnect-banner{align-items:center;background:rgba(var(--color-warning-rgb),.08);border:1px solid rgba(var(--color-warning-rgb),.2);border-radius:var(--radius-md);color:var(--color-warning);display:flex;font-family:var(--font-body);font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.fb-reconnect-banner a,.fb-reconnect-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:var(--font-medium);padding:0;text-decoration:none}.fb-reconnect-banner a:hover,.fb-reconnect-link:hover{text-decoration:underline}.fb-settings-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.fb-settings-header{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-4)}.fb-settings-info{flex:1 1;min-width:0}.fb-settings-title{align-items:center;display:flex;gap:var(--space-2)}.fb-settings-title h3{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0}.fb-settings-meta{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-xs);margin-top:4px}.fb-settings-pages{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-2)}.fb-settings-page-chip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-2xs);padding:2px 8px}.fb-settings-actions{display:flex;gap:var(--space-2)}@media (max-width:640px){.source-selection-grid{grid-template-columns:1fr}.source-card-icon{height:44px;width:44px}.fb-connection-header{align-items:center;flex-direction:column;text-align:center}.fb-connection-title-row{justify-content:center}.fb-connection-footer{flex-direction:column;gap:var(--space-2)}.fb-connection-footer .fb-btn{width:100%}.fb-settings-header{align-items:flex-start;flex-direction:column}.fb-settings-actions{width:100%}.fb-settings-actions .fb-btn{flex:1 1}}@media (prefers-reduced-motion:reduce){.fb-status-dot{animation:none}.fb-spinner{animation-duration:2s}.fb-btn,.fb-page-item,.source-card{transition:none}}.ga-setup-card,.ga-success-card{display:flex;flex-direction:column;gap:20px;gap:var(--space-5,20px)}.ga-setup-section{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.ga-setup-section-title{color:#ededed;color:var(--text-primary,#ededed);font-size:13px;font-size:var(--text-sm,13px);font-weight:600;font-weight:var(--font-semibold,600);margin:0}.ga-setup-steps{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.ga-setup-step{align-items:center;color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:flex;font-size:12px;font-size:var(--text-xs,12px);gap:12px;gap:var(--space-3,12px)}.ga-setup-step-num{align-items:center;background:#ea43351a;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#ea4335;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;font-weight:var(--font-semibold,600);height:22px;justify-content:center;width:22px}.ga-label{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:12px;font-size:var(--text-xs,12px);font-weight:500;font-weight:var(--font-medium,500);letter-spacing:.02em}.ga-required{color:#f87171;color:var(--color-error,#f87171)}.ga-optional{color:#666;color:var(--text-muted,#666);font-weight:400;font-weight:var(--font-normal,400)}.ga-input{background:#111;background:var(--bg-elevated,#111);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:6px;border-radius:var(--radius-sm,6px);color:#ededed;color:var(--text-primary,#ededed);font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:13px;font-size:var(--text-sm,13px);outline:none;padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px);transition:border-color .15s ease;width:100%}.ga-input:focus{border-color:#0ea5e9;border-color:var(--color-primary,#0ea5e9);box-shadow:0 0 0 2px #0ea5e91a}.ga-input::placeholder{color:#666;color:var(--text-muted,#666)}.ga-btn-primary{align-items:center;background:linear-gradient(135deg,#ea4335,#fbbc04);border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:13px;font-size:var(--text-sm,13px);font-weight:600;font-weight:var(--font-semibold,600);gap:8px;gap:var(--space-2,8px);justify-content:center;padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px);touch-action:manipulation;transition:opacity .15s ease}.ga-btn-primary:disabled{cursor:not-allowed;opacity:.5}.ga-btn-primary:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--color-primary,#0ea5e9);outline-offset:2px}.ga-btn-secondary{align-items:center;background:#111;background:var(--bg-elevated,#111);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:6px;border-radius:var(--radius-sm,6px);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:13px;font-size:var(--text-sm,13px);font-weight:500;font-weight:var(--font-medium,500);gap:8px;gap:var(--space-2,8px);justify-content:center;padding:8px 16px;padding:var(--space-2,8px) var(--space-4,16px);text-decoration:none;touch-action:manipulation;transition:border-color .15s ease,color .15s ease}.ga-btn-secondary:hover{border-color:#ffffff1f;border-color:var(--border-hover,#ffffff1f);color:#ededed;color:var(--text-primary,#ededed)}.ga-btn-secondary:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--color-primary,#0ea5e9);outline-offset:2px}.ga-spinner{animation:ga-spin .8s linear infinite}@keyframes ga-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ga-success-name{align-items:center;border-radius:6px;border-radius:var(--radius-sm,6px);color:#ededed;color:var(--text-primary,#ededed);font-size:13px;font-size:var(--text-sm,13px);font-weight:600;font-weight:var(--font-semibold,600);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.ga-credential-block,.ga-success-name{background:#111;background:var(--bg-elevated,#111);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);display:flex;gap:8px;gap:var(--space-2,8px)}.ga-credential-block{border-radius:6px;border-radius:var(--radius-sm,6px);flex-direction:column;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.ga-credential-header{align-items:center;color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:flex;gap:8px;gap:var(--space-2,8px)}.ga-credential-label{font-weight:600;font-weight:var(--font-semibold,600);letter-spacing:.05em;text-transform:uppercase}.ga-credential-desc,.ga-credential-label{font-size:12px;font-size:var(--text-xs,12px)}.ga-credential-desc{color:#666;color:var(--text-muted,#666);line-height:1.5;margin:0}.ga-credential-row{align-items:center;display:flex;gap:8px;gap:var(--space-2,8px)}.ga-credential-value{background:#080c14;background:var(--bg-void,#080c14);border:1px solid #ffffff0d;border:1px solid var(--border-color,#ffffff0d);border-radius:4px;border-radius:var(--radius-xs,4px);color:#ededed;color:var(--text-primary,#ededed);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-data,"JetBrains Mono",monospace);font-size:11px;line-height:1.5;padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px);-webkit-user-select:all;user-select:all;word-break:break-all}.ga-credential-value--secret{color:#fbbc04}.ga-copy-btn{align-items:center;background:#161616;background:var(--bg-card,#161616);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:4px;border-radius:var(--radius-xs,4px);color:#666;color:var(--text-muted,#666);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;touch-action:manipulation;transition:color .15s ease,border-color .15s ease;width:32px}.ga-copy-btn:hover{border-color:#ffffff1f;border-color:var(--border-hover,#ffffff1f);color:#ededed;color:var(--text-primary,#ededed)}.ga-copy-btn:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--color-primary,#0ea5e9);outline-offset:2px}.ga-help-block{background:#0ea5e90a;border:1px solid #0ea5e91a;border-radius:6px;border-radius:var(--radius-sm,6px);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:flex;font-size:12px;font-size:var(--text-xs,12px);gap:12px;gap:var(--space-3,12px);line-height:1.6;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.ga-help-block>svg{color:#0ea5e9;color:var(--color-primary,#0ea5e9);flex-shrink:0;margin-top:2px}.ga-help-block strong{color:#ededed;color:var(--text-primary,#ededed);font-weight:600;font-weight:var(--font-semibold,600)}.ga-help-steps{margin:4px 0 0;margin:var(--space-1,4px) 0 0 0;padding-left:16px;padding-left:var(--space-4,16px)}.ga-help-steps li{margin-bottom:4px;margin-bottom:var(--space-1,4px)}.ga-success-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px)}.source-type-badge--google_ads{background:#ea43351a;color:#ea4335}@media (max-width:480px){.ga-credential-row{align-items:stretch;flex-direction:column}.ga-copy-btn{height:auto;padding:8px;padding:var(--space-2,8px);width:100%}.ga-success-actions{flex-direction:column}.ga-success-actions>*{width:100%}}@media (prefers-reduced-motion:reduce){.ga-spinner{animation:none}}:root{--font-display:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-data:"JetBrains Mono","SF Mono",Monaco,monospace;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-hero:"Instrument Serif",Georgia,"Times New Roman",serif;--font-sans:var(--font-body);--font-mono:var(--font-data);--color-primary:#0ea5e9;--color-primary-hover:#0284c7;--color-primary-glow:#0ea5e926;--color-primary-subtle:#0ea5e914;--color-primary-rgb:14,165,233;--color-secondary:#06b6d4;--color-secondary-hover:#0ea5e9;--color-secondary-rgb:6,182,212;--bg-void:#09090b;--bg-primary:#09090b;--bg-elevated:#111113;--bg-panel:#18181b;--bg-card:#111113;--bg-hover:#27272a;--background:0 0% 4%;--background-secondary:0 0% 7%;--background-tertiary:0 0% 9%;--background-hover:0 0% 13%;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--text-primary-rgb:250,250,250;--foreground:0 0% 93%;--foreground-secondary:0 0% 63%;--foreground-muted:0 0% 40%;--foreground-subtle:0 0% 27%;--color-success:#22c55e;--color-success-rgb:34,197,94;--color-warning:#f59e0b;--color-warning-rgb:245,158,11;--color-error:#ef4444;--color-error-rgb:239,68,68;--color-info:#0ea5e9;--color-info-rgb:14,165,233;--color-online:#22c55e;--color-offline:#ef4444;--ring:199 89% 48%;--primary:199 89% 48%;--primary-hover:201 96% 32%;--primary-muted:199 89% 48%/0.15;--primary-foreground:0 0% 100%;--secondary:0 0% 9%;--secondary-hover:0 0% 13%;--secondary-foreground:0 0% 93%;--accent:199 89% 48%;--accent-foreground:0 0% 100%;--success:142 71% 45%;--success-muted:142 71% 45%/0.15;--success-foreground:0 0% 100%;--warning:45 93% 47%;--warning-muted:45 93% 47%/0.15;--warning-foreground:0 0% 0%;--destructive:0 84% 60%;--destructive-muted:0 84% 60%/0.15;--destructive-foreground:0 0% 100%;--info:199 89% 48%;--info-muted:199 89% 48%/0.15;--info-foreground:0 0% 100%;--border-color:#27272a;--border-active:#fff3;--border-glow:#0ea5e966;--border:0 0% 15%;--border-hover:0 0% 22%;--border-focus:239 84% 67%;--border-subtle:0 0% 11%;--grid-line:#ffffff08;--flow-line:#0ea5e933;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-orange:#f97316;--accent-teal:#14b8a6;--bg-input:#111113;--bg-input-hover:#18181b;--bg-input-focus:#18181b;--input:0 0% 9%;--input-border:0 0% 18%;--ring-offset:0 0% 4%;--text-tertiary:#666;--text-muted-rgb:102,102,102;--card:0 0% 7%;--card-foreground:0 0% 93%;--card-border:0 0% 15%;--popover:0 0% 7%;--popover-foreground:0 0% 93%;--muted:0 0% 9%;--muted-foreground:0 0% 63%;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 12px #00000040,0 2px 4px #00000026;--shadow-lg:0 8px 24px #00000059,0 4px 8px #0003;--shadow-xl:0 20px 48px #0006,0 8px 16px #00000040;--shadow-glow-primary:0 0 20px #0ea5e933;--shadow-glow-hot:0 0 20px #ef44444d;--shadow-glow-success:0 0 20px #22c55e33;--shadow-xs:0 1px 2px 0 #0000001a;--shadow-2xl:0 25px 50px -12px #0000004d;--shadow-inner:inset 0 2px 4px 0 #0000001a;--radius-xs:4px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--radius:8px;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--text-2xs:0.6875rem;--text-between:0.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-1xl:1.375rem;--text-2-5xl:1.75rem;--text-4-5xl:2.625rem;--text-5xl:3rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--transition-fast:100ms;--transition-base:150ms;--transition-slow:250ms;--transition-slower:400ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--transition-swift:var(--transition-base) var(--ease-default);--card-bg:var(--bg-panel);--card-border:var(--border-color);--card-radius:var(--radius-xl);--card-radius-inner:var(--radius-md);--card-radius-feature:var(--radius-lg);--card-header-bg:var(--bg-card);--card-item-bg:var(--bg-card);--card-hover-border:#ffffff26;--card-hover-shadow:0 8px 24px #0000001f;--header-height:56px;--sidebar-width:280px;--sidebar-collapsed-width:64px;--content-max-width:1400px;--content-padding:var(--space-6);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-overlay:1000;--color-void:var(--bg-void);--color-void-light:var(--bg-primary);--color-parchment:var(--text-primary);--color-gold:var(--color-primary);--color-gold-light:var(--color-primary-hover);--color-magic:var(--accent-purple);--color-mana:var(--color-info);--color-emerald:var(--color-success);--color-blood:var(--color-error);--color-ink:var(--text-primary);--color-bronze:var(--border-color);--color-border:var(--border-color);--color-border-light:var(--border-color);--color-border-strong:var(--border-active);--color-gold-10:#0ea5e91a;--color-gold-20:#0ea5e933;--brand-primary-rgb:var(--color-primary-rgb);--brand-success-rgb:var(--color-success-rgb);--brand-error-rgb:var(--color-error-rgb);--brand-warning-rgb:var(--color-warning-rgb);--brand-info-rgb:var(--color-info-rgb);--brand-accent-purple-rgb:139,92,246;--brand-text-muted:var(--text-muted);--color-pending:#f59e0b;--color-pending-bg:#f59e0b1a;--color-processing:#0ea5e9;--color-processing-bg:#0ea5e91a;--color-completed:#10b981;--color-completed-bg:#10b9811a;--color-completed-border:#10b9814d;--color-failed:#ef4444;--color-failed-bg:#ef44441a;--color-error-bg:#ef44441a;--color-routed:#8b5cf6;--color-routed-bg:#8b5cf61a;--color-neutral:#a1a1aa;--color-neutral-bg:#a1a1aa1a;--auth-bg-gradient-start:#0a0a0a;--auth-bg-gradient-mid:#111;--auth-bg-gradient-end:#1a1a1a;--auth-card-bg:#161616f2;--auth-accent:#0ea5e9;--auth-accent-dark:#0284c7;--auth-accent-glow:#0ea5e94d;--auth-accent-border:#0ea5e94d;--auth-accent-border-subtle:#0ea5e933;--auth-accent-border-strong:#0ea5e980;--auth-accent-bg:#0ea5e91a;--auth-overlay-dark:#0000004d;--auth-overlay-light:#ffffff1a;--auth-overlay-subtle:#ffffff0d;--auth-text-primary:#fff;--auth-text-secondary:#999;--auth-text-muted:#666;--auth-text-dim:#888;--gradient-gold:linear-gradient(135deg,var(--color-primary),var(--color-secondary));--gradient-magic:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));--gradient-glass:linear-gradient(135deg,var(--bg-panel),var(--bg-card));--shadow-gold:0 0 20px var(--auth-accent-glow);--shadow-deep:var(--shadow-lg);--premium-bg-gradient:radial-gradient(ellipse 80% 50% at 20% 30%,#0ea5e926 0%,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 70%,#8b5cf61f 0%,#0000 50%);--premium-bg-gradient-alt:radial-gradient(ellipse 70% 60% at 70% 20%,#06b6d41a 0%,#0000 50%),radial-gradient(ellipse 50% 50% at 30% 80%,#0ea5e914 0%,#0000 50%);--noise-texture:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");--glass-bg:#131720bf;--glass-bg-elevated:#171c28cc;--glass-blur:blur(16px);--glass-border:#ffffff1f;--gradient-border-primary:linear-gradient(135deg,#0ea5e966,#8b5cf633,#ec48991a);--gradient-border-subtle:linear-gradient(135deg,#ffffff1f,#ffffff0a);--gradient-text-primary:linear-gradient(135deg,#fff,#94a3b8);--gradient-text-accent:linear-gradient(135deg,var(--color-primary) 0%,var(--accent-purple) 50%,var(--accent-cyan) 100%);--gradient-text-hero:linear-gradient(135deg,#fff 0%,#0ea5e9 40%,var(--accent-purple) 100%);--card-hover-glow:0 0 30px #0ea5e926,0 8px 32px #0006;--card-hover-border-glow:#0ea5e959;--card-active-ring:0 0 0 1px #0ea5e94d,0 0 20px #0ea5e91a;--btn-gradient-primary:linear-gradient(135deg,var(--color-primary),var(--accent-purple));--btn-glow-primary:0 0 20px #0ea5e94d,0 4px 12px #0000004d;--btn-glow-primary-hover:0 0 30px #0ea5e980,0 4px 16px #0006;--overlay-blur:#0009;--overlay-blur-strength:blur(8px);--nav-active-bg:#0ea5e92e;--nav-active-glow:0 0 16px #0ea5e940;--nav-active-indicator:linear-gradient(180deg,var(--color-primary),var(--accent-purple))}:root.light,[data-theme=light]{--bg-void:#fff;--bg-primary:#f8fafc;--bg-elevated:#f1f5f9;--bg-panel:#e2e8f0;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-dim:#9ca3af;--border-color:#0f172a1a;--border-active:#0ea5e980;--background:0 0% 100%;--background-secondary:210 40% 98%;--foreground:222 47% 11%;--foreground-secondary:215 16% 47%;--card:0 0% 100%;--card-foreground:222 47% 11%;--popover:0 0% 100%;--popover-foreground:222 47% 11%;--muted:210 40% 96%;--muted-foreground:215 16% 47%;--border:214 32% 91%;--input:214 32% 91%}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.font-hero{font-family:"Instrument Serif",Georgia,Times New Roman,serif;font-family:var(--font-hero);letter-spacing:-.03em}:root{--breakpoint-sm:480px;--breakpoint-md:640px;--breakpoint-lg:768px;--breakpoint-xl:1024px;--breakpoint-2xl:1280px;--breakpoint-mobile:var(--breakpoint-sm);--breakpoint-tablet:var(--breakpoint-lg);--breakpoint-desktop:var(--breakpoint-xl);--breakpoint-wide:var(--breakpoint-2xl)}.mobile-only{display:flex}@media (min-width:768px){.mobile-only{display:none!important}}.tablet-only{display:none}@media (min-width:768px) and (max-width:1023px){.tablet-only{display:flex}}.desktop-only{display:none!important}@media (min-width:768px){.desktop-only{display:flex!important}}.large-desktop-only{display:none}@media (min-width:1024px){.large-desktop-only{display:flex}}@media (min-width:480px){.hidden-sm-up{display:none!important}}@media (min-width:640px){.hidden-md-up{display:none!important}}@media (min-width:768px){.hidden-lg-up{display:none!important}}@media (min-width:1024px){.hidden-xl-up{display:none!important}}.visible-sm-up{display:none}@media (min-width:480px){.visible-sm-up{display:flex}}.visible-md-up{display:none}@media (min-width:640px){.visible-md-up{display:flex}}.visible-lg-up{display:none}@media (min-width:768px){.visible-lg-up{display:flex}}.visible-xl-up{display:none}@media (min-width:1024px){.visible-xl-up{display:flex}}.flex-col-mobile{flex-direction:column}@media (min-width:768px){.flex-col-mobile{flex-direction:row}}.flex-col-tablet{flex-direction:column}@media (min-width:1024px){.flex-col-tablet{flex-direction:row}}.gap-responsive{gap:.75rem}@media (min-width:768px){.gap-responsive{gap:1rem}}@media (min-width:1024px){.gap-responsive{gap:1.5rem}}.p-responsive{padding:1rem}@media (min-width:768px){.p-responsive{padding:1.5rem}}@media (min-width:1024px){.p-responsive{padding:2rem}}.px-responsive{padding-left:1rem;padding-right:1rem}@media (min-width:768px){.px-responsive{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.px-responsive{padding-left:2rem;padding-right:2rem}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-item{animation:fadeInUp .4s ease both;animation:fadeInUp .4s var(--ease-default,ease) both}.stagger-item:first-child{animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}.fade-in{animation:fadeIn .3s ease both;animation:fadeIn .3s var(--ease-default,ease) both}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #0ea5e926}50%{box-shadow:0 0 20px #0ea5e94d}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}.scale-in{animation:scaleIn .3s ease both;animation:scaleIn .3s var(--ease-default,ease) both}@media (prefers-reduced-motion:reduce){.fade-in,.glow-pulse,.scale-in,.stagger-item{animation:none;opacity:1;transform:none}}.cs-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.cs-section:before{background:var(--gradient-border-subtle);content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:1}.cs-section-header{align-items:center;background:var(--card-header-bg);border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.cs-item{background:var(--card-item-bg);border:1px solid var(--card-border);border-radius:var(--card-radius-inner);transition:border-color .2s ease}.cs-item:hover{background:#0ea5e90a;border-color:var(--card-hover-border-glow)}@media (prefers-reduced-motion:reduce){.cs-item{transition:none}}.cs-feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius-feature);overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.cs-feature-card:hover{border-color:var(--card-hover-border-glow);box-shadow:var(--card-hover-glow);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.cs-feature-card{transition:none}.cs-feature-card:hover{transform:none}}.cs-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-2);margin-bottom:var(--space-6);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none}.cs-tabs::-webkit-scrollbar{display:none}.cs-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);touch-action:manipulation;transition:background .2s ease,color .2s ease;white-space:nowrap}.cs-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.cs-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cs-tab.active{background:var(--nav-active-bg);border:1px solid #0ea5e926;box-shadow:var(--nav-active-glow);color:var(--color-primary);font-weight:var(--font-semibold)}.cs-tab.danger{color:var(--color-error)}.cs-tab.danger.active,.cs-tab.danger:hover{background:rgba(var(--color-error-rgb),.1)}.cs-tab.danger.active{color:var(--color-error)}@media (prefers-reduced-motion:reduce){.cs-tab{transition:none}}.cs-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.cs-empty--compact{padding:1.5rem}.cs-empty--page{min-height:50vh;padding:var(--space-8)}.cs-empty-icon{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;margin-bottom:var(--space-3);opacity:.5}.cs-empty-icon svg{height:32px;width:32px}.cs-empty--page .cs-empty-icon svg{height:48px;width:48px}.cs-empty-icon--error{color:var(--color-error);opacity:.6}.cs-empty-title{color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-medium);margin:0 0 var(--space-1)}.cs-empty--page .cs-empty-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.cs-empty-text{color:var(--text-muted);font-size:var(--text-sm);margin:0;max-width:320px}.cs-empty-actions{align-items:center;display:flex;gap:var(--space-3);margin-top:var(--space-4)}.ui-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8125rem;font-size:var(--text-sm,.8125rem);font-weight:500;font-weight:var(--font-medium,500);gap:8px;gap:var(--space-2,8px);justify-content:center;line-height:1;touch-action:manipulation;transition:background-color .1s ease,border-color .1s ease,box-shadow .1s ease,opacity .1s ease,transform .1s ease,filter .1s ease;transition:background-color var(--transition-fast,.1s) var(--ease-default,ease),border-color var(--transition-fast,.1s) var(--ease-default,ease),box-shadow var(--transition-fast,.1s) var(--ease-default,ease),opacity var(--transition-fast,.1s) var(--ease-default,ease),transform var(--transition-fast,.1s) var(--ease-default,ease),filter var(--transition-fast,.1s) var(--ease-default,ease);white-space:nowrap}.ui-btn:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--color-primary,#0ea5e9);outline-offset:2px}.ui-btn:disabled{opacity:.5;pointer-events:none}.ui-btn--sm{font-size:.75rem;font-size:var(--text-xs,.75rem);height:32px;padding:0 12px}.ui-btn--md{height:36px;padding:0 16px}.ui-btn--lg{height:40px;padding:0 24px}.ui-btn--xl{font-size:.9375rem;font-size:var(--text-base,.9375rem);height:48px;padding:0 32px}.ui-btn--icon{height:36px;padding:0;width:36px}.ui-btn--default{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);background:var(--btn-gradient-primary,linear-gradient(135deg,#0ea5e9,#8b5cf6));border-color:#0000;box-shadow:0 1px 3px #0000004d;color:#fff}.ui-btn--default:hover:not(:disabled){box-shadow:0 0 30px #0ea5e980;box-shadow:var(--btn-glow-primary-hover,0 0 30px #0ea5e980);filter:brightness(1.1);transform:translateY(-1px)}.ui-btn--default:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}.ui-btn--outline{background:#0000;border-color:#ffffff14;border-color:var(--border-color,#ffffff14);color:#a1a1a1;color:var(--text-secondary,#a1a1a1)}.ui-btn--outline:hover:not(:disabled){background:#0ea5e90d;border-color:#0ea5e940;border-color:var(--card-hover-border-glow,#0ea5e940);box-shadow:0 0 12px #0ea5e914;color:#ededed;color:var(--text-primary,#ededed)}.ui-btn--secondary{background:#1a1a1a;background:var(--bg-card,#1a1a1a);border-color:#ffffff14;border-color:var(--border-color,#ffffff14);color:#a1a1a1;color:var(--text-secondary,#a1a1a1)}.ui-btn--secondary:hover:not(:disabled){background:#222;background:var(--bg-hover,#222);border-color:#fff3;border-color:var(--border-active,#fff3);box-shadow:var(--shadow-md);color:#ededed;color:var(--text-primary,#ededed);transform:translateY(-1px)}.ui-btn--destructive{background:#ef4444;background:var(--color-error,#ef4444);border-color:#0000;color:#fff}.ui-btn--destructive:hover:not(:disabled){filter:brightness(.85)}.ui-btn--ghost{background:#0000;color:#a1a1a1;color:var(--text-secondary,#a1a1a1)}.ui-btn--ghost:hover:not(:disabled){background:#ffffff0d;color:#ededed;color:var(--text-primary,#ededed)}.ui-btn--link{background:#0000;color:#0ea5e9;color:var(--color-primary,#0ea5e9);height:auto;padding:0;text-decoration:none}.ui-btn--link:hover:not(:disabled){text-decoration:underline}.ui-btn--success{background:#22c55e;background:var(--color-success,#22c55e);border-color:#0000;color:#fff}.ui-btn--success:hover:not(:disabled){filter:brightness(.85)}@media (prefers-reduced-motion:reduce){.ui-btn{transition:none}.ui-btn:active:not(:disabled),.ui-btn:hover:not(:disabled){transform:none!important}}.oc-outcome-badge{border:1px solid;border-radius:var(--radius-sm);font-size:11px;font-weight:600;line-height:1.4;padding:1px 8px;text-transform:capitalize;white-space:nowrap}.oc-dist{display:flex;flex-direction:column;gap:var(--space-2)}.oc-dist__header{align-items:center;display:flex;justify-content:space-between}.oc-dist__total{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600}.oc-dist__bar{background:var(--bg-hover);border-radius:var(--radius-sm);display:flex;height:8px;overflow:hidden}.oc-dist__bar--loading{animation:pulse 1.5s ease-in-out infinite}.oc-dist__segment{min-width:2px;transition:width .3s ease}.oc-dist__segment:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.oc-dist__segment:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.oc-dist__segment:only-child{border-radius:var(--radius-sm)}.oc-dist__empty{color:var(--text-muted);font-size:var(--text-xs);padding:var(--space-2) 0;text-align:center}.oc-dist__legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.oc-dist__legend-item{align-items:center;display:flex;font-size:var(--text-xs);gap:var(--space-1)}.oc-dist__legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.oc-dist__legend-label{color:var(--text-secondary);text-transform:capitalize}.oc-dist__legend-value{font-feature-settings:"tnum";color:var(--text-muted);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.oc-dist__segment{transition:none}.oc-dist__bar--loading{animation:none;opacity:.5}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-sans);font-family:var(--font-body);font-size:.875rem;font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal)}#root,body{min-height:100vh}#root{background:var(--bg-void);position:relative;z-index:1}#root:before{background:var(--premium-bg-gradient)}#root:after,#root:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:0}#root:after{background-image:var(--noise-texture);background-repeat:repeat;background-size:256px 256px;mix-blend-mode:overlay;opacity:.6}[data-radix-dialog-overlay]{backdrop-filter:var(--overlay-blur-strength);-webkit-backdrop-filter:var(--overlay-blur-strength);background:var(--overlay-blur)!important}[data-radix-dialog-content]{backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);background:#131720eb!important;border-color:var(--glass-border)!important;box-shadow:var(--shadow-xl),0 0 60px #00000080,0 0 1px #ffffff1a inset!important}[data-radix-popper-content-wrapper] [role=tooltip]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#161616e6!important;border:1px solid var(--glass-border);box-shadow:0 8px 32px #0006}.system-banners{display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-toast)}.system-banners>.maintenance-banner,.system-banners>.offline-banner{position:relative;top:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;color:var(--text-primary);font-family:var(--font-sans);font-family:var(--font-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}h1{font-size:1.875rem;font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.03em}h2{font-size:1.5rem;font-size:var(--text-2xl);letter-spacing:-.02em}h3{font-size:1.125rem;font-size:var(--text-xl);letter-spacing:-.01em}h4{font-size:1rem;font-size:var(--text-lg);letter-spacing:var(--tracking-normal)}p{color:var(--text-secondary);margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) var(--ease-default)}a:hover{color:var(--color-primary-hover)}.data,.mono,code,pre{font-family:var(--font-data);font-size:.8125rem;font-size:var(--text-sm)}code{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-primary);padding:.125rem .5rem}pre{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto;padding:var(--space-4)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-color:var(--text-dim) #0000;scrollbar-width:thin}:focus-visible{box-shadow:0 0 0 2px var(--bg-void),0 0 0 4px var(--color-primary);outline:none}.app-layout{display:flex;flex-direction:column;min-height:100vh}.desktop-nav{align-items:center;display:none;gap:var(--space-1)}@media (min-width:768px){.desktop-nav{display:flex}}.nav-link{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:hsl(var(--foreground-secondary));cursor:pointer;display:flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);position:relative;transition:background-color var(--transition-fast) var(--ease-default),color var(--transition-fast) var(--ease-default),box-shadow var(--transition-fast) var(--ease-default)}.nav-link:hover{background:hsl(var(--accent)/.1);color:hsl(var(--foreground))}.nav-link.active{background:var(--nav-active-bg);box-shadow:var(--nav-active-glow);color:hsl(var(--primary))}.nav-link.active:before{background:var(--nav-active-indicator);border-radius:1px;bottom:25%;box-shadow:0 0 8px #0ea5e966;content:"";left:0;position:absolute;top:25%;width:2px}.nav-link svg{height:16px;width:16px}.mobile-menu{animation:slideIn var(--transition-base) var(--ease-out);backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);background:#0a0a0af2;bottom:0;left:0;overflow-y:auto;padding:var(--space-4);position:fixed;right:0;top:var(--header-height);z-index:var(--z-modal)}.mobile-menu-backdrop{-webkit-backdrop-filter:var(--overlay-blur-strength);backdrop-filter:var(--overlay-blur-strength);background:var(--overlay-blur);inset:0;position:fixed;z-index:var(--z-modal-backdrop)}.mobile-nav-link{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:hsl(var(--foreground-secondary));cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:background-color var(--transition-fast) var(--ease-default),color var(--transition-fast) var(--ease-default);width:100%}.mobile-nav-link:hover{background:hsl(var(--accent)/.1);color:hsl(var(--foreground))}.mobile-nav-link.active{background:hsl(var(--accent)/.15);color:hsl(var(--primary))}.mobile-nav-link svg{height:20px;width:20px}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-2);transition:background var(--transition-fast) var(--ease-default)}.user-menu-trigger:hover{background:hsl(var(--accent)/.1)}.user-avatar{align-items:center;background:hsl(var(--primary));border-radius:var(--radius-full);color:hsl(var(--primary-foreground));display:flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:var(--font-semibold);height:32px;justify-content:center;width:32px}.user-info{align-items:flex-start;display:none;flex-direction:column;gap:2px}@media (min-width:640px){.user-info{display:flex}}.user-name{color:hsl(var(--foreground));font-size:.8125rem;font-size:var(--text-sm);font-weight:var(--font-medium)}.user-plan{color:hsl(var(--foreground-muted));font-size:.75rem;font-size:var(--text-xs)}.user-dropdown{background:hsl(var(--popover));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;min-width:200px;padding:var(--space-2);position:absolute;right:0;top:calc(100% + var(--space-2));z-index:var(--z-dropdown)}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:hsl(var(--foreground-secondary));cursor:pointer;display:flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);padding:var(--space-2) var(--space-3);text-align:left;transition:background-color var(--transition-fast) var(--ease-default),color var(--transition-fast) var(--ease-default);width:100%}.dropdown-item:hover{background:hsl(var(--accent)/.1);color:hsl(var(--foreground))}.dropdown-item.logout{color:hsl(var(--destructive))}.dropdown-item.logout:hover{background:hsl(var(--destructive)/.1)}.dropdown-divider{background:hsl(var(--border));height:1px;margin:var(--space-2) 0}.notification-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:hsl(var(--foreground-secondary));cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:background-color var(--transition-fast) var(--ease-default),color var(--transition-fast) var(--ease-default);width:36px}.notification-btn:hover{background:hsl(var(--accent)/.1);color:hsl(var(--foreground))}.notification-badge{align-items:center;background:hsl(var(--destructive));border-radius:var(--radius-full);color:hsl(var(--destructive-foreground));display:flex;font-size:10px;font-weight:var(--font-semibold);height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}.upgrade-btn{align-items:center;background:hsl(var(--primary));border:none;border-radius:var(--radius-md);color:hsl(var(--primary-foreground));cursor:pointer;display:inline-flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:background-color var(--transition-fast) var(--ease-default)}.upgrade-btn:hover{background:hsl(var(--primary-hover))}.upgrade-btn svg{height:14px;width:14px}.stats-grid-responsive{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:640px){.stats-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid-responsive{grid-template-columns:repeat(4,1fr)}}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-fast) var(--ease-default),box-shadow var(--transition-fast) var(--ease-default)}.stat-card:hover{border-color:hsl(var(--border-hover));box-shadow:0 4px 6px -1px #0000001a}.form-input,input[type=email],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{background:hsl(var(--input));border:1px solid hsl(var(--border));border-radius:var(--radius-md);color:hsl(var(--foreground));font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);height:40px;padding:0 var(--space-3);transition:border-color var(--transition-fast) var(--ease-default),box-shadow var(--transition-fast) var(--ease-default);width:100%}.form-input::placeholder,input::placeholder,textarea::placeholder{color:hsl(var(--foreground-muted))}.form-input:hover,input:hover,select:hover,textarea:hover{border-color:hsl(var(--border-hover))}.form-input:focus,input:focus,select:focus,textarea:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.1);outline:none}.form-input:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}textarea{min-height:100px;padding:var(--space-3);resize:vertical}select{-webkit-text-fill-color:#f1f5f9;-webkit-text-fill-color:var(
    --text-primary,hsl(var(--foreground,210 40% 96%))
  );-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23a1a1a1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;color:#f1f5f9;color:var(--text-primary,hsl(var(--foreground,210 40% 96%)));cursor:pointer;opacity:1!important;padding-right:40px}select option{background:hsl(var(--background));background:var(--bg-panel,hsl(var(--background)));color:hsl(var(--foreground));color:var(--text-primary,hsl(var(--foreground)))}.mobile-notification-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:var(--radius-md);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background-color .2s ease,color .2s ease;width:40px}.mobile-notification-btn:active,.mobile-notification-btn:hover{background:#ffffff1a;color:#f8fafc;color:var(--text-primary,#f8fafc)}.mobile-notification-btn .notification-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:var(--radius-md);box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:.6875rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.mobile-notifications-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:var(--z-modal-backdrop)}.mobile-notifications-sheet{background:linear-gradient(180deg,#161616fa,#111111fc);border:1px solid #ffffff14;border-bottom:none;border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);bottom:0;box-shadow:0 -10px 40px #00000080;display:flex;flex-direction:column;left:0;max-height:85vh;position:fixed;right:0;z-index:var(--z-modal)}.sheet-handle{cursor:pointer;display:flex;justify-content:center;padding:12px 0 8px}.sheet-handle-bar{background:#ffffff26;border-radius:2px;height:4px;transition:background .2s ease;width:40px}.sheet-handle:hover .sheet-handle-bar{background:#ffffff40}.sheet-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:8px 20px 16px}.sheet-header,.sheet-title{align-items:center;display:flex}.sheet-title{color:#f8fafc;color:var(--text-primary,#f8fafc);font-family:var(--font-sans);font-family:var(--font-display,"Inter",sans-serif);font-size:1.125rem;font-weight:600;gap:10px;margin:0}.sheet-title svg{color:#0ea5e9;color:var(--color-primary,#0ea5e9)}.sheet-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:var(--radius-lg);color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 6px}.sheet-mark-read-btn{background:#0ea5e91a;border:1px solid #0ea5e926;border-radius:var(--radius-md);color:#0ea5e9;color:var(--color-primary,#0ea5e9);cursor:pointer;font-family:var(--font-sans);font-family:var(--font-display,"Inter",sans-serif);font-size:.8125rem;font-weight:500;padding:8px 14px;transition:background-color .2s ease}.sheet-mark-read-btn:hover{background:#0ea5e926}.sheet-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:0}.sheet-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.sheet-empty svg{color:#ffffff26;margin-bottom:16px}.sheet-empty p{color:#f8fafc;color:var(--text-primary,#f8fafc);font-family:var(--font-sans);font-family:var(--font-display,"Inter",sans-serif);font-size:1rem;font-weight:500;margin:0 0 4px}.sheet-empty span{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:.875rem}.sheet-list{padding:8px 0}.sheet-notification-item{align-items:flex-start;background:#0000;border:none;cursor:pointer;display:flex;gap:14px;padding:16px 20px;position:relative;text-align:left;transition:background .15s ease;width:100%}.sheet-notification-item:active,.sheet-notification-item:hover{background:#ffffff0d}.sheet-notification-item.unread{background:#0ea5e90d}.sheet-notification-item.unread:hover{background:#0ea5e91a}.sheet-notification-icon{align-items:center;background:#ffffff0f;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.sheet-notification-content{flex:1 1;min-width:0}.sheet-notification-message{color:#f8fafc;color:var(--text-primary,#f8fafc);display:block;font-family:var(--font-sans);font-family:var(--font-display,"Inter",sans-serif);font-size:.9375rem;font-weight:500;line-height:1.4;margin-bottom:4px}.sheet-notification-time{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:block;font-size:.8125rem}.sheet-unread-dot{background:#0ea5e9;background:var(--color-primary,#0ea5e9);border-radius:var(--radius-full);box-shadow:0 0 8px #0ea5e94d;height:8px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:8px}.sheet-footer{border-top:1px solid #ffffff0f;padding:16px 20px calc(16px + env(safe-area-inset-bottom, 0px))}.sheet-view-all-btn{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);background:linear-gradient(135deg,var(--color-primary,#0ea5e9),#06b6d4);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0ea5e933;color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-family:var(--font-display,"Inter",sans-serif);font-size:.9375rem;font-weight:600;justify-content:center;padding:14px 20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.sheet-view-all-btn:hover{box-shadow:0 6px 16px #0ea5e940;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spinning{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning{animation:spinning 1s linear infinite}:root{--color-void:hsl(var(--background));--color-void-light:hsl(var(--background-secondary));--color-shadow:hsl(var(--background-secondary));--color-stone:hsl(var(--background-tertiary));--color-iron:hsl(var(--border));--color-gold:hsl(var(--primary));--color-gold-dark:hsl(var(--primary-hover));--color-gold-light:hsl(var(--primary));--color-gold-10:hsl(var(--primary)/0.1);--color-gold-20:hsl(var(--primary)/0.2);--color-gold-30:hsl(var(--primary)/0.3);--color-bronze:hsl(var(--warning));--color-magic:hsl(var(--primary));--color-magic-glow:hsl(var(--primary));--color-magic-10:hsl(var(--primary)/0.1);--color-magic-20:hsl(var(--primary)/0.2);--color-mana:hsl(var(--info));--color-parchment:hsl(var(--foreground));--color-parchment-dark:hsl(var(--foreground-secondary));--color-ink:hsl(var(--background));--color-border:hsl(var(--border));--color-border-light:hsl(var(--border)/0.5);--color-border-strong:hsl(var(--border-hover));--color-success:hsl(var(--success));--color-warning:hsl(var(--warning));--color-error:hsl(var(--destructive));--color-info:hsl(var(--info));--color-emerald:hsl(var(--success));--color-blood:hsl(var(--destructive));--font-display:var(--font-sans);--font-body:var(--font-sans);--font-code:var(--font-mono);--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--space-2xl:var(--space-12);--space-3xl:var(--space-16);--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--shadow-shallow:0 1px 3px 0 #0000001a;--shadow-deep:0 4px 6px -1px #0000001a;--shadow-abyss:0 10px 15px -3px #0000001a;--shadow-gold:0 0 0 3px hsl(var(--primary)/0.15);--glow-gold:0 0 0 3px hsl(var(--primary)/0.1);--glow-magic:0 0 0 3px hsl(var(--primary)/0.1);--transition-swift:100ms ease-in-out;--transition-smooth:150ms ease-in-out;--transition-dramatic:300ms cubic-bezier(0.4,0,0.2,1)}.auth-container{align-items:center;background:var(--bg-void);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:var(--space-6);position:relative}.auth-container:before{background:radial-gradient(ellipse at center,rgba(var(--color-primary-rgb),.2) 0,rgba(var(--color-primary-rgb),.08) 35%,#0000 70%);height:600px;left:50%;top:50%;transform:translate(-50%,-55%);width:800px}.auth-container:after,.auth-container:before{content:"";pointer-events:none;position:absolute;z-index:0}.auth-container:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;inset:0}.auth-layout{align-items:center;display:flex;gap:var(--space-12);max-width:1200px;position:relative;width:100%;z-index:1}.auth-value-panel{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;position:relative}.auth-value-panel:before{animation:auth-orb-pulse 8s ease-in-out infinite;background:radial-gradient(circle,rgba(var(--color-primary-rgb),.1) 0,rgba(var(--color-primary-rgb),.04) 40%,#0000 70%);border-radius:50%;content:"";height:320px;left:35%;pointer-events:none;position:absolute;top:40%;transform:translate(-50%,-50%);width:320px}@keyframes auth-orb-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}@media (prefers-reduced-motion:reduce){.auth-value-panel:before{animation:none}}.auth-value-logo{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-6);position:relative}.auth-value-headline{color:var(--text-primary);font-family:var(--font-hero);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:400;letter-spacing:-.02em;line-height:var(--leading-tight);margin:0 0 var(--space-3);position:relative}.auth-value-headline-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text}.auth-value-desc{color:var(--text-secondary);font-size:var(--text-md);line-height:1.6;margin:0 0 var(--space-6);position:relative}.auth-value-section{margin-bottom:var(--space-5);position:relative}.auth-value-section-label{color:var(--text-muted);display:block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;margin-bottom:var(--space-2);text-transform:uppercase}.auth-value-chips{display:flex;flex-wrap:wrap;gap:6px}.auth-value-chip{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;padding:4px 10px;white-space:nowrap}.auth-value-chip-more{background:rgba(var(--color-primary-rgb),.06);border-color:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}.auth-value-outcomes{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:var(--space-4) 0 0;position:relative}.auth-value-outcomes li{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;font-size:var(--text-sm);gap:var(--space-2);line-height:1.4}.auth-value-outcome-icon{align-items:center;color:hsl(var(--success));color:var(--color-success);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.auth-value-logo .auth-logo-img{height:44px}@media (max-width:768px){.auth-layout{flex-direction:column;gap:0}.auth-value-panel{display:none}}@media (min-width:769px){.auth-logo-mobile-only{display:none}}.auth-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#131720d9;border:1px solid #ffffff1a;border-radius:var(--radius-2xl);box-shadow:0 0 0 1px #ffffff0d,0 4px 8px #00000026,0 12px 32px #0000004d,0 32px 64px #0006;max-width:500px;padding:var(--space-10);position:relative;width:100%;z-index:1}@media (max-width:480px){.auth-container{padding:var(--space-4)}.auth-card{border-radius:var(--radius-xl);padding:var(--space-6)}}.auth-logo{margin-bottom:var(--space-8);text-align:center}.auth-logo-img{height:32px;width:auto}.auth-title{color:var(--text-primary);font-family:var(--font-sans);font-family:var(--font-display);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;line-height:var(--leading-tight);margin-bottom:var(--space-2);text-align:center}.auth-subtitle{color:var(--text-muted);line-height:1.6;margin-bottom:var(--space-6);text-align:center}.auth-oauth-button,.auth-subtitle{font-size:.8125rem;font-size:var(--text-sm)}.auth-oauth-button{align-items:center;background:#0000;border:1px solid #ffffff1f;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-family:var(--font-display);font-weight:500;gap:var(--space-3);justify-content:center;padding:var(--space-3) var(--space-4);touch-action:manipulation;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:100%}.auth-oauth-button:hover{background:#ffffff0a;border-color:#fff3}.auth-oauth-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-oauth-button:disabled{cursor:not-allowed;opacity:.5}.auth-oauth-button+.auth-oauth-button{margin-top:var(--space-2)}.auth-google-primary{background:#fff;border:1px solid #ffffff26;color:#1f1f1f;font-weight:600;padding:14px var(--space-4)}.auth-google-primary:hover{background:#f3f3f3;border-color:#ffffff40}.auth-oauth-secondary{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.auth-oauth-secondary .auth-oauth-button{flex:1 1;font-size:.75rem;font-size:var(--text-xs);gap:var(--space-2);padding:10px var(--space-3)}.auth-oauth-secondary .auth-oauth-button+.auth-oauth-button{margin-top:0}.auth-divider{align-items:center;display:flex;margin:var(--space-6) 0}.auth-divider-line{background:#ffffff0f;flex:1 1;height:1px}.auth-divider-text{color:var(--text-dim);font-family:var(--font-sans);font-family:var(--font-body);font-size:.75rem;font-size:var(--text-xs);letter-spacing:.1em;padding:0 var(--space-4);text-transform:uppercase}.auth-tabs{background:#ffffff08;border:1px solid #ffffff0a;border-radius:var(--radius-lg);display:flex;gap:2px;margin-bottom:var(--space-6);padding:3px}.auth-tab{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;flex:1 1;font-family:var(--font-sans);font-family:var(--font-display);font-size:.75rem;font-size:var(--text-xs);font-weight:500;letter-spacing:.01em;outline:none;padding:10px var(--space-3);touch-action:manipulation;transition:background-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base);white-space:nowrap}.auth-tab:hover:not(.auth-tab-active){background:#ffffff0a;color:var(--text-secondary)}.auth-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-tab-active{background:rgba(var(--color-primary-rgb),.12);box-shadow:0 1px 3px #0000001f;color:var(--color-primary-hover)}.auth-form{gap:var(--space-5)}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:var(--space-2)}.auth-label{color:var(--text-secondary);font-family:var(--font-sans);font-family:var(--font-display);font-size:.75rem;font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{align-items:center;color:var(--text-muted);display:flex;justify-content:center;left:14px;pointer-events:none;position:absolute;transition:color var(--transition-fast);z-index:1}.auth-input-icon svg{stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}.auth-input{background:var(--bg-card);border:1px solid #ffffff14;border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-sans);font-family:var(--font-body);font-size:16px;outline:none;padding:13px var(--space-4);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);width:100%}.auth-input.has-icon{padding-left:42px}.auth-input::placeholder{color:var(--text-dim)}.auth-input:hover{background:var(--bg-hover);border-color:#ffffff26}.auth-input:focus{background:var(--bg-card);border-color:rgba(var(--color-primary-rgb),.5);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1),0 0 16px rgba(var(--color-primary-rgb),.06)}.auth-input:focus-visible{outline:none}.auth-input-wrapper:focus-within .auth-input-icon,.auth-input:focus+.auth-input-icon,.auth-input:focus~.auth-input-icon{color:var(--color-primary)}.auth-input-error,.auth-input-error:focus{border-color:#ef444480;border-color:rgba(var(--color-error-rgb,239,68,68),.5)}.auth-input-error:focus{box-shadow:0 0 0 3px #ef44441a;box-shadow:0 0 0 3px rgba(var(--color-error-rgb,239,68,68),.1)}.auth-eye-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;outline:none;padding:var(--space-1);position:absolute;right:12px;touch-action:manipulation;transition:color var(--transition-fast)}.auth-eye-button svg{stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;height:18px;width:18px}.auth-eye-button:hover{color:var(--text-secondary)}.auth-eye-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-error-text{align-items:flex-start;color:hsl(var(--destructive));color:var(--color-error);display:flex;font-size:.75rem;font-size:var(--text-xs);gap:var(--space-1)}.auth-error-text svg{flex-shrink:0;margin-top:2px}.auth-helper-text{color:var(--text-dim);font-size:.75rem;font-size:var(--text-xs);line-height:1.5}.auth-button-primary{align-items:center;background:linear-gradient(180deg,var(--color-primary-hover),var(--color-primary));border:none;border-radius:var(--radius-lg);border-top:1px solid #ffffff26;color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-family:var(--font-display);font-size:.8125rem;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);justify-content:center;letter-spacing:.01em;outline:none;padding:14px var(--space-5);position:relative;touch-action:manipulation;transition:box-shadow var(--transition-base),opacity var(--transition-base);width:100%}.auth-button-primary:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.3),0 4px 12px #0003}.auth-button-primary:active{opacity:.9}.auth-button-primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-button-primary:disabled{cursor:not-allowed;opacity:.5}.auth-button-spinner{animation:auth-spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:var(--radius-full);border-top-color:#fff;height:16px;width:16px}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:var(--font-sans);font-family:var(--font-display);font-size:.8125rem;font-size:var(--text-sm);font-weight:500;outline:none;padding:0;text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}.auth-link:hover{color:var(--color-primary-hover);text-decoration:underline;text-underline-offset:3px}.auth-link:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}.auth-back-link{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8125rem;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-6);padding:0;transition:color var(--transition-fast)}.auth-back-link:hover{color:var(--text-secondary)}.auth-footer{color:var(--text-muted);font-size:.8125rem;font-size:var(--text-sm);margin-top:var(--space-8);text-align:center}.auth-legal{border-top:1px solid #ffffff0a;color:var(--text-dim);font-size:11px;line-height:1.7;margin-top:var(--space-6);padding-top:var(--space-5);text-align:center}.auth-legal-link{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.auth-legal-link:hover{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.auth-success-box{background:#22c55e0f;background:rgba(var(--color-success-rgb,34,197,94),.06);border:1px solid #22c55e33;border:1px solid rgba(var(--color-success-rgb,34,197,94),.2);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.auth-success-icon{color:hsl(var(--success));color:var(--color-success);font-size:2.5rem;margin-bottom:var(--space-4)}.auth-success-icon svg{display:inline-block}.auth-success-title{color:hsl(var(--success));color:var(--color-success);font-family:var(--font-sans);font-family:var(--font-display);font-size:1rem;font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.auth-success-text{color:var(--text-secondary);font-size:.8125rem;font-size:var(--text-sm);line-height:1.6;margin:0}.auth-success-text strong{color:var(--color-primary)}.auth-success-box+.auth-button-primary{margin-top:var(--space-5)}.auth-success-actions{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.auth-resend-button{background:#0000;border:1px solid #ffffff1f;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-family:var(--font-display);font-size:.8125rem;font-size:var(--text-sm);font-weight:500;padding:10px var(--space-5);touch-action:manipulation;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.auth-resend-button:hover:not(:disabled){background:#ffffff0a;border-color:#fff3}.auth-resend-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-resend-button:disabled{cursor:not-allowed;opacity:.5}.auth-trust-signals{align-items:center;color:var(--text-dim);display:flex;font-size:.75rem;font-size:var(--text-xs);gap:var(--space-2);justify-content:center;margin:0}.auth-trust-signals svg{color:var(--text-muted);flex-shrink:0}.auth-password-strength{align-items:center;display:flex;gap:var(--space-3);margin-top:var(--space-2)}.auth-strength-bar{background:#ffffff0f;border-radius:var(--radius-full);flex:1 1;height:3px;overflow:hidden}.auth-strength-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-base),background var(--transition-base)}.auth-strength-label{flex-shrink:0;font-family:var(--font-data);font-size:10px;font-weight:500;letter-spacing:.06em;min-width:48px;text-align:right;text-transform:uppercase}.auth-requirements{background:#ffffff05;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-top:var(--space-2);padding:var(--space-2)}.auth-requirement{align-items:center;display:flex;font-size:11px;gap:var(--space-1);transition:color var(--transition-base)}.auth-requirement.met{color:hsl(var(--success));color:var(--color-success)}.auth-requirement.unmet{color:var(--text-muted)}.auth-requirement-icon{font-size:10px;font-weight:600}.auth-requirement-text{font-family:var(--font-data)}.auth-match-indicator{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.auth-helper-error{color:hsl(var(--destructive));color:var(--color-error)}.auth-skeleton-logo{border-radius:var(--radius-lg);height:56px;margin:0 auto var(--space-4);width:56px}.auth-skeleton-logo,.auth-skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%}.auth-skeleton-title{border-radius:var(--radius-md);height:28px;margin:0 auto var(--space-6);width:200px}.auth-skeleton-button{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:var(--radius-lg);height:48px;width:100%}.auth-skeleton-divider{background:#ffffff0a;height:1px;margin:var(--space-6) 0;width:100%}.auth-skeleton-tabs{height:44px;margin-bottom:var(--space-6)}.auth-skeleton-input,.auth-skeleton-tabs{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:var(--radius-lg);width:100%}.auth-skeleton-input{height:52px;margin-bottom:var(--space-4)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.two-factor-verify{width:100%}.tfa-header{margin-bottom:var(--space-6);position:relative}.tfa-back-btn,.tfa-header{align-items:center;display:flex;justify-content:center}.tfa-back-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;height:40px;left:0;position:absolute;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);width:40px}.tfa-back-btn:hover{background:var(--bg-hover);border-color:var(--border-active);color:var(--text-primary)}.tfa-back-btn:disabled{cursor:not-allowed;opacity:.5}.tfa-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-primary);color:#fff;display:flex;height:64px;justify-content:center;width:64px}.tfa-title{color:var(--text-primary);font-family:var(--font-sans);font-family:var(--font-display);font-size:1.125rem;font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-2);text-align:center}.tfa-subtitle{color:var(--text-secondary);font-size:.8125rem;font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-4);text-align:center}.tfa-email{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-data);font-size:.75rem;font-size:var(--text-xs);margin-bottom:var(--space-5);padding:var(--space-2) var(--space-3);text-align:center}.tfa-email strong{color:var(--color-primary);font-weight:500}.tfa-error{align-items:center;background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.3);border-radius:var(--radius-md);color:hsl(var(--destructive));color:var(--color-error);font-size:.8125rem;font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center}.tfa-code-inputs,.tfa-error{display:flex;gap:var(--space-2);justify-content:center}.tfa-code-inputs{margin-bottom:var(--space-5)}.tfa-digit-input{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);caret-color:var(--color-primary);color:var(--text-primary);font-family:var(--font-data);font-size:1.5rem;font-size:var(--text-2xl);font-weight:600;height:56px;outline:none;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:48px}.tfa-digit-input:hover{border-color:var(--text-muted)}.tfa-digit-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.tfa-digit-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tfa-digit-input.error{animation:shake .4s ease-in-out;border-color:var(--color-error)}.tfa-digit-input:disabled{cursor:not-allowed;opacity:.5}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-4px)}}.tfa-backup-input-wrapper{align-items:center;display:flex;margin-bottom:var(--space-5);position:relative}.tfa-backup-icon{color:var(--text-muted);left:var(--space-4);pointer-events:none;position:absolute}.tfa-backup-input{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-data);font-size:var(--text-md);font-weight:500;letter-spacing:.1em;outline:none;padding:var(--space-4);padding-left:calc(var(--space-4) + 26px);text-transform:uppercase;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.tfa-backup-input::placeholder{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase}.tfa-backup-input:hover{border-color:var(--text-muted)}.tfa-backup-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.tfa-backup-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tfa-backup-input.error{border-color:var(--color-error)}.tfa-backup-input:disabled{cursor:not-allowed;opacity:.5}.tfa-trust-device{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.tfa-trust-device:hover{background:var(--bg-hover);border-color:var(--border-active)}.tfa-trust-device input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--bg-panel);border:2px solid var(--border-color);border-radius:var(--radius-xs);cursor:pointer;height:18px;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:18px}.tfa-trust-device input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.tfa-trust-device input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.tfa-trust-device input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.tfa-trust-device span{color:var(--text-secondary)}.tfa-submit-btn,.tfa-trust-device span{font-size:.8125rem;font-size:var(--text-sm)}.tfa-submit-btn{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-sans);font-family:var(--font-display);font-weight:600;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4);padding:var(--space-4);transition:box-shadow var(--transition-fast),transform var(--transition-fast);width:100%}.tfa-submit-btn:hover:not(:disabled){box-shadow:var(--shadow-glow-primary);transform:translateY(-1px)}.tfa-submit-btn:disabled{cursor:not-allowed;opacity:.6}.tfa-toggle-btn{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:block;font-family:var(--font-sans);font-family:var(--font-display);font-size:.8125rem;font-size:var(--text-sm);margin-bottom:var(--space-5);padding:var(--space-3);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);width:100%}.tfa-toggle-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary);color:var(--color-primary)}.tfa-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.tfa-help{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs);line-height:1.6;padding:var(--space-3);text-align:center}@media (max-width:480px){.tfa-code-inputs{gap:var(--space-1)}.tfa-digit-input{font-size:1.125rem;font-size:var(--text-xl);height:48px;width:40px}.tfa-header{margin-bottom:var(--space-4)}.tfa-icon{height:52px;width:52px}.tfa-back-btn{height:36px;width:36px}}.tfa-countdown{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.8125rem;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;margin-top:var(--space-3);padding:var(--space-2) var(--space-3)}.tfa-countdown svg{flex-shrink:0}.tfa-countdown-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:hsl(var(--warning));color:var(--color-warning)}.tfa-countdown-urgent{animation:tfa-pulse 1s ease-in-out infinite;background:#ef44441a;border-color:#ef44444d;color:hsl(var(--destructive));color:var(--color-error)}@keyframes tfa-pulse{0%,to{opacity:1}50%{opacity:.7}}.tfa-attempts-remaining{color:hsl(var(--warning));color:var(--color-warning);font-weight:var(--font-medium)}.tfa-state-container{padding:var(--space-4) 0;text-align:center}.tfa-state-icon{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-full);display:flex;height:80px;justify-content:center;margin:0 auto var(--space-4);width:80px}.tfa-state-icon-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:hsl(var(--warning));color:var(--color-warning)}.tfa-state-icon-error{background:#ef44441a;border-color:#ef44444d;color:hsl(var(--destructive));color:var(--color-error)}.tfa-state-title{color:var(--text-primary);font-size:1rem;font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.tfa-state-text{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.tfa-lockout-countdown{font-feature-settings:"tnum";background:#f59e0b1a;border-radius:var(--radius-md);color:hsl(var(--warning));color:var(--color-warning);display:inline-block;font-size:1.875rem;font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.tfa-lockout-help{color:var(--text-muted);font-size:.8125rem;font-size:var(--text-sm);line-height:1.5}.tfa-lockout-actions,.tfa-lockout-help{margin-top:var(--space-4)}.auth-callback-spinner{animation:auth-spin .8s linear infinite;border:3px solid var(--border-color);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:48px;margin:0 auto var(--space-5);width:48px}.auth-callback-icon{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;height:64px;justify-content:center;margin:0 auto var(--space-5);width:64px}.auth-callback-icon--error{background:rgba(var(--color-error-rgb),.1);border-color:rgba(var(--color-error-rgb),.3);color:hsl(var(--destructive));color:var(--color-error)}.auth-callback-title{color:var(--text-primary);font-family:var(--font-sans);font-family:var(--font-display);font-size:1rem;font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3)}.auth-callback-text{color:var(--text-secondary);font-size:.8125rem;font-size:var(--text-sm);margin-bottom:var(--space-2)}.auth-callback-subtext{color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs)}@media (min-width:769px){.auth-card{padding:1rem 2.25rem 1.25rem}.auth-title{font-size:1.125rem;font-size:var(--text-xl);margin-bottom:2px}.auth-subtitle{font-size:.75rem;font-size:var(--text-xs);margin-bottom:var(--space-2)}.auth-google-primary{padding:10px var(--space-4)}.auth-oauth-secondary{margin-top:var(--space-1)}.auth-oauth-secondary .auth-oauth-button{padding:8px var(--space-3)}.auth-divider{margin:var(--space-2) 0}.auth-tabs{margin-bottom:var(--space-3)}.auth-form{gap:var(--space-3)}.auth-input{padding:10px var(--space-4)}.auth-input.has-icon{padding-left:42px}.auth-button-primary{padding:11px var(--space-5)}.auth-footer,.auth-legal{margin-top:var(--space-2)}.auth-legal{padding-top:var(--space-1)}}.pricing-page-wrapper{background:#0a0a0a;background:var(--bg-primary,#0a0a0a);min-height:100vh}.pricing-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0a;background:var(--bg-void,#0a0a0a);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-color,#ffffff12);position:-webkit-sticky;position:sticky;top:0;z-index:100}.pricing-nav-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--content-max-width);padding:1rem 1.5rem;padding:var(--space-4,1rem) var(--content-padding,1.5rem)}.pricing-nav-logo{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem);text-decoration:none}.pricing-nav-logo-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9,#06b6d4);background:linear-gradient(135deg,var(--color-primary,#0ea5e9),var(--color-secondary,#06b6d4));border-radius:8px;border-radius:var(--radius-md,8px);display:flex;font-size:1.25rem;height:36px;justify-content:center;width:36px}.pricing-nav-logo-text{color:#ededed;color:var(--text-primary,#ededed);font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:1.125rem;font-size:var(--text-lg,1.125rem);font-weight:700}.pricing-nav-links{align-items:center;display:flex;gap:.75rem;gap:var(--space-3,.75rem)}.pricing-nav-link{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md,8px);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:500;gap:.5rem;gap:var(--space-2,.5rem);padding:.5rem 1rem;padding:var(--space-2,.5rem) var(--space-4,1rem);text-decoration:none;touch-action:manipulation;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.pricing-nav-link:hover{background:#1a1a1a;background:var(--bg-card,#1a1a1a);border-color:#ffffff12;border-color:var(--border-color,#ffffff12);color:#ededed;color:var(--text-primary,#ededed)}.pricing-nav-link:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--color-primary,#0ea5e9);outline-offset:2px}.pricing-nav-link.primary{background:#0ea5e9;background:var(--color-primary,#0ea5e9);border-color:#0000;color:#0a0a0a;color:var(--bg-void,#0a0a0a);font-weight:600}.pricing-nav-link.primary:hover{background:#06b6d4;background:var(--color-primary-hover,#06b6d4);color:#0a0a0a;color:var(--bg-void,#0a0a0a)}.billing-content.pricing-standalone{margin:0 auto;max-width:var(--content-max-width);padding:2.5rem 1.5rem 5rem;padding:var(--space-10,2.5rem) var(--content-padding,1.5rem) var(--space-20,5rem)}.pricing-contact-always{position:relative}.pricing-contact-always .billing-contact-dismiss{display:none}.pricing-error-centered{padding:3rem 1.5rem;padding:var(--space-12,3rem) var(--space-6,1.5rem);text-align:center}.billing-card-cta:focus-visible,.billing-toggle-option:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--color-primary,#0ea5e9);outline-offset:2px}.pricing-faq-section{margin:4rem auto 0;margin:var(--space-16,4rem) auto 0;max-width:720px;padding:0 1rem;padding:0 var(--space-4,1rem)}.pricing-faq-title{color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:1.5rem;font-size:var(--text-2xl,1.5rem);font-weight:600;font-weight:var(--font-semibold,600);margin-bottom:2rem;margin-bottom:var(--space-8,2rem);text-align:center}.pricing-faq-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem)}.pricing-faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg,12px);overflow:hidden;transition:border-color .2s ease}.pricing-faq-item[open]{border-color:var(--border-active)}.pricing-faq-question{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:500;font-weight:var(--font-medium,500);gap:.75rem;gap:var(--space-3,.75rem);justify-content:space-between;list-style:none;padding:1rem 1.25rem;padding:var(--space-4,1rem) var(--space-5,1.25rem);touch-action:manipulation}.pricing-faq-question::-webkit-details-marker{display:none}.pricing-faq-question::marker{content:"";display:none}.pricing-faq-question:focus-visible{border-radius:12px;border-radius:var(--radius-lg,12px);outline:2px solid var(--color-primary);outline-offset:-2px}.pricing-faq-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.pricing-faq-item[open] .pricing-faq-chevron{transform:rotate(180deg)}.pricing-faq-answer{color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.6;margin:0;padding:0 1.25rem 1rem;padding:0 var(--space-5,1.25rem) var(--space-4,1rem)}@media (max-width:768px){.pricing-nav-inner{padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem)}.pricing-nav-logo-text{display:none}.billing-content.pricing-standalone{padding:1.5rem 1rem 4rem;padding:var(--space-6,1.5rem) var(--space-4,1rem) var(--space-16,4rem)}.pricing-faq-section{margin-top:3rem;margin-top:var(--space-12,3rem);padding:0}.pricing-faq-title{font-size:1.25rem;font-size:var(--text-xl,1.25rem)}}.pricing-hero-description{color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.7;line-height:var(--leading-relaxed,1.7);margin:.5rem auto 1.5rem;margin:var(--space-2,.5rem) auto var(--space-6,1.5rem) auto;max-width:600px;opacity:.85;text-align:center}@media (prefers-reduced-motion:reduce){.pricing-faq-chevron,.pricing-faq-item,.pricing-nav-link{transition:none}}.pp-page{background:#0a0a0a;background:var(--bg-primary,#0a0a0a);min-height:100vh}.pp-main{margin:0 auto;max-width:var(--content-max-width);padding:2.5rem 1.5rem 5rem;padding:var(--space-10,2.5rem) var(--content-padding,1.5rem) var(--space-20,5rem)}.pp-hero{margin-bottom:3rem;margin-bottom:var(--space-12,3rem);text-align:center}.pp-hero-badge{align-items:center;background:#1a1a1a;background:var(--bg-card,#1a1a1a);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);display:inline-flex;font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:500;font-weight:var(--font-medium,500);gap:.5rem;gap:var(--space-2,.5rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);padding:.25rem 1rem;padding:var(--space-1,.25rem) var(--space-4,1rem)}.pp-hero h1,.pp-hero-badge{font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif)}.pp-hero h1{color:#ededed;color:var(--text-primary,#ededed);font-size:1.875rem;font-size:var(--text-3xl,1.875rem);font-weight:700;line-height:1.2;margin:0 0 1rem;margin:0 0 var(--space-4,1rem)}.pp-hero h1 .pp-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#06b6d4);background:linear-gradient(135deg,var(--color-primary,#0ea5e9),var(--color-secondary,#06b6d4));-webkit-background-clip:text;background-clip:text}.pp-hero-description{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:1rem;font-size:var(--text-md,1rem);line-height:1.7;line-height:var(--leading-relaxed,1.7);margin:0 auto;max-width:640px}.pp-section-title{color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:1.25rem;font-size:var(--text-xl,1.25rem);font-weight:600;font-weight:var(--font-semibold,600);margin:3rem 0 1.5rem;margin:var(--space-12,3rem) 0 var(--space-6,1.5rem)}.pp-table-wrapper{-webkit-overflow-scrolling:touch;margin-bottom:2rem;margin-bottom:var(--space-8,2rem);overflow-x:auto}.pp-table{border-collapse:collapse;font-size:.875rem;font-size:var(--text-sm,.875rem);width:100%}.pp-table td,.pp-table th{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-color,#ffffff12);padding:.75rem 1rem;padding:var(--space-3,.75rem) var(--space-4,1rem);text-align:left}.pp-table th{background:#161616;background:var(--bg-panel,#161616);color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-weight:600;font-weight:var(--font-semibold,600);position:-webkit-sticky;position:sticky;top:0}.pp-table td{color:#a1a1a1;color:var(--text-secondary,#a1a1a1)}.pp-table td:first-child{color:var(--text-primary);font-weight:500;font-weight:var(--font-medium,500);white-space:nowrap}.pp-table tr:last-child td{border-bottom:none}.pp-table-velokai{color:#0ea5e9!important;color:var(--color-primary,#0ea5e9)!important}.pp-steps{counter-reset:step;list-style:none;margin:0 0 2rem;margin:0 0 var(--space-8,2rem);padding:0}.pp-steps li{align-items:flex-start;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-color,#ffffff12);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);counter-increment:step;display:flex;font-size:.875rem;font-size:var(--text-sm,.875rem);gap:1rem;gap:var(--space-4,1rem);line-height:1.6;padding:1rem 0;padding:var(--space-4,1rem) 0}.pp-steps li:last-child{border-bottom:none}.pp-steps li:before{align-items:center;background:#1a1a1a;background:var(--bg-card,#1a1a1a);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#0ea5e9;color:var(--color-primary,#0ea5e9);content:counter(step);display:flex;flex-shrink:0;font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:600;font-weight:var(--font-semibold,600);height:28px;justify-content:center;min-width:28px}.pp-problem-solution{grid-gap:1.5rem;grid-gap:var(--space-6,1.5rem);display:grid;gap:1.5rem;gap:var(--space-6,1.5rem);grid-template-columns:1fr 1fr;margin-bottom:2rem;margin-bottom:var(--space-8,2rem)}.pp-problem,.pp-solution{background:#1a1a1a;background:var(--bg-card,#1a1a1a);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:12px;border-radius:var(--radius-lg,12px);padding:1.5rem;padding:var(--space-6,1.5rem)}.pp-problem-label,.pp-solution-label{display:inline-block;font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:600;font-weight:var(--font-semibold,600);letter-spacing:.05em;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem);text-transform:uppercase}.pp-problem-label{color:#ef4444;color:var(--color-error,#ef4444)}.pp-solution-label{color:#22c55e;color:var(--color-success,#22c55e)}.pp-problem p,.pp-solution p{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.6;margin:0}.pp-faq-section{margin:3rem auto 0;margin:var(--space-12,3rem) auto 0;max-width:720px}.pp-faq-title{color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:1.5rem;font-size:var(--text-2xl,1.5rem);font-weight:600;font-weight:var(--font-semibold,600);margin-bottom:2rem;margin-bottom:var(--space-8,2rem);text-align:center}.pp-faq-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem)}.pp-faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg,12px);overflow:hidden;transition:border-color .2s ease}.pp-faq-item[open]{border-color:var(--border-active)}.pp-faq-question{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:500;font-weight:var(--font-medium,500);gap:.75rem;gap:var(--space-3,.75rem);justify-content:space-between;list-style:none;padding:1rem 1.25rem;padding:var(--space-4,1rem) var(--space-5,1.25rem);touch-action:manipulation}.pp-faq-question::-webkit-details-marker{display:none}.pp-faq-question::marker{content:"";display:none}.pp-faq-question:focus-visible{border-radius:12px;border-radius:var(--radius-lg,12px);outline:2px solid var(--color-primary);outline-offset:-2px}.pp-faq-chevron{color:var(--text-secondary);flex-shrink:0;transition:transform .2s ease}.pp-faq-item[open] .pp-faq-chevron{transform:rotate(180deg)}.pp-faq-answer{color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.6;margin:0;padding:0 1.25rem 1rem;padding:0 var(--space-5,1.25rem) var(--space-4,1rem)}.pp-cta{background:#1a1a1a;background:var(--bg-card,#1a1a1a);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:16px;border-radius:var(--radius-xl,16px);margin-top:4rem;margin-top:var(--space-16,4rem);padding:2.5rem;padding:var(--space-10,2.5rem);text-align:center}.pp-cta h2{color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:1.25rem;font-size:var(--text-xl,1.25rem);font-weight:600;font-weight:var(--font-semibold,600);margin:0 0 .75rem;margin:0 0 var(--space-3,.75rem)}.pp-cta p{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:.875rem;font-size:var(--text-sm,.875rem);margin:0 0 1.5rem;margin:0 0 var(--space-6,1.5rem)}.pp-cta-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3,.75rem);justify-content:center}.pp-cta-primary{align-items:center;background:#0ea5e9;background:var(--color-primary,#0ea5e9);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#0a0a0a;color:var(--bg-void,#0a0a0a);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;gap:.5rem;gap:var(--space-2,.5rem);padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);text-decoration:none;touch-action:manipulation;transition:background-color .15s ease}.pp-cta-primary:hover{background:#06b6d4;background:var(--color-primary-hover,#06b6d4)}.pp-cta-primary:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--color-primary,#0ea5e9);outline-offset:2px}.pp-cta-secondary{align-items:center;background:#0000;border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:8px;border-radius:var(--radius-md,8px);color:#ededed;color:var(--text-primary,#ededed);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:500;gap:.5rem;gap:var(--space-2,.5rem);padding:.75rem 1.5rem;padding:var(--space-3,.75rem) var(--space-6,1.5rem);text-decoration:none;touch-action:manipulation;transition:border-color .15s ease,background-color .15s ease}.pp-cta-secondary:hover{background:#1a1a1a;background:var(--bg-card,#1a1a1a);border-color:var(--text-secondary)}.pp-cta-secondary:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--color-primary,#0ea5e9);outline-offset:2px}.pp-hub-grid{grid-gap:1rem;grid-gap:var(--space-4,1rem);display:grid;gap:1rem;gap:var(--space-4,1rem);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem;margin-top:var(--space-6,1.5rem)}.pp-hub-card{background:#1a1a1a;background:var(--bg-card,#1a1a1a);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3,.75rem);padding:1.5rem;padding:var(--space-6,1.5rem);text-decoration:none;transition:border-color .2s ease,background-color .2s ease}.pp-hub-card:hover{background:#161616;background:var(--bg-panel,#161616);border-color:#ffffff26;border-color:var(--border-active,#ffffff26)}.pp-hub-card:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--color-primary,#0ea5e9);outline-offset:2px}.pp-hub-card-title{color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:1rem;font-size:var(--text-md,1rem);font-weight:600;font-weight:var(--font-semibold,600);margin:0}.pp-hub-card-desc{color:#a1a1a1;color:var(--text-secondary,#a1a1a1);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.5;margin:0}.pp-hub-card-meta{color:#0ea5e9;color:var(--color-primary,#0ea5e9);font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:500;font-weight:var(--font-medium,500)}.pp-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2,.5rem);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.pp-filter-btn{background:#1a1a1a;background:var(--bg-card,#1a1a1a);border:1px solid #ffffff12;border:1px solid var(--border-color,#ffffff12);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#a1a1a1;color:var(--text-secondary,#a1a1a1);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-display,"DM Sans",sans-serif);font-size:.75rem;font-size:var(--text-xs,.75rem);font-weight:500;font-weight:var(--font-medium,500);padding:.5rem 1rem;padding:var(--space-2,.5rem) var(--space-4,1rem);touch-action:manipulation;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.pp-filter-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.pp-filter-btn:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--color-primary,#0ea5e9);outline-offset:2px}.pp-filter-btn.active{background:#0ea5e9;background:var(--color-primary,#0ea5e9);border-color:#0000;color:#0a0a0a;color:var(--bg-void,#0a0a0a);font-weight:600}.pp-not-found{padding:5rem 1rem;padding:var(--space-20,5rem) var(--space-4,1rem);text-align:center}.pp-not-found h1{color:var(--text-primary);font-size:1.5rem;font-size:var(--text-2xl,1.5rem);margin-bottom:1rem;margin-bottom:var(--space-4,1rem)}.pp-not-found p{color:var(--text-secondary)}.pp-breadcrumbs,.pp-not-found p{margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem)}.pp-breadcrumbs{align-items:center;display:flex;font-size:.75rem;font-size:var(--text-xs,.75rem);gap:.5rem;gap:var(--space-2,.5rem)}.pp-breadcrumbs,.pp-breadcrumbs a{color:#a1a1a1;color:var(--text-secondary,#a1a1a1)}.pp-breadcrumbs a{text-decoration:none;transition:color .15s ease}.pp-breadcrumbs a:hover{color:var(--text-primary)}.pp-breadcrumbs a:focus-visible{border-radius:2px;outline:2px solid #0ea5e9;outline:2px solid var(--color-primary,#0ea5e9);outline-offset:2px}.pp-breadcrumbs span{color:#a1a1a1;color:var(--text-secondary,#a1a1a1)}@media (max-width:768px){.pp-main{padding:1.5rem 1rem 4rem;padding:var(--space-6,1.5rem) var(--space-4,1rem) var(--space-16,4rem)}.pp-hero h1{font-size:1.5rem;font-size:var(--text-2xl,1.5rem)}.pp-hub-grid,.pp-problem-solution{grid-template-columns:1fr}.pp-table td,.pp-table th{font-size:.75rem;font-size:var(--text-xs,.75rem);padding:.5rem .75rem;padding:var(--space-2,.5rem) var(--space-3,.75rem)}.pp-cta{padding:1.5rem;padding:var(--space-6,1.5rem)}.pp-faq-title{font-size:1.25rem;font-size:var(--text-xl,1.25rem)}}@media (prefers-reduced-motion:reduce){.pp-cta-primary,.pp-cta-secondary,.pp-faq-chevron,.pp-faq-item,.pp-filter-btn,.pp-hub-card{transition:none}}
/*# sourceMappingURL=main.601ee2ea.css.map*/