@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.toast-container{top:var(--space-4);right:var(--space-4);gap:var(--space-2);z-index:10000;max-width:380px;width:calc(100vw - var(--space-8));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);pointer-events:auto;transition:all var(--transition-base);background:#0e0e16d9;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d}.toast:before{content:"";border-radius:var(--radius-sm) 0 0 var(--radius-sm);width:3px;position:absolute;top:0;bottom:0;left:0}.toast--success{border:1px solid #34d39933;box-shadow:0 4px 16px #0006,0 0 10px #34d3990d}.toast--success:before{background:var(--color-status-healthy)}.toast--success .toast__icon{color:var(--color-status-healthy);background:var(--color-status-healthy-bg)}.toast--error{border:1px solid #f8717133;box-shadow:0 4px 16px #0006,0 0 10px #f871710d}.toast--error:before{background:var(--color-status-error)}.toast--error .toast__icon{color:var(--color-status-error);background:var(--color-status-error-bg)}.toast--warning{border:1px solid #fbbf2433;box-shadow:0 4px 16px #0006,0 0 10px #fbbf240d}.toast--warning:before{background:var(--color-status-warning)}.toast--warning .toast__icon{color:var(--color-status-warning);background:var(--color-status-warning-bg)}.toast--info{border:1px solid #6366f133;box-shadow:0 4px 16px #0006,0 0 10px #6366f10d}.toast--info:before{background:var(--color-brand)}.toast--info .toast__icon{color:var(--color-brand-hover);background:var(--color-brand-muted)}.toast__icon{border-radius:var(--radius-full);width:20px;height:20px;font-size:var(--text-2xs);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast__content{flex:1}.toast__message{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium);line-height:1.4}.toast__close{color:var(--color-text-muted);font-size:var(--text-md);padding:var(--space-1);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-self:center;line-height:1}.toast__close:hover{color:var(--color-text-primary)}@keyframes toastIn{0%{opacity:0;transform:translate(120%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.animate-toast-in{animation:.35s cubic-bezier(.175,.885,.32,1.1) forwards toastIn}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);z-index:100;-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar__brand{align-items:center;gap:var(--space-2-5);padding:var(--space-4) var(--space-5);height:var(--topbar-height);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.sidebar__logo{color:var(--color-brand);font-size:var(--text-2xl);text-shadow:0 0 12px #6366f166;line-height:1}.sidebar__title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.sidebar__nav{gap:var(--space-1-5);padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);color:#94a3b8;transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.sidebar__link:active{transform:scale(.97)}.sidebar__link--active{background:var(--color-brand-muted);color:var(--color-brand-hover);font-weight:var(--font-semibold);border-color:#6366f140;box-shadow:0 4px 12px #6366f10d}.sidebar__link--active:hover{background:var(--color-brand-muted)}.sidebar__link-icon{text-align:center;width:20px;font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__link-label{white-space:nowrap;letter-spacing:-.01em;line-height:1.4}.sidebar__footer{padding:var(--space-4) var(--space-4);border-top:1px solid var(--color-border-subtle);background:#ffffff03;flex-shrink:0}.sidebar__env-badge{align-items:center;gap:var(--space-2);font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--color-status-healthy);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);background:var(--color-status-healthy-bg);border-radius:var(--radius-sm);width:fit-content;display:flex}.sidebar__env-dot{border-radius:var(--radius-full);background:var(--color-status-healthy);width:6px;height:6px;animation:2s ease-in-out infinite pulse}.sidebar__quota-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3-5);margin-bottom:var(--space-4);transition:border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);background:#ffffff04}.sidebar__quota-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm);background:#ffffff08}.sidebar__quota-header{margin-bottom:var(--space-2-5);justify-content:space-between;align-items:center;display:flex}.sidebar__quota-plan{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary)}.sidebar__quota-percent{font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--color-brand-hover);background:var(--color-brand-muted);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid #6366f133;line-height:1.2}.sidebar__quota-progress{background:var(--color-bg-primary);border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-2);border:1px solid #ffffff05;overflow:hidden}.sidebar__quota-fill{background:linear-gradient(90deg, var(--color-brand), var(--color-brand-hover));border-radius:var(--radius-full);height:100%}.sidebar__quota-metrics{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3-5);font-family:var(--font-mono);letter-spacing:-.02em}.sidebar__quota-upgrade-btn{justify-content:center;align-items:center;gap:var(--space-1-5);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-brand);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-base);border:1px solid #ffffff1a;display:flex;box-shadow:0 4px 12px #6366f140}.sidebar__quota-upgrade-btn:hover{background:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.sidebar__quota-upgrade-btn:active{transform:translateY(0)scale(.97)}.topbar{height:var(--topbar-height);padding:0 var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);z-index:90;background:#090912b3;justify-content:flex-end;align-items:center;display:flex;position:sticky;top:0}.topbar__left{align-items:center;display:flex}.topbar__search{align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff05;min-width:280px;display:flex}.topbar__search:hover{border-color:var(--color-border-default);background:#ffffff0a;box-shadow:0 4px 12px #0003}.topbar__search-icon{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-muted);background:var(--color-bg-surface);padding:2px var(--space-1-5);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);letter-spacing:.05em}.topbar__search-text{font-size:var(--text-sm);color:var(--color-text-muted)}.topbar__right{align-items:center;gap:var(--space-4);display:flex}.topbar__indicator{align-items:center;gap:var(--space-1-5);font-size:var(--text-2xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;display:flex}.topbar__indicator--live{color:var(--color-status-healthy)}.topbar__indicator-dot{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.topbar__action{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);font-size:var(--text-md);transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;display:flex}.topbar__action:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-subtle);transform:translateY(-1px)}.topbar__action:active{transform:translateY(0)scale(.95)}.topbar__env-switcher{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:#ffffff05;gap:2px;padding:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.topbar__env-switcher.env-switcher--live{border-color:#10b9814d;box-shadow:0 0 16px #10b98114}.topbar__env-switcher.env-switcher--test{border-color:#f59e0b4d;box-shadow:0 0 16px #f59e0b14}.topbar__env-btn{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3-5);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;background:0 0;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.topbar__env-btn:disabled{cursor:not-allowed;opacity:.75}.env-btn__dot{border-radius:var(--radius-full);background:var(--color-text-muted);opacity:.4;width:6px;height:6px;transition:all .2s;display:inline-block}.topbar__env-btn--live .env-btn__dot--live{background:#10b981}.topbar__env-btn--test .env-btn__dot--test{background:#f59e0b}.topbar__env-btn--active .env-btn__dot{opacity:1;box-shadow:0 0 8px}.topbar__env-btn:not(.topbar__env-btn--active):hover{color:var(--color-text-secondary);background:#ffffff0a}.topbar__env-btn:not(.topbar__env-btn--active):hover .env-btn__dot{opacity:.85}.topbar__env-btn--live.topbar__env-btn--active{box-shadow:0 2px 6px #05966959;color:#fff!important;background:#059669!important}.topbar__env-btn--test.topbar__env-btn--active{box-shadow:0 2px 6px #d9770659;color:#fff!important;background:#d97706!important}.topbar__env-btn--pending{background:var(--color-bg-hover)!important;color:var(--color-text-primary)!important}.env-btn__spinner{border-radius:var(--radius-full);border:1.5px solid;border-top-color:#0000;width:8px;height:8px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar__avatar{border-radius:var(--radius-full);background:var(--color-brand-muted);width:32px;height:32px;color:var(--color-brand-hover);font-size:var(--text-xs);font-weight:var(--font-bold);transition:all var(--transition-fast);border:1px solid #6366f126;justify-content:center;align-items:center;display:flex}.topbar__user-menu{align-items:center;display:flex;position:relative}.topbar__avatar-btn{cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.topbar__avatar-btn:hover .topbar__avatar{background:var(--color-brand);color:#fff;border-color:var(--color-brand-hover);box-shadow:0 0 12px #6366f173}.topbar__avatar-btn--active .topbar__avatar{background:var(--color-brand);color:#fff;box-shadow:0 0 14px var(--color-brand);border:1px solid var(--color-brand-hover)}.topbar__dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:250px;box-shadow:var(--shadow-lg), 0 8px 32px #00000080;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) dropdownIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.topbar__dropdown-header{padding:var(--space-3) var(--space-4);background:#ffffff03}.topbar__dropdown-org{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff;display:flex}.topbar__dropdown-org-icon{color:var(--color-brand-hover)}.topbar__dropdown-email{font-size:var(--text-2xs);color:var(--color-text-muted);margin-top:var(--space-0-5);word-break:break-all}.topbar__dropdown-divider{background:var(--color-border-subtle);height:1px}.topbar__dropdown-items{padding:var(--space-1-5);gap:var(--space-0-5);flex-direction:column;display:flex}.topbar__dropdown-item{align-items:center;gap:var(--space-2-5);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.topbar__dropdown-item:hover{background:var(--color-bg-hover);color:#fff}.topbar__dropdown-item-billing{justify-content:space-between;align-items:center;width:100%;display:flex}.topbar__dropdown-plan-badge{font-size:8px;font-weight:var(--font-bold);color:var(--color-brand-hover);background:var(--color-brand-muted);border-radius:var(--radius-sm);text-transform:uppercase;border:1px solid #6366f133;padding:1px 4px}.topbar__dropdown-footer{padding:var(--space-1-5)}.topbar__dropdown-item--logout{color:var(--color-status-error)}.topbar__dropdown-item--logout:hover{color:var(--color-status-error);background:#f871711a}.dashboard{min-height:100vh;display:flex}.dashboard__main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.dashboard__content{padding:var(--space-5);flex:1;min-width:0;position:relative;overflow:hidden auto}body.has-sidebar-open .dashboard__content{z-index:9999}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.card--pad-none{padding:0}.card--pad-sm{padding:var(--space-2-5)}.card--pad-md{padding:var(--space-4)}.card--pad-lg{padding:var(--space-6)}.card--hover:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-sm);cursor:pointer}.metric-card{min-width:0}.metric-card__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.metric-card__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.metric-card__body{align-items:baseline;gap:var(--space-2);display:flex}.metric-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.metric-card__change{font-size:var(--text-xs);font-weight:var(--font-medium)}.metric-card__change--up{color:var(--color-status-healthy)}.metric-card__change--down{color:var(--color-status-error)}.metric-card__change--flat{color:var(--color-text-muted)}.skeleton-group{flex-direction:column;display:flex}.skeleton{background:linear-gradient(90deg, var(--color-bg-surface) 25%, var(--color-bg-hover) 50%, var(--color-bg-surface) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.btn{justify-content:center;align-items:center;gap:var(--space-1-5);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:28px;padding:0 var(--space-2-5);font-size:var(--text-xs)}.btn--md{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--lg{height:36px;padding:0 var(--space-4);font-size:var(--text-base)}.btn--primary{background:var(--color-brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-brand-hover);box-shadow:var(--shadow-glow-brand)}.btn--secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-active)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn--danger{background:var(--color-status-error-bg);color:var(--color-status-error);border:1px solid #f8717133}.btn--danger:hover:not(:disabled){background:#f8717133}.btn__icon{align-items:center;font-size:1em;display:flex}.btn__spinner{border-radius:var(--radius-full);border:2px solid;border-top-color:#0000;width:14px;height:14px;animation:.6s linear infinite spin}.error-state{padding:var(--space-12) var(--space-6);text-align:center;animation:fadeIn var(--transition-base) both;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-state__icon{margin-bottom:var(--space-3);opacity:.7;font-size:2rem}.error-state__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-status-error);margin-bottom:var(--space-1)}.error-state__message{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px;margin-bottom:var(--space-4)}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;animation:fadeIn var(--transition-base) both;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{color:var(--color-text-muted);margin-bottom:var(--space-4);opacity:.6;font-size:2.5rem}.empty-state__title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.empty-state__desc{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px;margin-bottom:var(--space-4)}.overview-page{gap:var(--space-6);flex-direction:column;max-width:1600px;margin:0 auto;display:flex}.overview-page__header{justify-content:space-between;align-items:center;display:flex}.overview-page__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.overview-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-0-5)}.metrics-bar{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.overview-page__grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=1200px){.overview-page__grid{grid-template-columns:1fr}}.live-stream-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;height:480px;display:flex}.live-stream-panel__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.live-stream-panel__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em}.live-stream-panel__pulsar{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-status-healthy);display:flex}.live-stream-panel__pulsar-dot{border-radius:var(--radius-full);background:var(--color-status-healthy);width:6px;height:6px;animation:2s ease-in-out infinite pulse}.live-stream-panel__body{padding:var(--space-2);flex:1;overflow-y:auto}.live-stream-list{gap:var(--space-3);flex-direction:column;display:flex}.live-stream-item{gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-elevated);transition:background var(--transition-fast);border-left:none;display:flex}.live-stream-item:hover{background:var(--color-bg-hover)}.live-stream-item__icon{font-size:var(--text-md);font-weight:var(--font-bold);flex-shrink:0;align-items:center;display:flex}.live-stream-item__content{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.live-stream-item__message{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-normal);word-break:break-word;line-height:1.4}.live-stream-item__meta{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.live-stream-item__type{color:var(--color-brand-hover)}.live-stream-item__source{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);padding:0 var(--space-1-5);border-radius:var(--radius-sm)}.live-stream-item__divider{color:var(--color-text-muted)}.live-stream-item__time{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.live-stream-item--severity-info .live-stream-item__icon{color:var(--color-status-info)}.live-stream-item--severity-success .live-stream-item__icon{color:var(--color-status-healthy)}.live-stream-item--severity-warning .live-stream-item__icon{color:var(--color-status-warning)}.live-stream-item--severity-error{background:var(--color-status-error-bg)}.live-stream-item--severity-error .live-stream-item__icon{color:var(--color-status-error)}.replay-intel{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);flex-direction:column;height:480px;display:flex}.replay-intel__header{justify-between:space-between;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-3);flex-shrink:0;align-items:center;display:flex}.replay-intel__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em}.replay-intel__shield{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-brand-hover);background:var(--color-brand-muted);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm)}.replay-intel__body{gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.replay-intel__metric-row{gap:var(--space-4);display:flex}.replay-intel__metric-item{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);padding:var(--space-3);border-radius:var(--radius-md);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.replay-intel__metric-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.replay-intel__metric-value{font-size:var(--text-md);font-weight:var(--font-bold)}.replay-intel__list{gap:var(--space-3);flex-direction:column;display:flex}.replay-intel__item{gap:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);padding:var(--space-3);border-radius:var(--radius-md);display:flex}.replay-intel__item-icon{font-size:var(--text-md);font-weight:var(--font-bold);flex-shrink:0}.replay-intel__item-content{gap:var(--space-0-5);flex-direction:column;display:flex}.replay-intel__item-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.replay-intel__item-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.text-success{color:var(--color-status-healthy)}.text-warning{color:var(--color-status-warning)}.text-info{color:var(--color-status-info)}.failure-investigation-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-lg);transition:transform var(--transition-base), border-color var(--transition-base);background:#17172e73}.failure-investigation-card:hover{border-color:var(--color-border-active)}.failure-investigation-card__title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-2) 0;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text}.failure-investigation-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-5) 0;line-height:var(--line-height-normal)}.failure-investigation-card__search-bar{gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.failure-investigation-card__input{border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-2-5) var(--space-4);font-size:var(--text-sm);color:var(--color-text-primary);transition:all var(--transition-fast);background:#0003;flex:1}.failure-investigation-card__input:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 16px #6366f126}.failure-investigation-card__button{background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-hover) 100%);border-radius:var(--radius-md);color:#fff;padding:0 var(--space-6);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border:1px solid #ffffff1a;box-shadow:0 4px 12px #6366f133}.failure-investigation-card__button:hover{background:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.failure-investigation-card__button:active{transform:translateY(0)scale(.97)}.failure-investigation-card__button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.failure-investigation-card__alert{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:500}.alert-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}.alert-success{color:#a7f3d0;background:#10b9811f;border:1px solid #10b98140}.failure-investigation-card__trace-view{background:#11131a80;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.trace-meta{border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.trace-meta__item{color:#d1d5db;font-size:.85rem}.trace-meta__status{letter-spacing:.05em;border-radius:9999px;margin-left:auto;padding:4px 10px;font-size:.75rem;font-weight:700}.trace-timeline{flex-direction:column;gap:24px;display:flex;position:relative}.trace-timeline__step{gap:20px;display:flex;position:relative}.trace-timeline__line{z-index:1;background:#ffffff14;width:2px;position:absolute;top:40px;bottom:-24px;left:20px}.trace-timeline__step:last-child .trace-timeline__line{display:none}.trace-timeline__node{z-index:2;background:#1f2937;border:2px solid #0000;border-radius:50px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex;box-shadow:0 4px 12px #00000040}.trace-timeline__content{background:#1e202a73;border:1px solid #ffffff0d;border-radius:10px;flex:1;transition:border-color .2s;overflow:hidden}.trace-timeline__content:hover{border-color:#ffffff1f}.trace-timeline__header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.trace-timeline__info{align-items:center;gap:12px;display:flex}.trace-timeline__stage-name{color:#fff;letter-spacing:.02em;margin:0;font-size:.9rem;font-weight:700}.trace-timeline__status-badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:600}.trace-timeline__toggle{color:#9ca3af;font-size:.8rem;font-weight:500}.trace-timeline__details{background:#11131ae6;border-top:1px solid #ffffff14;padding:16px}.trace-timeline__json{color:#a7f3d0;white-space:pre-wrap;max-height:250px;margin:0;font-family:Fira Code,Courier New,monospace;font-size:.8rem;overflow-y:auto}.trace-timeline__action-pane{border-top:1px solid #ffffff14;justify-content:flex-end;margin-top:12px;padding-top:12px;display:flex}.trace-timeline__replay-btn{color:#34d399;cursor:pointer;background:#10b9811f;border:1px solid #10b98159;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s;display:flex}.trace-timeline__replay-btn:hover{background:#10b98133;border-color:#34d399}.status-success{color:#34d399!important;background:#10b9811a!important;border-color:#10b981!important}.status-pending{color:#fbbf24!important;background:#f59e0b1a!important;border-color:#f59e0b!important}.status-error{color:#fca5a5!important;background:#ef44441a!important;border-color:#ef4444!important}.status-neutral{color:#9ca3af!important;background:#6b72801a!important;border-color:#6b7280!important}.failure-investigation-card__empty{text-align:center;color:#9ca3af;padding:40px 20px;font-size:.95rem}.events-page{gap:var(--space-4);flex-direction:column;max-width:1600px;margin:0 auto;display:flex}.events-page__header{justify-content:space-between;align-items:center;display:flex}.events-page__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.events-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-0-5)}.events-filters{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:var(--space-3);background:#ffffff04;flex-direction:column;display:flex}.filters-grid{gap:var(--space-4);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}@media (width<=900px){.filters-grid{grid-template-columns:1fr}}.filter-item{gap:var(--space-1);flex-direction:column;display:flex}.filter-label{font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.filter-input,.filter-select{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-sm)}.filter-input:focus,.filter-select:focus{border-color:var(--color-border-active);outline:none}.filters-actions{justify-content:flex-end;display:flex}.events-list-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff03;flex-direction:column;display:flex;overflow:hidden}.events-table-wrapper{overflow-x:auto}.events-table{border-collapse:collapse;text-align:left;width:100%;min-width:1000px}.events-table th{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-default);background:var(--color-bg-elevated)}.events-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle;font-size:13px}.events-table tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer;transition:background var(--transition-fast)}.clickable-row:hover td{background:var(--color-bg-hover)}.type-badge{font-size:var(--text-2xs);font-weight:var(--font-semibold);border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 8px}.type-badge.type-native_transfer{color:#38bdf8;background:#0ea5e91a}.type-badge.type-token_transfer{color:#c084fc;background:#a855f71a}.chain-cell{color:var(--color-text-secondary)}.block-cell{color:var(--color-text-secondary);font-weight:var(--font-medium)}.truncate-hash{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--color-text-muted);overflow:hidden}.value-cell{font-weight:var(--font-semibold)}.addr-cell{color:var(--color-text-secondary)}.addr-direction{align-items:center;gap:var(--space-2);display:flex}.addr-direction .arrow{color:var(--color-text-muted)}.status-badge{font-size:var(--text-2xs);font-weight:var(--font-bold);border-radius:var(--radius-sm);text-transform:uppercase;white-space:nowrap;padding:2px 6px}.status-badge.status-received{background:var(--color-status-neutral-bg);color:var(--color-status-neutral)}.status-badge.status-normalized{background:var(--color-status-info-bg);color:var(--color-status-info)}.status-badge.status-matched{background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.status-badge.status-failed{background:var(--color-status-error-bg);color:var(--color-status-error)}.status-badge.status-confirmed{background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.status-badge.status-pending{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.status-badge.status-processing{background:var(--color-status-info-bg);color:var(--color-status-info)}.status-badge.status-retrying{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.status-badge.status-completed{background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.status-badge.status-none{background:var(--color-status-neutral-bg);color:var(--color-status-neutral)}.pagination-bar{padding:var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);justify-content:space-between;align-items:center;display:flex}.pagination-page-indicator{font-size:var(--text-xs);color:var(--color-text-primary);font-weight:var(--font-semibold);padding:0 var(--space-2)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);white-space:nowrap;position:relative}.sortable-header:hover{color:var(--color-text-primary)!important}.sort-indicator{vertical-align:middle;color:var(--color-brand);margin-left:6px;font-size:10px;display:inline-block}.event-detail-page{gap:var(--space-4);flex-direction:column;max-width:1600px;margin:0 auto;display:flex}.event-detail-page__nav{align-items:center;display:flex}.event-detail-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.event-detail-main{flex-direction:column;width:100%;min-width:0;display:flex}.event-header-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);background:#ffffff04}.event-header-card__title-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.event-type-tag{font-size:var(--text-2xs);text-transform:uppercase;font-weight:var(--font-bold);border-radius:var(--radius-sm);margin-bottom:var(--space-1);padding:2px 6px;display:inline-block}.event-type-tag.native_transfer{color:#38bdf8;background:#0ea5e91a}.event-type-tag.token_transfer{color:#c084fc;background:#a855f71a}.event-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);max-width:700px}.event-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.event-status-badge{font-size:var(--text-2xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-full);text-transform:uppercase}.event-status-badge.status-received{background:var(--color-status-neutral-bg);color:var(--color-status-neutral)}.event-status-badge.status-normalized{background:var(--color-status-info-bg);color:var(--color-status-info)}.event-status-badge.status-matched{background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.event-status-badge.status-failed{background:var(--color-status-error-bg);color:var(--color-status-error)}.pipeline-journey{gap:var(--space-3);margin-top:var(--space-4);border:1px solid var(--color-border-subtle);padding:var(--space-5);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff03;flex-direction:column;display:flex}.section-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em}.journey-steps{justify-content:space-between;gap:var(--space-4);display:flex;position:relative}.journey-steps:before{content:"";background:var(--color-border-default);z-index:1;height:2px;position:absolute;top:15px;left:20px;right:20px}.journey-step{align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);z-index:2;flex:1;display:flex}.step-marker{border-radius:var(--radius-full);background:var(--color-bg-elevated);border:2px solid var(--color-border-default);width:32px;height:32px;font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.step-details{flex-direction:column;display:flex}.step-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.step-time{font-size:var(--text-2xs);color:var(--color-text-muted)}.journey-step.completed .step-marker{background:var(--color-status-healthy);border-color:var(--color-status-healthy);color:var(--color-bg-primary)}.journey-step.completed .step-name{color:var(--color-text-primary)}.journey-step.completed .step-time{color:var(--color-status-healthy)}.payloads-grid{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=1100px){.payloads-grid{grid-template-columns:1fr}}.payload-column{gap:var(--space-2);flex-direction:column;display:flex}.payload-column__header{justify-content:space-between;align-items:center;display:flex}.payload-column__header h3{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.schema-badge{font-size:var(--text-2xs);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:1px 6px}.code-viewer-card{border:1px solid var(--color-border-default);background:#0d0e12;height:480px;overflow:auto}.code-block{padding:var(--space-4);font-size:var(--text-xs);color:#a5b4fc;white-space:pre-wrap;word-break:break-all;line-height:1.5}@media (width<=768px){.journey-steps{gap:var(--space-3);flex-direction:column}.journey-steps:before{display:none}.journey-step{flex:unset;width:100%}}.event-metadata-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:var(--space-4);background:#ffffff04}.metadata-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.metadata-item{gap:var(--space-1);flex-direction:column;display:flex}.metadata-value{font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-all}.triggered-workflows{margin-top:var(--space-6)}.workflows-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.workflow-run-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-3);transition:border-color var(--transition-fast);overflow:hidden}.workflow-run-card:hover{border-color:var(--color-border-default)}.workflow-run-summary{padding:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}@media (width<=640px){.workflow-run-summary{align-items:flex-start;gap:var(--space-2);flex-direction:column}.workflow-run-summary__actions{justify-content:space-between;width:100%;display:flex}}.workflow-run-title{align-items:center;gap:var(--space-3);display:flex}.workflow-run-title h4{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.workflow-run-meta{align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.workflow-run-details{border-top:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);padding:var(--space-4)}.error-message-box{background:var(--color-status-error-bg);border:1px solid var(--color-status-error);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-xs);color:var(--color-status-error);font-family:var(--font-mono);word-break:break-all}.steps-list{gap:var(--space-3);flex-direction:column;display:flex}.step-item-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3)}.step-item-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.step-item-title{align-items:center;gap:var(--space-2);font-weight:var(--font-bold);font-size:var(--text-xs);color:var(--color-text-primary);display:flex}.step-payloads{margin-top:var(--space-3);gap:var(--space-3);border-top:1px dashed var(--color-border-default);padding-top:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=768px){.step-payloads{grid-template-columns:minmax(0,1fr)}}.payload-block{gap:var(--space-1);flex-direction:column;display:flex}.payload-block h5{font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;color:var(--color-text-muted)}.payload-block pre{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-2);color:#a5b4fc;background:#0d0e12;max-height:150px;font-size:11px;overflow:auto}@keyframes success-glow{0%{border-color:var(--color-status-healthy);background-color:#10b9810d;box-shadow:0 0 #10b98166}50%{border-color:var(--color-status-healthy);background-color:#10b98114;box-shadow:0 0 0 8px #10b98126}to{box-shadow:0 0 #10b98100}}.animate-success-transition{transition:border-color .5s,background-color .5s;animation:2s cubic-bezier(.25,.8,.25,1) success-glow}.run-switcher{align-items:center;display:inline-flex}.run-switcher-select{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-semibold);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);outline:none;padding:2px 8px}.run-switcher-select:hover{border-color:var(--color-border-default);color:var(--color-text-primary)}.run-switcher-select option{background:var(--color-bg-elevated);color:var(--color-text-secondary)}.live-stream-container{background:var(--color-bg-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;height:100%;min-height:400px;display:flex;overflow:hidden}.live-stream-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.stream-status{align-items:center;gap:10px;display:flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px}.status-dot.pulse{animation:2s infinite pulse-green}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.status-text{letter-spacing:.05em;color:#10b981;font-size:12px;font-weight:700}.stream-metrics{gap:16px;display:flex}.metric{color:var(--color-text-secondary);font-size:11px;font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.live-stream-feed{background:radial-gradient(circle,#10b98105 0%,#0000 100%);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.empty-stream{height:100%;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-icon{color:var(--color-brand-default);opacity:.5}.empty-stream p{color:var(--color-text-secondary);font-size:14px;font-weight:500}.empty-subtext{text-align:center;max-width:300px;font-size:12px}.stream-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-brand-default);border-radius:var(--radius-md);padding:8px 10px;transition:all .3s}.stream-card.slide-down{animation:.5s cubic-bezier(.16,1,.3,1) forwards slide-down-fade}@keyframes slide-down-fade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.stream-card-header{border-bottom:1px dashed var(--color-border-subtle);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.stream-card-title{color:var(--color-text-primary);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.chain-name{text-transform:capitalize}.event-type{color:var(--color-text-secondary);font-size:9px;font-family:var(--font-mono);background:#ffffff0d;border-radius:4px;padding:2px 4px}.stream-card-time{color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono);align-items:center;gap:4px;display:flex}.stream-card-body{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.stream-row{flex-direction:column;gap:4px;display:flex}.stream-label{color:var(--color-text-muted);font-size:10px;font-weight:600}.stream-value{color:var(--color-text-secondary);font-size:12px}.stream-value.highlight{color:#10b981;font-weight:600}.stream-value.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.stream-card-footer{justify-content:space-between;align-items:center;padding-top:8px;display:flex}.block-number{color:var(--color-text-muted);font-size:11px;font-family:var(--font-mono)}.chain-list-empty{color:var(--color-text-muted);font-size:var(--text-sm)}.watchlist-card-row:hover,.watchlist-card-row:focus-within,.workflow-card-row:hover,.workflow-card-row:focus-within{z-index:120!important}.chain-list-vertical-wrapper{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.chain-list-vertical{flex-direction:column;gap:8px;width:100%;display:flex}.chain-list-vertical .chain-tag{box-sizing:border-box;width:100%;max-width:220px;display:flex}.chain-tag{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);border:1px solid #ffffff14;width:fit-content;padding:6px 12px;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0000001a}.chain-tag:hover{color:var(--color-text-primary);border-color:var(--chain-brand-color)!important;background:#ffffff0a!important}.chain-tag-icon-container{justify-content:center;align-items:center;display:flex}.chain-tag-fallback{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-muted);padding:6px 12px;display:inline-flex}.chain-list-toggle-btn{border-radius:var(--radius-full);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:var(--font-semibold);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:4px 12px;transition:all .2s;display:inline-flex}.chain-list-toggle-btn:hover{color:var(--color-text-primary);background:#ffffff0f;border-color:#ffffff26}.chain-list-toggle-btn:active{transform:scale(.98)}.chain-list-horizontal-wrapper{align-items:center;display:inline-flex;position:relative}.chain-list-horizontal{align-items:center;display:flex}.chain-badge-mini{border-radius:var(--radius-full);background:var(--color-bg-elevated);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex;box-shadow:0 2px 5px #0003}.chain-badge-mini:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000004d;z-index:20!important}.chain-badge-mini-extra{border-radius:var(--radius-full);background:var(--color-bg-elevated);border:2px solid var(--color-bg-secondary);width:32px;height:32px;font-size:11px;font-weight:var(--font-bold);color:var(--color-text-secondary);z-index:5;cursor:pointer;justify-content:center;align-items:center;margin-left:-10px;transition:all .2s;display:flex;box-shadow:0 2px 5px #0003}.chain-badge-mini-extra:hover{background:var(--color-brand);color:#fff;transform:translateY(-1px)}.chain-popover-container{display:inline-flex;position:relative}.chain-list-popover-menu{z-index:300;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);background:#0d0d14f2;border:1px solid #ffffff14;flex-direction:column;gap:6px;width:230px;padding:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px #0009,inset 0 1px 1px #ffffff0d}.popover-header{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:var(--font-bold);color:var(--color-text-muted);border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;margin-bottom:4px;padding-bottom:8px;padding-left:4px;display:flex}.popover-header .header-icon{color:var(--color-brand)}.popover-scroll-area{flex-direction:column;gap:2px;max-height:140px;padding-right:4px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}.popover-scroll-area::-webkit-scrollbar{width:4px}.popover-scroll-area::-webkit-scrollbar-track{background:0 0}.popover-scroll-area::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.popover-scroll-area::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.popover-list-item{border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:12px;padding:8px 10px;transition:background .15s,color .15s;display:flex}.popover-list-item:hover{color:var(--color-text-primary);background:#ffffff0d}.popover-list-item-icon{justify-content:center;align-items:center;display:flex}.popover-list-item-label{font-weight:var(--font-medium)}.popover-list-item-fallback{font-size:var(--text-2xs);color:var(--color-text-muted);padding:6px 10px}.popover-scroll-indicator{color:var(--color-text-muted);opacity:.6;justify-content:center;align-items:center;padding-top:4px;display:flex}.indicator-arrow{animation:1.5s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes scaleUp{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.animate-scale-up{animation:.18s cubic-bezier(.16,1,.3,1) forwards scaleUp}.multi-select-dropdown{z-index:100;width:100%;position:relative}.multi-select-dropdown.is-open{z-index:99999!important}.multi-select-trigger{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:100%;height:42px;color:var(--color-text-primary);padding:0 var(--space-3);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);justify-content:space-between;align-items:center;font-family:inherit;display:flex}.multi-select-trigger:hover{border-color:var(--color-border-active)}.multi-select-trigger.open{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-brand-muted)}.multi-select-trigger__text{align-items:center;gap:var(--space-2);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.multi-select-trigger__icons{flex-shrink:0;align-items:center;gap:2px;display:flex}.multi-select-trigger__icon-badge{border-radius:var(--radius-full);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);justify-content:center;align-items:center;width:26px;height:26px;display:flex}.multi-select-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.multi-select-chevron.rotated{transform:rotate(180deg)}.multi-select-menu{border:1.5px solid var(--color-border-active);border-radius:var(--radius-md);box-shadow:var(--shadow-lg), 0 8px 30px #0009;z-index:100000;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;background:var(--color-bg-surface)!important}.multi-select-dropdown.open-up .multi-select-menu{top:auto;bottom:calc(100% + 4px)}.multi-select-menu::-webkit-scrollbar{width:4px}.multi-select-menu::-webkit-scrollbar-track{background:0 0}.multi-select-menu::-webkit-scrollbar-thumb{background:var(--color-border-active);border-radius:var(--radius-full)}.multi-select-menu::-webkit-scrollbar-thumb:hover{background:var(--color-brand)}.multi-select-item{align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.multi-select-item:hover{background:#ffffff0a}.multi-select-item.selected{background:var(--color-brand-muted);color:#fff}.multi-select-item__checkbox{border:1.5px solid var(--color-border-active);width:16px;height:16px;transition:all var(--transition-fast);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.multi-select-item.selected .multi-select-item__checkbox{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.multi-select-item__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.multi-select-item__label{flex:1}.multi-select-item__short{font-size:10px;font-weight:var(--font-medium);color:var(--color-text-muted)}.workflows-page{gap:var(--space-6);flex-direction:column;max-width:1600px;margin:0 auto;display:flex}.workflows-page__header{justify-content:space-between;align-items:center;display:flex}.workflows-page__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.workflows-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-0-5)}.workflows-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.workflow-card{gap:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff04;flex-direction:column;display:flex}.workflow-card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-md), var(--shadow-glow-brand);background:#ffffff08;transform:translateY(-2px)}.workflow-card:active{transform:translateY(-1px)scale(.99)}.workflow-card__header{justify-content:space-between;align-items:flex-start;display:flex}.workflow-card__name{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary)}.workflow-card__version{font-size:var(--text-2xs);color:var(--color-text-muted);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);margin-top:var(--space-1);padding:1px 4px;display:inline-block}.workflow-status-badge{font-size:var(--text-2xs);font-weight:var(--font-bold);border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 6px}.workflow-status-badge.enabled{background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.workflow-status-badge.disabled{background:var(--color-status-neutral-bg);color:var(--color-status-neutral)}.workflow-card__desc{font-size:var(--text-xs);color:var(--color-text-secondary);flex:1;line-height:1.4}.workflow-card__rules{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);padding:var(--space-3);border-radius:var(--radius-md);gap:var(--space-1-5);flex-direction:column;display:flex}.rules-label{font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase}.rules-summary{font-size:var(--text-xs);color:var(--color-brand-hover);word-break:break-all}.workflow-card__footer{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.workflow-card__stat{flex-direction:column;display:flex}.stat-label{font-size:var(--text-2xs);color:var(--color-text-muted);text-transform:uppercase}.stat-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.workflow-card__action-btn{color:var(--color-brand-hover);font-weight:var(--font-semibold);font-size:var(--text-xs)}.workflow-banner-card{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-8);box-shadow:var(--shadow-glow-brand);background:linear-gradient(135deg,#0f0f1b 0%,#6366f114 100%);display:flex}.workflow-banner-card__content{gap:var(--space-2);flex-direction:column;max-width:800px;display:flex}.banner-badge{font-size:10px;font-weight:var(--font-bold);color:var(--color-brand-hover);letter-spacing:.08em}.workflow-banner-card h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;letter-spacing:-.02em}.workflow-banner-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.workflow-banner-card__action{flex-shrink:0}.templates-section{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-4);flex-direction:column;display:flex}.templates-section__header h3{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-text-primary)}.templates-section__header p{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.templates-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.template-card{gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-default);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;flex-direction:column;display:flex;position:relative}.template-card:hover{border-color:var(--color-brand-hover);box-shadow:var(--shadow-glow-brand)}.template-card__icon-header{justify-content:space-between;align-items:center;display:flex}.template-card__emoji{font-size:var(--text-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);justify-content:center;align-items:center;width:38px;height:38px;display:flex}.template-card__chain-badges{align-items:center;display:flex}.chain-badge-mini{font-size:8px;font-weight:var(--font-bold);font-family:var(--font-mono);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);padding:1px 4px}.template-card:hover .chain-badge-mini{border-color:var(--color-border-active)}.template-card__desc{font-size:var(--text-xs);color:var(--color-text-secondary);flex:1;line-height:1.5}.template-card__channels{gap:var(--space-1);flex-wrap:wrap;display:flex}.channel-tag-mini{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);padding:1px 6px;font-size:9px}.template-card__btn{color:var(--color-brand-hover);font-weight:var(--font-semibold);font-size:var(--text-xs);align-self:flex-start;padding:0!important}.wizard-layout{gap:var(--space-4);flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex}.wizard-layout__nav{margin-bottom:var(--space-2)}.wizard-cols{gap:var(--space-8);grid-template-columns:1fr 360px;align-items:start;display:grid}.wizard-cols.step-4{grid-template-columns:1fr}.wizard-progress-bar{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.progress-step{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:color var(--transition-fast);display:flex}.progress-step__num{border-radius:var(--radius-full);border:1px solid var(--color-border-active);width:22px;height:22px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:11px;display:flex}.progress-step.active{color:#fff}.progress-step.active .progress-step__num{border-color:var(--color-brand-hover);background:var(--color-brand-muted);color:var(--color-brand-hover);box-shadow:var(--shadow-glow-brand)}.progress-step.completed{color:var(--color-status-healthy)}.progress-step.completed .progress-step__num{border-color:var(--color-status-healthy);background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.progress-line{background:var(--color-border-subtle);height:1px;margin:0 var(--space-4);flex:1}.step-pane{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-5);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.step-header{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-3);margin-bottom:var(--space-1)}.step-header h2{font-size:var(--text-md);font-weight:var(--font-bold);color:#fff}.step-header p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:4px}.wizard-actions{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4);align-items:center;display:flex}.crypto-icon{color:var(--color-text-muted);transition:all .3s}.crypto-icon:hover{color:var(--color-text-secondary)}.crypto-icon.active{filter:drop-shadow(0 0 4px)}.ast-translation-card{background:linear-gradient(135deg, var(--color-bg-elevated) 0%, #6366f108 100%);border:1px solid #6366f140;box-shadow:0 4px 16px #0000004d}.ast-translation-card__header{justify-content:space-between;align-items:center;display:flex}.bullet-title{font-size:10px;font-weight:var(--font-bold);color:var(--color-brand-hover);letter-spacing:.08em}.translation-text{font-size:var(--text-xs);color:var(--color-text-primary);word-break:break-word;line-height:1.5}.ast-builder-box{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.ast-builder-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:#ffffff03;justify-content:space-between;align-items:center;display:flex}.operator-select-group{align-items:center;gap:var(--space-3);display:flex}.operator-label{color:var(--color-text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.ast-rows-list{padding:var(--space-4);gap:var(--space-2-5);flex-direction:column;display:flex}.empty-ast-rules{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-4) 0;font-style:italic}.ast-row{align-items:center;gap:var(--space-2-5);background:var(--color-bg-secondary);border:1px solid var(--color-border-default);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);display:flex;position:relative}.ast-row__index{color:var(--color-text-muted);width:14px;font-size:10px}.ast-row__delete-btn{font-size:var(--text-lg);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;line-height:1}.ast-row__delete-btn:hover{color:var(--color-status-error)}.actions-dynamic-list{gap:var(--space-3);flex-direction:column;display:flex}.actions-empty-state{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--color-text-muted);text-align:center;font-size:var(--text-sm);background:var(--color-bg-elevated);border:1px dashed var(--color-border-default);border-radius:var(--radius-lg);flex-direction:column;display:flex}.action-instance-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-left:4px solid var(--action-color,var(--color-brand));border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);box-shadow:var(--shadow-sm);overflow:hidden}.action-instance-card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-md), 0 4px 20px #0003;transform:translateY(-2px)}.action-instance-card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:#ffffff05;justify-content:space-between;align-items:center;display:flex}.action-instance-card__type-badge{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);border:1px solid;display:flex}.action-instance-card__idx{color:var(--color-text-muted);background:var(--color-bg-elevated);border-radius:var(--radius-sm);padding:1px 6px;font-size:10px}.action-instance-card__remove{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.action-instance-card__remove:hover{background:var(--color-status-error-bg);border-color:var(--color-status-error);color:var(--color-status-error)}.action-instance-card__fields{padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.action-add-section{margin-top:var(--space-1)}.action-add-trigger{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-family:inherit;display:flex}.action-add-trigger:hover{border-color:var(--color-brand-hover);color:var(--color-brand-hover);background:var(--color-brand-muted)}.action-picker-grid{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.action-picker-label{font-size:10px;font-weight:var(--font-bold);color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase}.action-picker-options{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.action-picker-option{align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;display:flex}.action-picker-option:hover{border-color:var(--action-color,var(--color-brand));color:var(--action-color,var(--color-brand));background:var(--color-bg-surface);box-shadow:0 0 10px color-mix(in srgb, var(--action-color,var(--color-brand)) 20%, transparent)}.action-picker-cancel{padding:var(--space-1-5) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-self:flex-start;font-family:inherit}.action-picker-cancel:hover{color:var(--color-text-secondary);border-color:var(--color-border-active)}.form-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;width:100%;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);align-items:center;gap:var(--space-1);display:flex}.form-input,.form-textarea{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-sm);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-brand-muted);outline:none}.custom-select-wrapper{align-items:center;width:100%;display:flex;position:relative}.custom-select-wrapper select{appearance:none;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:100%;height:38px;color:var(--color-text-primary);padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;font-family:inherit}.custom-select-wrapper select:hover{border-color:var(--color-border-active)}.custom-select-wrapper select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-brand-muted);outline:none}.custom-select-wrapper .select-chevron{right:var(--space-3);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute}.custom-select-wrapper:hover .select-chevron{color:var(--color-text-secondary)}.chain-icon-mini-wrapper{border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.template-card:hover .chain-icon-mini-wrapper{border-color:var(--color-border-active)}.simulator-controls-row{background:var(--color-bg-elevated);padding:var(--space-3-5) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.toggle-sim-type{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.sim-toggle-label{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.sim-buttons-group{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;overflow:hidden}.sim-btn{padding:var(--space-2) var(--space-4);font-size:11px;font-weight:var(--font-semibold);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;font-family:inherit}.sim-btn.active{background:var(--color-status-healthy-bg);color:var(--color-status-healthy);border-right:1px solid var(--color-border-subtle)}.sim-btn.active-fail{background:var(--color-status-error-bg);color:var(--color-status-error)}.sim-spinner-icon{animation:1.5s linear infinite spinCog}.deg-animation-box-wide{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6);width:100%;margin-top:var(--space-4);background:#07070a;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0009}.mono-title{font-size:10px;font-weight:var(--font-bold);color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-mono)}.deg-vertical-pipeline{padding:var(--space-8) 0 var(--space-4);align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.deg-v-node{align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-6);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:100%;max-width:480px;margin:var(--space-1) 0;transition:all .4s;display:flex;position:relative}.deg-v-node.processing{border-color:var(--color-brand);box-shadow:0 0 16px #6366f133}.deg-v-node.success{border-color:var(--color-status-healthy);box-shadow:0 0 12px #34d39926}.deg-v-node.failed{border-color:var(--color-status-error);box-shadow:0 0 12px #f8717126}.deg-v-node.dimmed{opacity:.3}.deg-v-node__icon{border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);width:44px;height:44px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:all .4s;display:flex}.deg-v-node.processing .deg-v-node__icon{border-color:var(--color-brand);color:var(--color-brand)}.deg-v-node.success .deg-v-node__icon{border-color:var(--color-status-healthy);color:var(--color-status-healthy);background:var(--color-status-healthy-bg)}.deg-v-node.failed .deg-v-node__icon{border-color:var(--color-status-error);color:var(--color-status-error);background:var(--color-status-error-bg)}.deg-v-node__icon.hex-shape{border-radius:var(--radius-md);transform:rotate(0)}.deg-v-node__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.deg-v-node__label{font-size:11px;font-weight:var(--font-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em}.deg-v-node__sub{color:var(--color-text-muted);font-size:10px}.deg-v-node__result-badge{font-size:9px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:4px;width:fit-content;margin-top:4px;padding:2px 8px;display:inline-flex}.deg-v-node__result-badge.success{background:var(--color-status-healthy-bg);color:var(--color-status-healthy);border:1px solid #34d3994d}.deg-v-node__result-badge.failed{background:var(--color-status-error-bg);color:var(--color-status-error);border:1px solid #f871714d}.deg-v-node__status{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.status-dot{border-radius:var(--radius-full);background:var(--color-border-default);width:8px;height:8px}.status-dot.idle{background:var(--color-border-default)}.status-spinner{color:var(--color-brand);animation:1.5s linear infinite spinCog}.status-check{color:var(--color-status-healthy)}.status-fail{color:var(--color-status-error)}.deg-v-pipe{background:var(--color-border-subtle);border-radius:var(--radius-full);width:3px;height:52px;margin:var(--space-0-5) 0;transition:background-color .3s;position:relative;overflow:hidden}.deg-v-pipe.active{background:#34d39933}.deg-v-pipe.blocked{background:#f8717126}@keyframes flowVerticalParticle{0%{opacity:0;top:0%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}.deg-v-particle{background:var(--color-status-healthy);border-radius:var(--radius-full);width:7px;height:7px;box-shadow:0 0 8px var(--color-status-healthy);animation:1.2s cubic-bezier(.25,.46,.45,.94) infinite flowVerticalParticle;position:absolute;left:50%;transform:translate(-50%)}@keyframes spinCog{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deg-v-node__icon.spinning{border-color:var(--color-brand);color:var(--color-brand);animation:2.5s linear infinite spinCog}@keyframes pulseGlow{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 8px #6366f100}}.deg-v-node__icon.pulsing{border-color:var(--color-brand);color:var(--color-brand);animation:1.6s ease-in-out infinite pulseGlow}@keyframes radarScan{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 12px #6366f100}to{box-shadow:0 0 #6366f100}}.deg-v-node__icon.scanning{animation:1.4s ease-out infinite radarScan;border-color:var(--color-brand-hover)!important;color:var(--color-brand-hover)!important}.deg-fanout-tree{width:100%;max-width:480px;margin-top:var(--space-2);flex-direction:column;align-items:center;display:flex}.deg-fanout-tree__trunk{border-radius:var(--radius-full);background:#34d3994d;width:3px;height:28px}.deg-fanout-tree__branches{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.deg-fanout-leaf{opacity:.35;align-items:center;gap:0;width:100%;transition:opacity .4s;display:flex}.deg-fanout-leaf.active{opacity:1}.deg-fanout-leaf__branch-line{background:var(--color-border-subtle);border-radius:var(--radius-full);flex:0 0 40px;height:2px;margin-left:auto;transition:background-color .4s}.deg-fanout-leaf.active .deg-fanout-leaf__branch-line{background:var(--leaf-color,var(--color-status-healthy))}.deg-fanout-leaf__node{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-muted);flex:1;font-size:11px;transition:all .4s;display:flex}.deg-fanout-leaf__node.glow{border-color:var(--leaf-color,var(--color-status-healthy));color:var(--leaf-color,var(--color-status-healthy));background:color-mix(in srgb, var(--leaf-color,var(--color-status-healthy)) 8%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--leaf-color,var(--color-status-healthy)) 30%, transparent)}.deg-fanout-leaf__label{font-weight:var(--font-semibold);font-size:11px}.deg-fanout-leaf__count{font-size:9px;font-weight:var(--font-bold);font-family:var(--font-mono);background:var(--color-bg-primary);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:0 4px}.deg-fanout-leaf__check{color:var(--leaf-color,var(--color-status-healthy));flex-shrink:0;margin-left:auto}.payload-viewer-container{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), inset 0 0 20px #000c;background:#040407;flex-direction:column;width:100%;display:flex;overflow:hidden}.payload-json-editor-wrapper{padding:var(--space-5) var(--space-6);text-align:left;max-height:480px;overflow-y:auto}.react-json-view{background-color:#0000!important}.sticky-summary-card{top:calc(var(--topbar-height) + var(--space-4));border:1px solid var(--color-border-default);background:linear-gradient(180deg, var(--color-bg-secondary) 0%, #6366f103 100%);box-shadow:var(--shadow-lg);position:sticky}.summary-section-label{font-size:9px;font-weight:var(--font-bold);color:var(--color-brand-hover);letter-spacing:.08em}.summary-title{font-size:var(--text-md);color:#fff}.summary-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px;line-height:1.4}.summary-details{gap:var(--space-4);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4);flex-direction:column;display:flex}.summary-recap-block{gap:var(--space-1-5);flex-direction:column;display:flex}.summary-recap-block__label{font-size:10px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase}.summary-recap-block__content{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);padding:var(--space-3);border-radius:var(--radius-md);gap:var(--space-1);flex-direction:column;display:flex}.recap-row{font-size:var(--text-xs);justify-content:space-between;display:flex}.recap-field{color:var(--color-text-secondary)}.recap-val{color:#fff;font-weight:var(--font-medium);max-width:160px}.recap-tag-row{gap:var(--space-1);flex-wrap:wrap;margin-top:2px;display:flex}.recap-mini-tag{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-brand-hover);padding:0 4px;font-size:9px}.recap-translation-desc{font-size:var(--text-2xs);color:var(--color-text-primary);line-height:1.4}.recap-channel-badge{font-size:9px;font-weight:var(--font-medium);border-radius:var(--radius-full);align-items:center;padding:1px 6px;display:inline-flex}.summary-footer{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.summary-footer__version{color:var(--color-text-muted);text-transform:uppercase;font-size:9px}.full-width-simulator-pane{max-width:100%}.simulator-controls-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-5);display:flex}.toggle-sim-type{align-items:center;gap:var(--space-3);display:flex}.sim-toggle-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:10px}.sim-buttons-group{gap:var(--space-1);display:flex}.sim-btn{font-size:11px;font-weight:var(--font-semibold);font-family:var(--font-mono);padding:var(--space-1-5) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sim-btn:hover{border-color:var(--color-border-active);color:var(--color-text-primary)}.sim-btn.active{color:#10b981;background:#10b9811f;border-color:#10b98180;box-shadow:0 0 12px #10b98126}.sim-btn.active-fail{color:#ef4444;background:#ef44441f;border-color:#ef444480;box-shadow:0 0 12px #ef444426}.sim-run-btn{align-items:center;gap:var(--space-2);font-size:12px;font-weight:var(--font-bold);font-family:var(--font-mono);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-brand);color:var(--color-brand-hover);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:linear-gradient(135deg,#6366f126,#6366f10d);display:inline-flex}.sim-run-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f140,#6366f11a);transform:translateY(-1px);box-shadow:0 0 20px #6366f133}.sim-run-btn:disabled{opacity:.5;cursor:not-allowed}.pipeline-schematic{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-5);box-shadow:var(--shadow-md)}.pipeline-schematic__label{font-size:9px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-5)}.pipeline-nodes-row{padding-bottom:var(--space-2);align-items:center;gap:0;display:flex;overflow-x:auto}.pipeline-node-group{flex-shrink:0;align-items:center;display:flex}.pipeline-node{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);flex-direction:column;min-width:140px;transition:all .4s;display:flex;position:relative}.pipeline-node__icon{border-radius:var(--radius-md);background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);width:36px;height:36px;color:var(--color-text-muted);justify-content:center;align-items:center;transition:all .4s;display:flex}.pipeline-node__label{font-size:11px;font-weight:var(--font-semibold);color:var(--color-text-primary);text-align:center;white-space:nowrap}.pipeline-node__status{font-size:9px;font-weight:var(--font-bold);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);padding:1px 8px}.pipeline-node__status--idle{color:var(--color-text-muted);background:0 0}.pipeline-node__status--running{color:#f59e0b;background:#f59e0b1a;animation:1s ease-in-out infinite statusPulse}.pipeline-node__status--done{color:#10b981;background:#10b9811a}.pipeline-node__status--fail{color:#ef4444;background:#ef44441a}.pipeline-node--running{border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b1a,inset 0 0 12px #f59e0b08}.pipeline-node--running .pipeline-node__icon{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b66}.pipeline-node--done{border-color:#10b98166;box-shadow:0 0 16px #10b98114}.pipeline-node--done .pipeline-node__icon{color:#10b981;background:#10b98114;border-color:#10b98166}.pipeline-node--fail{border-color:#ef444466;box-shadow:0 0 16px #ef444414}.pipeline-node--fail .pipeline-node__icon{color:#ef4444;background:#ef444414;border-color:#ef444466}.pipeline-connector{width:64px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:all .4s;display:flex;position:relative}.pipeline-connector--active{color:var(--color-brand-hover)}.pipeline-connector-line{background:var(--color-border-subtle);height:2px;margin-right:var(--space-1);border-radius:var(--radius-full);flex:1;min-width:32px;position:relative;overflow:hidden}.pipeline-connector-line--active{background:var(--color-brand);box-shadow:0 0 8px var(--color-brand)}.pipeline-connector-line__pulse{background:linear-gradient(90deg,#0000,#fff,#0000);width:50%;height:100%;animation:1.2s linear infinite flowPulse;position:absolute;top:0;left:-100%}@keyframes flowPulse{0%{left:-100%}to{left:100%}}.pipeline-result-banner{align-items:center;gap:var(--space-2);font-size:12px;font-weight:var(--font-semibold);font-family:var(--font-mono);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);animation:.3s ease-out fadeSlideIn;display:flex}.pipeline-result-banner--success{color:#10b981;background:#10b98114;border:1px solid #10b9814d}.pipeline-result-banner--failure{color:#ef4444;background:#ef444414;border:1px solid #ef44444d}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.payload-viewer-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.payload-viewer-header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:#ffffff03;justify-content:space-between;align-items:center;display:flex}.payload-viewer-title-group{align-items:center;gap:var(--space-2);display:flex}.payload-viewer-icon{color:var(--color-brand-hover)}.mono-title{font-size:10px;font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.payload-viewer-badge{font-size:9px;font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--color-brand-hover);border-radius:var(--radius-full);letter-spacing:.04em;background:#6366f11a;border:1px solid #6366f140;padding:2px 8px}.payload-json-editor-wrapper{padding:var(--space-5);max-height:500px;overflow-y:auto}.payload-json-editor-wrapper::-webkit-scrollbar{width:6px}.payload-json-editor-wrapper::-webkit-scrollbar-track{background:0 0}.payload-json-editor-wrapper::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-full)}@media (width<=1024px){.wizard-cols{gap:var(--space-6);grid-template-columns:1fr}.sticky-summary-card{position:static}}@media (width<=768px){.workflow-banner-card{padding:var(--space-5);flex-direction:column;align-items:flex-start}.simulator-controls-row{align-items:stretch;gap:var(--space-3);flex-direction:column}.sim-buttons-group{flex-direction:column}.pipeline-nodes-row{align-items:stretch;gap:var(--space-2);flex-direction:column}.pipeline-connector{align-self:center;width:auto;height:28px;transform:rotate(90deg)}.pipeline-node{width:100%;min-width:auto}}.confirm-modal-close{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.confirm-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.confirm-modal-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.confirm-intro-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.confirm-summary-grid{gap:var(--space-3-5);flex-direction:column;display:flex}.confirm-summary-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.workflows-list-wrapper{gap:var(--space-4);width:100%;margin-top:var(--space-6);flex-direction:column;display:flex}.workflows-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.search-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:100%;height:38px;color:var(--color-text-primary);padding:0 var(--space-8) 0 36px;font-size:var(--text-sm);transition:all var(--transition-fast);font-family:inherit}.search-input:hover{border-color:var(--color-border-active)}.search-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-brand-muted);outline:none}.workflows-empty-state{padding:var(--space-10) var(--space-6);background:var(--color-bg-secondary);border:1px dashed var(--color-border-default);border-radius:var(--radius-xl);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.workflows-empty-state h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.workflows-empty-state p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px}.workflows-list-headers{padding:var(--space-3) var(--space-5);margin-bottom:var(--space-2);align-items:center;gap:var(--space-5);border-bottom:1px solid var(--color-border-subtle);font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);background:#ffffff05;grid-template-columns:2fr 1.2fr 1.2fr 1.2fr .5fr;display:grid}.workflows-list-headers__identity{align-items:center;gap:var(--space-3);min-width:0;padding-left:var(--space-3);display:flex}.workflows-list-headers__chains,.workflows-list-headers__last-triggered,.workflows-list-headers__watchlists{min-width:0}.workflow-card-row__watchlists{align-items:center;min-width:0;display:flex}.workflows-list-headers__actions{text-align:right;min-width:0;padding-right:var(--space-2)}.workflows-card-list{gap:var(--space-3);flex-direction:column;display:flex}.workflow-card-row{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-5);transition:all var(--transition-base);box-shadow:var(--shadow-sm);cursor:pointer;grid-template-columns:2fr 1.2fr 1.2fr 1.2fr .5fr;display:grid;position:relative}.workflow-card-row:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-md), var(--shadow-glow-brand);transform:translateY(-1px)}.workflow-card-row.disabled{opacity:.8}.workflow-card-row.menu-active{z-index:101!important}.workflow-card-row__identity{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.workflow-card-row__title-group{align-items:center;gap:var(--space-3);display:flex}.workflow-card-row__name{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);transition:color var(--transition-fast);margin:0}.workflow-card-row:hover .workflow-card-row__name{color:var(--color-brand-hover)}.workflow-card-row__version{font-size:var(--text-2xs);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);vertical-align:middle;padding:1px 5px}.workflow-card-row__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);padding-left:var(--space-5);margin:0}.workflow-card-row__chains{align-items:center;min-width:0;display:flex}.event-scope-badge{font-size:9px;font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--color-brand-hover);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;margin-left:var(--space-2);background:#6366f114;border:1px solid #6366f133;align-items:center;padding:2px 8px;display:inline-flex;box-shadow:0 0 6px #6366f10d}.workflow-card-row__last-triggered{align-items:center;min-width:0;display:flex}.last-triggered-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.workflow-card-row__actions{justify-content:flex-end;align-items:center;min-width:0;display:flex}.workflow-detail-page{gap:var(--space-4);flex-direction:column;max-width:1600px;margin:0 auto;display:flex}.workflow-detail-page__nav{align-items:center;display:flex}.workflow-detail-grid{gap:var(--space-6);grid-template-columns:320px 1fr;display:grid}@media (width<=1000px){.workflow-detail-grid{grid-template-columns:1fr}}.workflow-detail-side{gap:var(--space-4);flex-direction:column;display:flex}.workflow-meta-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:var(--space-2);background:#ffffff04;flex-direction:column;display:flex}.workflow-meta-title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-text-primary);margin-top:var(--space-1)}.workflow-meta-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:1.4}.workflow-meta-details{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3);gap:var(--space-2-5);flex-direction:column;display:flex}.meta-row{gap:var(--space-0-5);flex-direction:column;display:flex}.rule-text{color:var(--color-brand-hover);font-size:var(--text-2xs);word-break:break-all}.executions-list-container{gap:var(--space-2);flex-direction:column;display:flex}.list-title{font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.executions-list{gap:var(--space-2);flex-direction:column;max-height:500px;display:flex;overflow-y:auto}.execution-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;gap:var(--space-2);transition:all var(--transition-fast);flex-direction:column;display:flex}.execution-item:hover{background:var(--color-bg-hover);border-color:var(--color-border-active)}.execution-item.active{background:var(--color-bg-elevated);border-color:var(--color-brand-hover);box-shadow:0 0 0 1px var(--color-brand-hover)}.exec-row{justify-content:space-between;align-items:center;display:flex}.exec-id{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-primary);max-width:140px}.exec-status{font-size:var(--text-3xs);font-weight:var(--font-bold);border-radius:var(--radius-sm);text-transform:uppercase;padding:1px 4px}.exec-status.status-completed{background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.exec-status.status-failed{background:var(--color-status-error-bg);color:var(--color-status-error)}.exec-status.status-running{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.exec-status.status-pending{background:var(--color-status-neutral-bg);color:var(--color-status-neutral)}.exec-row-footer{font-size:var(--text-2xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.timeline-section{gap:var(--space-3);flex-direction:column;display:flex}.timeline-section__header{justify-content:space-between;align-items:center;display:flex}.timeline-section__header h3{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em}.selected-exec-badge{font-size:var(--text-2xs);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:2px 6px}.timeline-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-8);font-size:var(--text-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle)}.trace-timeline{gap:var(--space-4);flex-direction:column;display:flex;position:relative}.trace-step-node{gap:var(--space-4);display:flex;position:relative}.trace-line-connector{flex-direction:column;align-items:center;width:24px;display:flex}.connector-bar{background:var(--color-border-default);z-index:1;width:2px;position:absolute;top:24px;bottom:-24px}.step-status-icon{border-radius:var(--radius-full);width:24px;height:24px;font-weight:var(--font-bold);font-size:var(--text-xs);z-index:2;box-shadow:0 0 0 4px var(--color-bg-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-status-icon.status-completed{background:var(--color-status-healthy);color:var(--color-bg-primary)}.step-status-icon.status-failed{background:var(--color-status-error);color:var(--color-bg-primary)}.step-status-icon.status-running{background:var(--color-status-warning);color:var(--color-bg-primary)}.step-content-card{z-index:2;flex:1}.step-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff03}.step-card:hover{border-color:var(--color-border-active);background:#ffffff05}.step-card__header{justify-content:space-between;align-items:center;display:flex}.step-title-row{align-items:center;gap:var(--space-2);display:flex}.step-action-type{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.step-badge{font-size:var(--text-3xs);font-weight:var(--font-bold);border-radius:var(--radius-sm);text-transform:uppercase;padding:1px 4px}.step-badge.status-completed{background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.step-badge.status-failed{background:var(--color-status-error-bg);color:var(--color-status-error)}.step-badge.status-running{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.step-duration{font-size:var(--text-xs);color:var(--color-text-muted)}.step-error-banner{background:var(--color-status-error-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-status-error);margin-top:var(--space-2-5);border:1px solid #ef444433;line-height:1.4}.step-card__expand-indicator{font-size:var(--text-3xs);color:var(--color-text-muted);text-align:center;margin-top:var(--space-3);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-1-5);text-transform:uppercase;letter-spacing:.04em}.step-payloads-viewer{gap:var(--space-3);margin-top:var(--space-3);background:var(--color-bg-elevated);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-default);flex-direction:column;display:flex}.payload-box{gap:var(--space-1);flex-direction:column;display:flex}.payload-label{font-size:var(--text-3xs);font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.payload-code{font-size:var(--text-3xs);color:#a5b4fc;border:1px solid var(--color-border-default);padding:var(--space-2-5);border-radius:var(--radius-sm);background:#0d0e12;max-height:200px;line-height:1.4;overflow:auto}.replays-page-layout{min-height:calc(100dvh - var(--topbar-height));padding:var(--space-8) var(--space-6) var(--space-12);position:relative;overflow:hidden}.replays-radial-backdrop{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf614 0%,#6366f105 60%,#0000 100%);width:600px;height:600px;position:absolute;top:-10%;left:30%}.replays-header-panel{z-index:1;margin-bottom:var(--space-8);position:relative}.replays-header-eyebrow{margin-bottom:var(--space-3)}.eyebrow-pill{background:var(--color-brand-muted);border:1px solid var(--color-border-default);color:var(--color-brand-hover);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.15em;text-transform:uppercase;padding:4px 12px;display:inline-block}.replays-title{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.replays-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:680px;line-height:var(--line-height-relaxed)}.replays-tabs-nav{z-index:1;margin-bottom:var(--space-6);width:max-content;position:relative}.tabs-nav-outer-shell{padding:var(--space-1);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d}.tabs-nav-inner-core{gap:var(--space-2);border-radius:calc(var(--radius-xl) - 4px);display:flex}.tab-nav-link{padding:var(--space-2) var(--space-5);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:calc(var(--radius-xl) - 6px);transition:all .4s cubic-bezier(.32,.72,0,1)}.tab-nav-link:hover{color:var(--color-text-primary);background:#ffffff0d}.tab-nav-link.active{color:var(--color-text-inverse);background:var(--color-text-primary);box-shadow:var(--shadow-sm)}.recovery-notice-banner{align-items:center;gap:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);z-index:1;background:#ef44440a;border:1px solid #ef444426;animation:.6s ease-out fadeIn;display:flex;position:relative}.recovery-notice-banner__icon{color:var(--color-status-error);align-items:center;display:flex}.recovery-notice-banner__text{font-size:var(--text-sm);color:var(--color-text-secondary);flex:1}.recovery-notice-banner__text strong{color:var(--color-text-primary)}.recovery-notice-banner__action{flex-shrink:0}.replay-filters{margin-bottom:var(--space-5);z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.filter-group{gap:var(--space-3);align-items:center;display:flex}.filter-item{position:relative}.search-item{align-items:center;display:flex}.search-icon{color:var(--color-text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{width:280px;padding-left:36px!important}.replays-page-layout button{justify-content:center;align-items:center;gap:4px;display:inline-flex}.filter-input,.filter-select{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);height:38px;color:var(--color-text-primary);font-size:var(--text-sm);padding:0 var(--space-3);border-radius:var(--radius-md);outline:none;font-family:inherit;transition:all .25s}.filter-input:focus,.filter-select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 1px var(--color-border-focus)}.table-outer-shell{border-radius:var(--radius-xl);z-index:1;margin-bottom:var(--space-4);box-shadow:var(--shadow-md);background:#ffffff03;border:1px solid #ffffff0d;padding:6px;position:relative}.table-inner-core{background:var(--color-bg-secondary);border-radius:calc(var(--radius-xl) - 4px);overflow:hidden}.scrollable-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.replay-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-sm)}.replay-table th{color:var(--color-text-muted);font-weight:var(--font-medium);padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border-subtle);text-transform:uppercase;font-size:var(--text-2xs);letter-spacing:.05em;white-space:nowrap;background:#ffffff05}.replay-table td{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);vertical-align:middle}.replay-table tr.clickable-row{cursor:pointer;transition:all .4s cubic-bezier(.32,.72,0,1)}.replay-table tr.clickable-row:hover td{color:var(--color-text-primary);background:#ffffff05}.replay-table .type-badge{border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--font-medium);text-transform:capitalize;padding:2px 8px;display:inline-block}.replay-table .type-native_transfer{color:#818cf8;background:#6366f11a}.replay-table .type-token_transfer{color:#34d399;background:#10b9811a}.replay-table .chain-badge{border-radius:var(--radius-sm);font-size:var(--text-2xs);background:#ffffff0d;align-items:center;padding:2px 6px;display:inline-flex}.replay-table .hash-cell{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:var(--text-xs);display:inline-block;overflow:hidden}.replay-table .failure-text{color:var(--color-status-error);font-size:var(--text-xs);align-items:center;display:inline-flex}.replay-table .time-cell{font-size:var(--text-xs);color:var(--color-text-muted)}.replay-table .table-loading,.replay-table .table-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-10)!important}.replay-table .workflow-meta{flex-direction:column;display:flex}.replay-table .workflow-name{color:var(--color-text-primary);font-weight:var(--font-medium)}.replay-table .workflow-desc{font-size:var(--text-xs);color:var(--color-text-muted);max-width:240px}.replay-table .rule-summary{border-radius:var(--radius-sm);font-size:var(--text-2xs);color:#34d399;background:#ffffff08;padding:4px 8px}.replay-table .replay-action-btn{transition:all .4s cubic-bezier(.32,.72,0,1);border-radius:var(--radius-full)!important;font-size:var(--text-xs)!important;padding:4px 12px!important}.replay-table .replay-action-btn:hover{transform:scale(1.05)}.replay-table .status-badge{border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--font-medium);text-transform:capitalize;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.replay-table .status-pending{color:var(--color-status-warning);background:#f59e0b1a}.replay-table .status-running{color:var(--color-status-info);background:#3b82f61a}.replay-table .status-completed{color:var(--color-status-healthy);background:#10b9811a}.replay-table .status-failed{color:var(--color-status-error);background:#ef44441a}.replay-table .status-retrying{color:var(--color-status-warning);background:#f59e0b1a}.replay-table .status-cancelled{color:var(--color-status-neutral);background:#64748b1a}.replay-table .progress-cell{flex-direction:column;gap:4px;max-width:180px;display:flex}.replay-table .progress-bar-bg{border-radius:var(--radius-full);background:#ffffff0d;height:6px;overflow:hidden}.replay-table .progress-bar-fill{background:var(--color-brand);border-radius:var(--radius-full);height:100%;transition:width .5s}.replay-table .progress-bar-fill.completed{background:var(--color-status-healthy)}.replay-table .progress-bar-fill.failed{background:var(--color-status-error)}.replay-table .progress-bar-fill.cancelled{background:var(--color-status-neutral)}.replay-table .progress-text{font-size:var(--text-2xs);color:var(--color-text-muted)}.replays-page-layout .pagination-bar{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.replays-page-layout .pagination-buttons{align-items:center;gap:var(--space-3);display:flex}.replays-page-layout .pagination-limit{align-items:center;gap:var(--space-2);margin-right:var(--space-4);display:flex}.replays-page-layout .limit-label{color:var(--color-text-muted)}.replays-page-layout .limit-select{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);height:28px;color:var(--color-text-primary);font-size:var(--text-2xs);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:0 4px}.replays-page-layout .page-indicator{font-family:var(--font-mono)}.replay-table .cancel-job-btn{color:var(--color-status-error)!important;font-size:var(--text-2xs)!important;border-color:#ef444433!important}.replay-table .cancel-job-btn:hover{background:#ef44440d!important}.replay-table .action-disabled{color:var(--color-text-muted)}.animate-spin{animation:1s linear infinite spin}.rdp{--rdp-cell-size:40px;--rdp-caption-font-size:18px;--rdp-accent-color:#00f;--rdp-background-color:#e7edff;--rdp-accent-color-dark:#3003e1;--rdp-background-color-dark:#180270;--rdp-outline:2px solid var(--rdp-accent-color);--rdp-outline-selected:3px solid var(--rdp-accent-color);--rdp-selected-color:#fff;margin:1em}.rdp-vhidden{box-sizing:border-box;appearance:none;background:0 0;border:0;margin:0;padding:0;top:0;clip:rect(1px, 1px, 1px, 1px)!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.rdp-button_reset{appearance:none;cursor:default;color:inherit;font:inherit;background:0 0;margin:0;padding:0;position:relative}.rdp-button_reset:focus-visible{outline:none}.rdp-button{border:2px solid #0000}.rdp-button[disabled]:not(.rdp-day_selected){opacity:.25}.rdp-button:not([disabled]){cursor:pointer}.rdp-button:focus-visible:not([disabled]){color:inherit;background-color:var(--rdp-background-color);border:var(--rdp-outline)}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color)}.rdp-months{display:flex}.rdp-month{margin:0 1em}.rdp-month:first-child{margin-left:0}.rdp-month:last-child{margin-right:0}.rdp-table{max-width:calc(var(--rdp-cell-size) * 7);border-collapse:collapse;margin:0}.rdp-with_weeknumber .rdp-table{max-width:calc(var(--rdp-cell-size) * 8);border-collapse:collapse}.rdp-caption{text-align:left;justify-content:space-between;align-items:center;padding:0;display:flex}.rdp-multiple_months .rdp-caption{text-align:center;display:block;position:relative}.rdp-caption_dropdowns{display:inline-flex;position:relative}.rdp-caption_label{z-index:1;white-space:nowrap;color:currentColor;font-family:inherit;font-size:var(--rdp-caption-font-size);border:2px solid #0000;align-items:center;margin:0;padding:0 .25em;font-weight:700;display:inline-flex;position:relative}.rdp-nav{white-space:nowrap}.rdp-multiple_months .rdp-caption_start .rdp-nav{position:absolute;top:50%;left:0;transform:translateY(-50%)}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;top:50%;right:0;transform:translateY(-50%)}.rdp-nav_button{width:var(--rdp-cell-size);height:var(--rdp-cell-size);border-radius:100%;justify-content:center;align-items:center;padding:.25em;display:inline-flex}.rdp-dropdown_year,.rdp-dropdown_month{align-items:center;display:inline-flex;position:relative}.rdp-dropdown{appearance:none;z-index:2;width:100%;cursor:inherit;opacity:0;font-family:inherit;font-size:inherit;line-height:inherit;background-color:#0000;border:none;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0}.rdp-dropdown[disabled]{opacity:unset;color:unset}.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px}.rdp-dropdown_icon{margin:0 0 0 5px}.rdp-head{border:0}.rdp-head_row,.rdp-row{height:100%}.rdp-head_cell{vertical-align:middle;text-align:center;height:100%;height:var(--rdp-cell-size);text-transform:uppercase;padding:0;font-size:.75em;font-weight:700}.rdp-tbody{border:0}.rdp-tfoot{margin:.5em}.rdp-cell{width:var(--rdp-cell-size);height:100%;height:var(--rdp-cell-size);text-align:center;padding:0}.rdp-weeknumber{font-size:.75em}.rdp-weeknumber,.rdp-day{box-sizing:border-box;width:var(--rdp-cell-size);max-width:var(--rdp-cell-size);height:var(--rdp-cell-size);border:2px solid #0000;border-radius:100%;justify-content:center;align-items:center;margin:0;display:flex;overflow:hidden}.rdp-day_today:not(.rdp-day_outside){font-weight:700}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{color:var(--rdp-selected-color);opacity:1;background-color:var(--rdp-accent-color)}.rdp-day_outside{opacity:.5}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){border-top-right-radius:0;border-bottom-right-radius:0}.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start),.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){border-top-right-radius:0;border-bottom-right-radius:0}.rdp-day_range_end.rdp-day_range_start{border-radius:100%}.rdp-day_range_middle{border-radius:0}.custom-replay-tab{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.custom-replay-grid{gap:var(--space-6);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=1024px){.custom-replay-grid{grid-template-columns:100%}}.custom-replay-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group-card{background:var(--color-bg-secondary,#111318);border:1px solid var(--color-border-default,#ffffff14);border-radius:var(--radius-lg,12px);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex;box-shadow:0 4px 24px #0003}.form-group-title{font-size:var(--text-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-default);padding-bottom:var(--space-3);margin:0;font-weight:600}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.field-help{font-size:var(--text-2xs);color:var(--color-text-muted)}.select-full,.input-full{width:100%;padding:var(--space-3);border-radius:var(--radius-md,8px);background:var(--color-bg-primary,#090a0f);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-sm);outline:none;transition:border-color .2s,box-shadow .2s}.select-full:focus,.input-full:focus{border-color:var(--color-status-replay);box-shadow:0 0 0 3px #8b5cf626}.select-placeholder{padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm)}.watchlist-auto-lock{gap:var(--space-2);border-radius:var(--radius-md,8px);padding:var(--space-4);margin-top:var(--space-2);background:#8b5cf60a;border:1px solid #8b5cf626;flex-direction:column;display:flex}.lock-header{align-items:center;gap:var(--space-2);font-size:var(--text-2xs);text-transform:uppercase;color:var(--color-status-replay);letter-spacing:.05em;font-weight:600;display:flex}.lock-icon{color:var(--color-status-replay)}.lock-body{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.range-type-switcher{background:var(--color-bg-primary,#090a0f);border-radius:var(--radius-md,8px);border:1px solid var(--color-border-default);align-self:flex-start;padding:4px;display:flex}.switcher-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm,6px);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;align-items:center;font-weight:500;transition:all .2s;display:flex}.switcher-btn:hover{color:var(--color-text-primary)}.switcher-btn.active{background:var(--color-bg-secondary,#111318);color:var(--color-text-primary);box-shadow:0 1px 3px #0003}.datepicker-trigger-btn{width:100%;padding:var(--space-3);background:var(--color-bg-primary,#090a0f);border:1px solid var(--color-border-default);border-radius:var(--radius-md,8px);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;text-align:left;align-items:center;transition:border-color .2s;display:flex}.datepicker-trigger-btn:hover{border-color:var(--color-status-replay)}.calendar-btn-icon{margin-right:var(--space-3);color:var(--color-text-secondary)}.block-range-inputs{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.simulation-switch-group{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.switch-text-block{gap:var(--space-1);flex-direction:column;display:flex}.switch-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.switch-desc{font-size:var(--text-2xs);color:var(--color-text-muted);line-height:1.4}.switch-container{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch-container input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:var(--color-border-default);border-radius:24px;transition:all .25s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;bottom:3px;left:3px}input:checked+.switch-slider{background-color:var(--color-status-replay)}input:focus+.switch-slider{box-shadow:0 0 1px var(--color-status-replay)}input:checked+.switch-slider:before{transform:translate(20px)}.form-actions{margin-top:var(--space-4)}.submit-replay-btn{width:100%;padding:var(--space-4);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-md,8px);justify-content:center;transition:all .2s;box-shadow:0 4px 14px #8b5cf64d;background:var(--color-status-replay)!important;color:#fff!important}.submit-replay-btn:hover{box-shadow:0 6px 20px #8b5cf673;background:#7c3aed!important}.custom-replay-estimate{top:var(--space-6);position:sticky}.estimate-card{background:var(--color-bg-secondary,#111318);border:1px solid var(--color-border-default);border-radius:var(--radius-lg,12px);box-shadow:0 4px 24px #0003}.estimate-title{font-size:var(--text-sm);margin:0 0 var(--space-4) 0;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-default);padding-bottom:var(--space-3);font-weight:600}.estimate-metrics-group{gap:var(--space-3);flex-direction:column;display:flex}.estimate-metric-row{font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-1) 0;justify-content:space-between;align-items:center;display:flex}.estimate-metric-row.border-highlight{border-top:1px solid var(--color-border-default);padding-top:var(--space-3);margin-top:var(--space-1)}.estimate-label{color:var(--color-text-muted)}.estimate-value{color:var(--color-text-primary)}.estimate-divider{background:var(--color-border-default);height:1px;margin:var(--space-5) 0}.estimate-notice{gap:var(--space-3);border-radius:var(--radius-md,8px);padding:var(--space-4);background:#f59e0b0a;border:1px solid #f59e0b26;align-items:flex-start;display:flex}.notice-icon{color:var(--color-status-warning,#f59e0b);flex-shrink:0;margin-top:2px}.notice-text{font-size:var(--text-2xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.datepicker-popover-content{z-index:1000;background:var(--color-bg-secondary,#111318)!important;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-lg,12px)!important;padding:var(--space-4)!important;box-shadow:0 10px 40px #00000080!important}.rdp{--rdp-cell-size:38px!important;--rdp-accent-color:var(--color-status-replay)!important;--rdp-background-color:var(--color-status-replay-bg)!important;color:var(--color-text-primary)!important;margin:0!important}.rdp-months{gap:var(--space-6)!important}.rdp-caption_label{font-size:var(--text-xs)!important;color:var(--color-text-primary)!important;font-weight:600!important}.rdp-nav_button{color:var(--color-text-secondary)!important;border-radius:var(--radius-sm)!important;border:1px solid var(--color-border-default)!important;background:0 0!important}.rdp-nav_button:hover{background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}.rdp-head_cell{font-size:var(--text-2xs)!important;color:var(--color-text-muted)!important;text-transform:uppercase!important;font-weight:600!important}.rdp-day{color:var(--color-text-secondary)!important;border-radius:var(--radius-sm,6px)!important}.rdp-day:hover:not(.rdp-day_selected){background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}.rdp-day_selected{background-color:var(--color-status-replay)!important;color:#fff!important}.rdp-day_selected:hover{background-color:#7c3aed!important}.rdp-day_range_middle{color:var(--color-status-replay)!important;background-color:#8b5cf61f!important;border-radius:0!important}.rdp-day_range_start{background-color:var(--color-status-replay)!important;color:#fff!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rdp-day_range_end{background-color:var(--color-status-replay)!important;color:#fff!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.rdp-day_today{border:1px solid var(--color-border-default)!important;font-weight:700!important}.rdp-day_disabled{color:var(--color-text-muted)!important;opacity:.25!important;pointer-events:none!important}.tooltip-container{vertical-align:middle;justify-content:center;align-items:center;display:inline-flex;position:relative}.tooltip-trigger{color:var(--color-text-muted);cursor:help;border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);width:14px;height:14px;font-size:9px;line-height:1;font-weight:var(--font-bold);background:#6366f114;justify-content:center;align-items:center;margin-left:6px;font-style:normal;transition:all .15s;display:inline-flex}.tooltip-container:hover .tooltip-trigger{color:#fff;border-color:var(--color-brand-hover);background:var(--color-brand);box-shadow:var(--shadow-glow-brand)}.tooltip-bubble{z-index:99999;color:#fff;text-align:left;border-radius:var(--radius-md);padding:var(--space-3) var(--space-3-5);font-size:var(--text-xs);line-height:1.5;font-weight:var(--font-normal);text-transform:none;letter-spacing:normal;border:1px solid var(--color-brand);pointer-events:none;opacity:0;background:#11111a;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(4px);box-shadow:0 8px 24px #0009,0 0 12px #6366f126}.tooltip-bubble--top{transform:translateY(4px)}.tooltip-bubble--bottom{transform:translateY(-4px)}.tooltip-bubble--left{transform:translate(4px)}.tooltip-bubble--right{transform:translate(-4px)}.tooltip-bubble--visible{opacity:1;transform:translate(0)}.watchlists-page{gap:var(--space-6);flex-direction:column;max-width:1600px;margin:0 auto;display:flex}.watchlists-page__header{justify-content:space-between;align-items:center;display:flex}.watchlists-page__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.watchlists-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-0-5)}.watchlists-list-wrapper{gap:var(--space-4);width:100%;margin-top:var(--space-6);flex-direction:column;display:flex}.watchlists-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff04;flex-wrap:wrap;display:flex}.search-box-container{flex:1;align-items:center;min-width:280px;display:flex;position:relative}.search-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute}.search-input{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:100%;height:38px;color:var(--color-text-primary);padding:0 var(--space-8) 0 var(--space-9);font-size:var(--text-sm);transition:all var(--transition-fast);background:#0003;font-family:inherit}.search-input:hover{border-color:var(--color-border-active);background:#ffffff05}.search-input:focus{border-color:var(--color-brand);background:#ffffff0a;outline:none;box-shadow:0 0 16px #6366f11f}.clear-search-btn{right:var(--space-3);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);width:20px;height:20px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute}.clear-search-btn:hover{color:var(--color-text-primary);background:#ffffff0d}.filter-group{align-items:center;gap:var(--space-3);display:flex}.filter-select-wrapper{align-items:center;display:flex;position:relative}.filter-select{appearance:none;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-width:150px;height:38px;color:var(--color-text-primary);padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.filter-select:hover{border-color:var(--color-border-active)}.filter-select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-brand-muted);outline:none}.filter-select-chevron{right:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute}.watchlists-empty-state{padding:var(--space-10) var(--space-6);background:var(--color-bg-secondary);border:1px dashed var(--color-border-default);border-radius:var(--radius-xl);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.empty-state-icon{color:var(--color-text-muted);margin-bottom:var(--space-2)}.watchlists-empty-state h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.watchlists-empty-state p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px}.watchlists-list-headers{padding:var(--space-3) var(--space-5);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-5);border-bottom:1px solid var(--color-border-subtle);font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);background:#ffffff05;display:flex}.watchlists-list-headers__identity{align-items:center;gap:var(--space-3);min-width:220px;padding-left:var(--space-3);flex:2;display:flex}.watchlists-list-headers__chains,.watchlists-list-headers__count{flex:1.2;min-width:120px}.watchlists-list-headers__actions{text-align:right;min-width:60px;padding-right:var(--space-2);flex:.5}.watchlists-card-list{gap:var(--space-3);flex-direction:column;display:flex}.watchlist-card-row{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-5);transition:all var(--transition-base);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff03;display:flex;position:relative}.watchlist-card-row:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-md), var(--shadow-glow-brand);background:#ffffff05;transform:translateY(-2px)}.watchlist-card-row:active{transform:translateY(-1px)scale(.99)}.watchlist-card-row.paused{opacity:.7}.watchlist-card-row.menu-active{z-index:101!important}.watchlist-card-row__identity{gap:var(--space-1);flex-direction:column;flex:2;min-width:220px;display:flex}.watchlist-card-row__title-group{align-items:center;gap:var(--space-3);display:flex}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px}.status-dot--active{background-color:var(--color-status-healthy);color:var(--color-status-healthy)}.status-dot--inactive{background-color:var(--color-status-neutral);color:var(--color-status-neutral);box-shadow:none}.watchlist-card-row__name{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);transition:color var(--transition-fast);margin:0}.watchlist-card-row:hover .watchlist-card-row__name{color:var(--color-brand-hover)}.watchlist-card-row__stream-id{font-size:var(--text-2xs);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);vertical-align:middle;padding:1px 5px}.watchlist-card-row__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);padding-left:var(--space-5);margin:0}.watchlist-card-row__chains{flex:1.2;align-items:center;min-width:120px;display:flex}.chains-row{align-items:center;gap:var(--space-1);display:flex}.chain-badge-mini{border-radius:var(--radius-full);width:32px;height:32px;transition:all var(--transition-fast);background:#6366f10f;border:1.5px solid #6366f14d;justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px #6366f133,inset 0 0 4px #6366f114}.chain-badge-mini:hover{border-color:var(--color-brand-hover);transform:scale(1.05);box-shadow:0 0 12px #6366f159}.watchlist-card-row__count{flex:1.2;align-items:center;min-width:120px;display:flex}.watchlists-list-headers__workflows{flex:1.2;min-width:120px}.watchlist-card-row__workflows{flex:1.2;align-items:center;min-width:120px;display:flex}.tracked-count-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.watchlist-card-row__actions{flex:.5;justify-content:flex-end;align-items:center;min-width:60px;display:flex}.actions-dropdown-container{display:inline-block;position:relative}.actions-dropdown-trigger{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-secondary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.actions-dropdown-trigger:hover{background:var(--color-bg-hover);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.actions-dropdown-menu{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-width:170px;box-shadow:var(--shadow-lg), 0 4px 12px #00000080;z-index:100;-webkit-backdrop-filter:blur(10px);padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.actions-dropdown-item{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;font-family:inherit;display:flex}.actions-dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.actions-dropdown-item.delete:hover{background:var(--color-status-error-bg);color:var(--color-status-error)}.pagination-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-top:var(--space-2);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.pagination-info{font-size:var(--text-sm);color:var(--color-text-secondary)}.pagination-buttons{align-items:center;gap:var(--space-4);display:flex}.pagination-page-indicator{font-size:var(--text-xs);color:var(--color-text-muted)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;background:#000000b3;width:100vw;height:100vh;position:fixed;top:0;left:0}.sidebar-content{background:var(--color-bg-secondary);border-left:1px solid var(--color-border-default);z-index:1000;flex-direction:column;width:480px;max-width:100vw;height:100vh;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-4px 0 24px #00000080}.sidebar-header{padding:var(--space-5);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:flex-start;display:flex}.sidebar-header h2{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-text-primary)}.sidebar-subtitle{font-size:var(--text-2xs);color:var(--color-text-secondary);margin-top:2px}.sidebar-close{font-size:var(--text-xl);color:var(--color-text-muted);transition:color var(--transition-fast);line-height:1}.sidebar-close:hover{color:var(--color-text-primary)}.sidebar-form{height:calc(100vh - 84px);padding:var(--space-5);flex-direction:column;padding-bottom:180px;display:flex;overflow-y:auto}.wizard-panel{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.form-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;align-items:center;display:flex}.req{color:var(--color-status-error);margin-left:2px}.form-input,.form-textarea{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-sm);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--color-border-active);outline:none}.form-textarea{resize:vertical;min-height:80px}.chains-checkboxes{gap:var(--space-2);background:var(--color-bg-elevated);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-default);flex-direction:column;display:flex}.checkbox-label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.checkbox-text{font-size:var(--text-sm);color:var(--color-text-primary)}.sidebar-actions{align-items:center;gap:var(--space-3);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4);background:var(--color-bg-secondary);margin-top:auto;display:flex}.ml-auto{margin-left:auto}.wizard-progress{padding:var(--space-3) var(--space-5);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.wizard-step{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--font-semibold);transition:color var(--transition-base);display:flex}.wizard-step__num{border-radius:var(--radius-full);border:1px solid var(--color-border-active);width:18px;height:18px;transition:all var(--transition-base);justify-content:center;align-items:center;font-size:10px;display:flex}.wizard-step.active{color:var(--color-text-primary)}.wizard-step.active .wizard-step__num{border-color:var(--color-brand);background:var(--color-brand-muted);color:var(--color-brand-hover);box-shadow:var(--shadow-glow-brand)}.wizard-step.completed{color:var(--color-status-healthy)}.wizard-step.completed .wizard-step__num{border-color:var(--color-status-healthy);background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.wizard-line{background:var(--color-border-subtle);height:1px;margin:0 var(--space-2);flex:1}.validation-feedback{margin-top:var(--space-1)}.validation-badge{font-size:var(--text-2xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);align-items:center;padding:2px 6px;display:inline-flex}.validation-badge--error{background:var(--color-status-error-bg);color:var(--color-status-error)}.validation-badge--success{background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.mt-1{margin-top:var(--space-1)}.toggle-switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-bg-active);border-radius:var(--radius-full);border:1px solid var(--color-border-default);transition:all .3s;position:absolute;inset:0;box-shadow:inset 0 1px 3px #0006}.toggle-slider:before{content:"";background-color:var(--color-text-secondary);border-radius:var(--radius-full);width:14px;height:14px;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--color-brand);border-color:var(--color-brand-hover);box-shadow:0 0 12px #6366f140}input:checked+.toggle-slider:before{background-color:#fff;transform:translate(18px)}.workflow-opt-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.workflow-opt-card__header{align-items:flex-start;gap:var(--space-3);display:flex}.workflow-opt-card__header h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.workflow-opt-card__header p{font-size:var(--text-2xs);color:var(--color-text-secondary);margin-top:2px}.workflow-opt-card__content{gap:var(--space-4);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4);flex-direction:column;display:flex}.predefined-rule-preview{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.rule-badge{font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--color-brand-hover);letter-spacing:.05em}.predefined-rule-flow{gap:var(--space-1-5);flex-direction:column;display:flex}.rule-flow-step{align-items:center;gap:var(--space-2);display:flex}.step-tag{font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-sm);text-align:center;width:42px;padding:1px 4px}.step-tag--if{color:var(--color-brand-hover);background:#6366f126}.step-tag--and{color:var(--color-status-warning);background:#fbbf2426}.step-tag--then{color:var(--color-status-healthy);background:#34d39926}.step-val{font-size:var(--text-2xs);font-family:var(--font-mono);color:var(--color-text-secondary)}@keyframes sidebarSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-sidebar-slide{animation:sidebarSlide var(--transition-slow) cubic-bezier(.16, 1, .3, 1) forwards}@media (width<=480px){.sidebar-content{width:100vw}}.watchlist-detail-page{gap:var(--space-4);max-width:1200px;padding:0 var(--space-8);flex-direction:column;width:100%;min-width:0;margin:0 auto;display:flex}.watchlist-detail-page__nav{align-items:center;display:flex}.watchlist-detail-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;display:grid}.watchlist-detail-main{width:100%;min-width:0}.watchlist-detail-header{border:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);background:#ffffff04}.watchlist-detail-header__title-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.watchlist-detail-header__env{font-size:var(--text-2xs);text-transform:uppercase;font-weight:var(--font-bold);color:var(--color-brand-hover);background:var(--color-brand-muted);border-radius:var(--radius-sm);margin-bottom:var(--space-1);padding:1px 6px;display:inline-block}.watchlist-detail-header__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.watchlist-detail-header__status{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-full)}.watchlist-detail-header__status.active{background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.watchlist-detail-header__status.inactive{background:var(--color-status-neutral-bg);color:var(--color-status-neutral)}.watchlist-detail-header__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.5}.watchlist-detail-header__meta{gap:var(--space-4);background:var(--color-bg-elevated);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-default);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.watchlist-detail-header__meta-item{gap:var(--space-1);flex-direction:column;display:flex}.meta-label{font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase}.meta-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.chains-row{gap:var(--space-1-5);display:flex}.chain-tag{font-size:var(--text-2xs);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:1px 4px}.watchlist-addresses-section{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.watchlist-addresses-section__header{justify-content:space-between;align-items:center;display:flex}.watchlist-addresses-section__header h3{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary)}.watchlist-addresses-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff03;overflow:hidden}.watchlist-addresses-table{border-collapse:collapse;text-align:left;width:100%}.watchlist-addresses-table th{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-default);background:var(--color-bg-elevated)}.watchlist-addresses-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-sm);color:var(--color-text-primary);vertical-align:middle}.watchlist-addresses-table tr:last-child td{border-bottom:none}.watchlist-addresses-table tr:hover td{background:var(--color-bg-hover)}.address-cell{color:var(--color-brand-hover);letter-spacing:-.01em}.identity-link{font-size:var(--text-xs);color:var(--color-brand-hover);border-radius:var(--radius-sm);font-weight:var(--font-medium);background:#6366f11a;padding:2px 6px}.identity-link--none{color:var(--color-text-muted)}.metadata-preview{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-status-healthy);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;background:#34d3990d;border:1px solid #34d39926;max-width:320px;padding:2px 6px;display:block;overflow:hidden}.time-cell{font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.actions-col{width:50px}.actions-cell{text-align:right}.actions-cell button{color:var(--color-status-error);padding:4px}.table-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-8)!important}.form-textarea--tall{min-height:120px}.form-error{font-size:var(--text-xs);color:var(--color-status-error);font-weight:var(--font-medium)}.address-rows-container{gap:var(--space-2);max-height:280px;padding-right:var(--space-1);margin-top:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.address-row-item{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.address-row-field{flex-direction:column;display:flex;position:relative}.address-row-field.flex-2{flex:2}.address-row-field.flex-1{flex:1}.form-input--error{border-color:var(--color-status-error)!important}.row-validation-error{font-size:var(--text-2xs);color:var(--color-status-error);bottom:-14px;left:var(--space-2);margin-top:2px;position:absolute}.address-row-remove-btn{border:1px solid var(--color-border-subtle);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.address-row-remove-btn:hover:not(:disabled){color:var(--color-status-error);background:var(--color-status-error-bg);border-color:#f8717133}.address-row-remove-btn:disabled{opacity:.3;cursor:not-allowed}.address-row-add-btn{padding:var(--space-2) var(--space-4);background:var(--color-bg-primary);border:1px dashed var(--color-border-default);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.address-row-add-btn:hover{border-color:var(--color-border-active);color:var(--color-text-primary);background:var(--color-bg-elevated)}.watchlist-detail-sidebar{gap:var(--space-4);flex-direction:column;display:flex}.watchlist-workflows-section{gap:var(--space-3);flex-direction:column;display:flex}.watchlist-workflows-section__header{align-items:center;gap:var(--space-2);display:flex}.watchlist-workflows-section__header h3{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.workflows-count-badge{font-size:var(--text-2xs);font-weight:var(--font-bold);background:var(--color-brand-muted);color:var(--color-brand-hover);border-radius:var(--radius-full);border:1px solid #6366f133;padding:1px 6px}.watchlist-workflows-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);flex-direction:column;justify-content:flex-start;min-height:200px;display:flex}.sidebar-workflows-empty{text-align:center;color:var(--color-text-muted);font-size:var(--text-xs);padding:var(--space-6) 0;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.sidebar-workflows-list{gap:var(--space-2-5);flex-direction:column;width:100%;display:flex}.sidebar-workflow-item{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast)}.sidebar-workflow-item:hover{border-color:var(--color-border-default);background:var(--color-bg-hover);transform:translateY(-1px)}.sidebar-workflow-item__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.sidebar-workflow-item__dot{border-radius:var(--radius-full);background:var(--color-status-neutral);width:6px;height:6px}.sidebar-workflow-item.enabled .sidebar-workflow-item__dot{background:var(--color-status-healthy);box-shadow:0 0 6px var(--color-status-healthy)}.sidebar-workflow-item__name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-workflow-item__version{font-family:var(--font-mono);color:var(--color-text-muted);font-size:10px}.sidebar-workflow-item__summary{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.4;overflow:hidden}@media (width>=1024px){.watchlist-detail-grid{grid-template-columns:1fr!important}}.address-table-filters{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.filter-search-box{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.filter-search-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;width:16px;height:16px;position:absolute}.filter-search-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:100%;height:38px;color:var(--color-text-primary);padding:0 var(--space-8) 0 36px;font-size:var(--text-sm);transition:all var(--transition-fast);font-family:inherit}.filter-search-input:hover{border-color:var(--color-border-active)}.filter-search-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-brand-muted);outline:none}.filter-clear-btn{right:var(--space-3);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);width:20px;height:20px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute}.filter-clear-btn:hover{color:var(--color-text-primary);background:#ffffff0d}.filter-date-group{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.filter-date-item{align-items:center;gap:var(--space-2);display:flex}.filter-date-label{font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.custom-datepicker{display:inline-block;position:relative}.custom-datepicker__trigger{cursor:pointer;align-items:center;width:140px;display:flex;position:relative}.custom-datepicker__icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;width:14px;height:14px;position:absolute}.custom-datepicker__input{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:100%;height:38px;color:var(--color-text-primary);padding:0 var(--space-8) 0 32px;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);box-sizing:border-box;font-family:inherit}.custom-datepicker__trigger:hover .custom-datepicker__input{border-color:var(--color-border-active)}.custom-datepicker__clear{right:var(--space-2);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);width:16px;height:16px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.custom-datepicker__clear:hover{color:var(--color-text-primary);background:#ffffff14}.custom-datepicker__popover{top:calc(100% + var(--space-2));background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-lg), 0 10px 24px #0006;padding:var(--space-4);z-index:110;gap:var(--space-3);-webkit-backdrop-filter:blur(16px);flex-direction:column;display:flex;position:absolute;left:0}.calendar-header{justify-content:space-between;align-items:center;display:flex}.calendar-nav-btn{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.calendar-nav-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-active)}.calendar-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.calendar-weekdays{text-align:center;gap:var(--space-1);grid-template-columns:repeat(7,1fr);display:grid}.weekday-label{font-size:10px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase}.calendar-days-grid{gap:var(--space-1);grid-template-columns:repeat(7,1fr);display:grid}.calendar-cell{aspect-ratio:1;border-radius:var(--radius-md);font-size:var(--text-xs);font-family:var(--font-mono);cursor:default;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.calendar-cell.empty{visibility:hidden}.calendar-cell.day{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.calendar-cell.day:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.calendar-cell.day.today{border:1px solid var(--color-brand);color:var(--color-brand-hover);font-weight:var(--font-bold)}.calendar-cell.day.selected{background:var(--color-brand);font-weight:var(--font-bold);box-shadow:var(--shadow-glow-brand);color:#fff!important}.filter-reset-btn{color:var(--color-brand-hover)!important;font-size:var(--text-xs)!important;font-weight:var(--font-semibold)!important}.watchlist-addresses-table th:first-child,.watchlist-addresses-table td:first-child{width:50%}.watchlist-addresses-table th:nth-child(2),.watchlist-addresses-table td:nth-child(2){width:25%}.watchlist-addresses-table th:nth-child(3),.watchlist-addresses-table td:nth-child(3){width:20%}.watchlist-addresses-table th:nth-child(4),.watchlist-addresses-table td:nth-child(4){text-align:right;width:5%}.watchlist-addresses-table td.actions-cell button{justify-content:center;align-items:center;display:inline-flex}.watchlist-section-wrapper{margin-top:var(--space-8);border-top:1px solid var(--color-border-default);padding-top:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.watchlist-section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.watchlist-section-header__title-group{align-items:flex-start;gap:var(--space-3);display:flex}.section-icon-container{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;display:flex}.addresses-icon{color:var(--color-status-healthy);background:#10b9811a;border:1px solid #10b98133}.workflows-icon{color:var(--color-brand-hover);background:#6366f11a;border:1px solid #6366f140}.watchlist-section-title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-text-primary);text-transform:none;margin:0}.watchlist-section-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--space-1) 0 0 0;font-weight:400}.watchlist-section-content{width:100%}.watchlist-detail-tabs{gap:var(--space-2);border-bottom:1px solid var(--color-border-default);margin-top:var(--space-6);margin-bottom:var(--space-6);padding-bottom:1px;display:flex}.watchlist-tab-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;display:inline-flex}.watchlist-tab-btn:hover{color:var(--color-text-primary);background:#ffffff05}.watchlist-tab-btn.active{color:var(--color-brand-hover);border-bottom-color:var(--color-brand);background:#6366f108}.watchlist-tab-panel{width:100%;min-width:0}.import-tab-layout{gap:var(--space-8);grid-template-columns:1fr;align-items:start;display:grid}.import-pane-left{flex-direction:column;min-width:0;display:flex}.import-pane-right{width:100%}.import-workspace-card{border-radius:var(--radius-lg);background:var(--color-bg-secondary)!important;border:1px solid var(--color-border-default)!important}.import-workspace-header{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-4);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.import-workspace-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.import-mode-selector{background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);padding:2px;display:flex}.mode-btn{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);padding:6px var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}.mode-btn:hover{color:var(--color-text-primary)}.mode-btn.active{background:var(--color-bg-secondary);color:var(--color-brand-hover);box-shadow:var(--shadow-sm)}.bulk-dropzone{padding:var(--space-8) var(--space-4);border:2px dashed var(--color-border-default);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);background:#ffffff03;flex-direction:column;justify-content:center;align-items:center;display:flex}.bulk-dropzone:hover{border-color:var(--color-brand-hover);background:#6366f105}.dropzone-icon{color:var(--color-text-muted);margin-bottom:var(--space-3)}.dropzone-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.dropzone-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-4) 0}.dropzone-file-btn{padding:var(--space-2) var(--space-4);background:var(--color-brand);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-3);box-shadow:var(--shadow-glow-brand);justify-content:center;align-items:center;display:inline-flex}.dropzone-file-btn:hover{background:var(--color-brand-hover)}.template-download-link{font-size:var(--text-2xs);color:var(--color-brand-hover);font-weight:var(--font-medium);transition:color var(--transition-fast);text-decoration:none}.template-download-link:hover{text-decoration:underline}.bulk-file-info{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.file-details{align-items:center;gap:var(--space-2);display:flex}.file-icon{color:var(--color-brand-hover)}.file-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);display:block}.file-size{font-size:var(--text-2xs);color:var(--color-text-muted);display:block}.parsed-count-badge{font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--color-status-healthy);border-radius:var(--radius-full);background:#10b9811a;border:1px solid #10b98133;padding:2px 8px}.bulk-preview-container{margin-top:var(--space-4);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4)}.preview-heading{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.bulk-preview-scroll{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.bulk-preview-table{border-collapse:collapse;text-align:left;width:100%}.bulk-preview-table th{font-size:10px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;background:var(--color-bg-elevated);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.bulk-preview-table td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-primary);vertical-align:middle;border-bottom:1px solid #ffffff05}.bulk-preview-table tr.invalid-row td{background:#ef444408}.bulk-preview-table tr.invalid-row td.mono{color:var(--color-status-error)}.truncate-cell{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.preview-status{font-size:10px;font-weight:var(--font-bold)}.preview-status.valid{color:var(--color-status-healthy)}.preview-status.invalid{color:var(--color-status-error)}.bulk-summary-bar{margin-top:var(--space-3);background:var(--color-bg-elevated);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.summary-text{font-size:11px}.text-error{color:var(--color-status-error)}.billing-page{gap:var(--space-6);flex-direction:column;max-width:1600px;margin:0 auto;display:flex}.billing-banner-badge{font-size:10px;font-weight:var(--font-bold);color:var(--color-status-replay);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);background:#a855f71a;border:1px solid #a855f740;align-items:center;padding:2px 8px;display:inline-flex}.billing-overview-row{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.billing-overview-row{gap:var(--space-4);grid-template-columns:1fr}}.billing-stat-card{gap:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff04;flex-direction:column;display:flex;position:relative}.billing-stat-card__title{font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.billing-stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;margin:var(--space-1) 0}.billing-stat-card__desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0;line-height:1.5}.billing-progress-container{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.billing-progress-bar{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);background:#ffffff0a;height:8px;position:relative;overflow:hidden}.billing-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-brand) 0%, var(--color-brand-hover) 100%);height:100%;box-shadow:0 0 12px var(--color-brand);transition:width .5s}.billing-progress-labels{color:var(--color-text-muted);font-size:11px;font-family:var(--font-mono);justify-content:space-between;display:flex}.pricing-section-header{margin-top:var(--space-4);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-2)}.pricing-section-title{font-size:var(--text-md);font-weight:var(--font-bold);color:#fff;margin:0}.pricing-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.pricing-card{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff04;flex-direction:column;display:flex;position:relative}.pricing-card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-card.active-plan{border-color:var(--color-brand-hover);box-shadow:var(--shadow-glow-brand);background:linear-gradient(135deg,#6366f108 0%,#6366f114 100%)}.pricing-card__active-label{top:var(--space-4);right:var(--space-4);font-size:9px;font-weight:var(--font-bold);color:var(--color-brand-hover);background:var(--color-brand-muted);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;border:1px solid #6366f14d;padding:2px 8px;position:absolute}.pricing-card__name{font-size:var(--text-md);font-weight:var(--font-bold);color:#fff;margin:0}.pricing-card__price-row{margin:var(--space-4) 0 var(--space-2);align-items:baseline;display:flex}.pricing-card__price{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff}.pricing-card__period{font-size:var(--text-xs);color:var(--color-text-secondary);margin-left:var(--space-1)}.pricing-card__desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-4);min-height:38px;line-height:1.4}.pricing-card__features{gap:var(--space-2-5);margin-bottom:var(--space-6);flex-direction:column;flex:1;display:flex}.pricing-feature-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.pricing-feature-icon{color:var(--color-status-healthy);flex-shrink:0}.pricing-card__btn{width:100%}.billing-details-row{gap:var(--space-6);grid-template-columns:1fr 1.2fr;display:grid}@media (width<=1024px){.billing-details-row{gap:var(--space-4);grid-template-columns:1fr}}.billing-form-card{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff04;flex-direction:column;display:flex}.billing-form-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-2);align-items:center;gap:8px;margin:0;display:flex}.card-inputs-grid{gap:var(--space-3);grid-template-columns:2fr 1fr 1fr;display:grid}.cc-visual-card{border-radius:var(--radius-lg);width:100%;max-width:320px;height:180px;padding:var(--space-5);box-shadow:var(--shadow-md), 0 0 20px #6366f10d;color:#fff;box-sizing:border-box;margin:var(--space-2) auto var(--space-4);background:linear-gradient(135deg,#1e1b4b 0%,#311042 50%,#1e102f 100%);border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.cc-chip{border-radius:var(--radius-sm);background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);width:34px;height:24px;box-shadow:inset 0 1px 2px #fff3}.cc-logo{font-size:11px;font-family:var(--font-mono);font-weight:var(--font-bold);color:#fffc;top:var(--space-5);right:var(--space-5);position:absolute}.cc-number{font-size:15px;font-family:var(--font-mono);letter-spacing:.15em;color:#fff;text-shadow:1px 1px 2px #0009;margin-top:var(--space-2)}.cc-footer{font-size:9px;font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;display:flex}.cc-label{color:#ffffff73;margin-bottom:2px}.cc-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;overflow:hidden}.invoices-table-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.invoices-list{gap:var(--space-2);flex-direction:column;display:flex}.invoice-item-row{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);transition:all var(--transition-fast);display:flex}.invoice-item-row:hover{border-color:var(--color-border-default);background:#ffffff03}.invoice-metadata{flex-direction:column;gap:2px;display:flex}.invoice-id-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;font-family:var(--font-mono)}.invoice-period-label{color:var(--color-text-secondary);font-size:11px}.invoice-amount-badge{align-items:center;gap:var(--space-4);display:flex}.invoice-sum{font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff}.invoice-status-pill{font-size:9px;font-weight:var(--font-bold);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-status-healthy);background:#10b9811a;border:1px solid #10b98133;padding:1px 6px}.invoice-download-btn{color:var(--color-brand-hover);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:2px 4px;font-size:11px}.invoice-download-btn:hover{color:#fff}.settings-page{gap:var(--space-6);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.settings-header{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-4)}.settings-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.settings-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-0-5)}.settings-layout{gap:var(--space-6);flex-direction:column;display:flex}.settings-sidebar{gap:var(--space-2);border:none;border-bottom:1px solid var(--color-border-default);scrollbar-width:none;-ms-overflow-style:none;background:0 0;border-radius:0;flex-direction:row;padding:0 0 1px;display:flex;overflow-x:auto}.settings-sidebar::-webkit-scrollbar{display:none}.settings-tab-btn{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-2-5) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);transition:color var(--transition-fast), border-color var(--transition-fast);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;display:inline-flex}.settings-tab-btn:hover{color:var(--color-text-primary);background:0 0}.settings-tab-btn.active{color:var(--color-brand-hover);border-bottom-color:var(--color-brand-hover);text-shadow:0 0 10px #6366f140;background:0 0}.settings-panel{min-width:0;padding:var(--space-1) 0}.tab-pane{gap:var(--space-5);flex-direction:column;display:flex}.tab-pane h2{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-text-primary)}.pane-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:calc(-1 * var(--space-3));line-height:1.5}.quota-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff04 0%,#6366f10a 100%)}.quota-card__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.quota-card__header h4{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.quota-card__header .sub-tag{font-size:var(--text-2xs);color:var(--color-text-muted);margin-top:2px}.quota-percentage{font-size:var(--text-sm);color:var(--color-brand-hover)}.quota-bar-wrapper{background:var(--color-bg-primary);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);height:8px;margin-bottom:var(--space-2);overflow:hidden}.quota-bar-fill{background:linear-gradient(90deg, var(--color-brand) 0%, var(--color-brand-hover) 100%);border-radius:var(--radius-full);height:100%;box-shadow:0 0 10px #6366f166}.quota-details{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary);justify-content:space-between;display:flex}.api-keys-list{gap:var(--space-3);flex-direction:column;display:flex}.api-keys-list h3{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.key-card{gap:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff04;flex-direction:column;display:flex}.key-card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-md)}.key-card__info{justify-content:space-between;align-items:center;display:flex}.key-card__name{font-size:var(--text-sm);color:var(--color-text-primary);margin-left:var(--space-3)}.key-card__date{font-size:var(--text-2xs);color:var(--color-text-muted)}.key-card__key-row{align-items:center;gap:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);display:flex}.key-string{font-size:var(--text-xs);color:var(--color-text-primary);flex:1}.key-actions{align-items:center;gap:var(--space-2);display:flex}.key-action-btn{font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-1-5);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;height:24px;display:inline-flex}.key-action-btn:hover{color:var(--color-text-primary);background:var(--color-bg-surface);border-color:var(--color-border-default)}.key-action-btn--delete:hover{color:var(--color-status-error);background:var(--color-status-error-bg);border-color:#f8717133}.revoke-confirmation{align-items:center;gap:var(--space-1-5);background:var(--color-status-error-bg);padding:2px var(--space-2);border-radius:var(--radius-md);border:1px solid #f871714d;display:inline-flex}.revoke-warn-label{color:var(--color-status-error);text-transform:uppercase;margin-right:var(--space-1);font-size:10px}.env-badge{font-size:9px;font-weight:var(--font-bold);border-radius:var(--radius-sm);padding:1px 4px}.env-badge--LIVE{color:var(--color-brand-hover);background:#6366f126;border:1px solid #6366f133}.env-badge--TEST{color:var(--color-status-warning);background:#fbbf2426;border:1px solid #fbbf2433}.generate-key-card h3,.team-invite-card h3{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.settings-inline-form{align-items:flex-end;gap:var(--space-3);flex-flow:wrap;width:100%;display:flex}.settings-inline-form .form-group{flex:240px;margin-bottom:0}.settings-inline-form .form-group select.form-input,.settings-inline-form .form-group input.form-input{box-sizing:border-box;width:100%}.flex-1{flex:1}.align-self-end{flex:0 auto;align-self:flex-end}.settings-form{gap:var(--space-4);flex-direction:column;max-width:650px;display:flex}.env-radio-group{gap:var(--space-3);flex-direction:column;display:flex}.radio-label{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:flex}.radio-label input{margin-top:var(--space-2)}.radio-custom-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), background-color var(--transition-fast);flex:1}.radio-label input:checked+.radio-custom-card{border-color:var(--color-brand-hover);background:var(--color-brand-muted)}.radio-custom-card span{font-size:var(--text-sm);color:var(--color-text-primary)}.radio-custom-card p{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1);line-height:1.5}.profile-identity-section{align-items:center;gap:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);padding:var(--space-4);border-radius:var(--radius-lg);max-width:650px;display:flex}.profile-avatar-large{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-hover) 100%);color:#fff;width:52px;height:52px;font-size:var(--text-md);font-weight:var(--font-bold);box-shadow:var(--shadow-glow-brand);justify-content:center;align-items:center;display:flex}.profile-role-tag{font-size:var(--text-2xs);color:var(--color-brand-hover);margin-top:2px;display:block}.password-separator{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-secondary);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.team-roster-box h3{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.team-card{border:1px solid var(--color-border-default);overflow:hidden}.team-table{border-collapse:collapse;text-align:left;width:100%}.team-table th,.team-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.team-table th{background:var(--color-bg-elevated);color:var(--color-text-secondary);font-weight:var(--font-semibold);border-bottom:1px solid var(--color-border-subtle);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.team-table td{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle}.team-table tr:last-child td{border-bottom:none}.role-pill{font-size:9px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;padding:2px 6px}.role-pill--admin{color:#a78bfa;background:#a78bfa26}.role-pill--developer{color:var(--color-status-healthy);background:#34d39926}.role-pill--viewer{color:var(--color-text-secondary);background:#6b728026}.status-dot-label{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--color-text-secondary);display:inline-flex}.status-dot-label .dot{border-radius:var(--radius-full);width:6px;height:6px}.status-dot-label.active .dot{background:var(--color-status-healthy);box-shadow:0 0 6px var(--color-status-healthy)}.status-dot-label.pending .dot{background:var(--color-status-warning);box-shadow:0 0 6px var(--color-status-warning)}.mb-4{margin-bottom:var(--space-4)}@media (width<=768px){.settings-sidebar{padding:var(--space-1) 0}.settings-tab-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.settings-inline-form{align-items:stretch;gap:var(--space-3);flex-direction:column}.align-self-end{align-self:stretch}}.confirm-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--space-4);background:#040407bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal-box{background:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-lg), 0 0 32px #6366f11a;flex-direction:column;max-height:90vh;display:flex;overflow:hidden}.confirm-modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:#ffffff03;justify-content:space-between;align-items:center;display:flex}.confirm-modal-header h3{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.confirm-modal-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.confirm-modal-body p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.confirm-modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-subtle);background:#ffffff03;display:flex}.auth-container{width:100vw;min-height:100vh;padding:var(--space-4);box-sizing:border-box;background:linear-gradient(135deg,#05050a 0%,#0c0c16 50%,#080510 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-ambient-glow{border-radius:var(--radius-full);filter:blur(40px);pointer-events:none;z-index:1;background:radial-gradient(circle,#6366f11f 0%,#6366f100 70%);width:400px;height:400px;position:absolute}.auth-ambient-glow--1{top:-10%;left:-10%}.auth-ambient-glow--2{background:radial-gradient(circle,#10b9810d 0%,#10b98100 70%);bottom:-10%;right:-10%}.auth-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-8);z-index:10;gap:var(--space-6);box-sizing:border-box;background:#0f0f1ba6;border:1px solid #ffffff0f;flex-direction:column;display:flex;box-shadow:0 12px 40px #0009,0 0 32px #6366f10a}.auth-brand{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.auth-logo{font-size:var(--text-2xl);color:var(--color-brand-hover);text-shadow:0 0 10px #6366f180}.auth-brand-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff;letter-spacing:-.01em}.auth-header{text-align:center}.auth-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-1)}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:-.01em;align-items:center;display:flex}.form-input{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:100%;padding:var(--space-2-5) var(--space-3-5);font-size:var(--text-sm);color:var(--color-text-primary);transition:all var(--transition-fast);background:#ffffff05;font-family:inherit}.form-input:hover{border-color:var(--color-border-active);background:#ffffff0a}.form-input:focus{border-color:var(--color-brand);background:#ffffff0d;outline:none;box-shadow:0 0 16px #6366f11f}.password-input-container{align-items:center;width:100%;display:flex;position:relative}.password-input-container .form-input{padding-right:var(--space-10)}.eye-toggle-btn{right:var(--space-3);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute}.eye-toggle-btn:hover{color:var(--color-text-secondary)}.pwd-strength-container{flex-direction:column;gap:6px;margin-top:-2px;display:flex}.pwd-strength-bar-bg{border-radius:var(--radius-full);background:#ffffff0d;height:4px;overflow:hidden}.pwd-strength-fill{width:0;height:100%;transition:width .3s,background-color .3s}.pwd-strength-fill.weak{background-color:var(--color-status-error);width:33%}.pwd-strength-fill.medium{background-color:var(--color-status-warning);width:66%}.pwd-strength-fill.strong{background-color:var(--color-status-healthy);width:100%}.pwd-strength-label{color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono)}.auth-options{font-size:var(--text-xs);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.remember-me-label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.remember-me-checkbox{accent-color:var(--color-brand)}.forgot-password-link{color:var(--color-brand-hover);font-weight:var(--font-semibold);transition:color var(--transition-fast);text-decoration:none}.forgot-password-link:hover{color:#fff;text-shadow:0 0 4px #6366f133}.auth-submit-btn{width:100%;height:42px;font-size:var(--text-sm)!important;font-weight:var(--font-bold)!important;background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-hover) 100%)!important;transition:all var(--transition-fast)!important;border:1px solid #ffffff1a!important;box-shadow:0 4px 12px #6366f140!important}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f173!important}.auth-footer{text-align:center;font-size:var(--text-xs);color:var(--color-text-secondary)}.auth-footer-link{color:var(--color-brand-hover);font-weight:var(--font-bold);margin-left:4px;text-decoration:none}.auth-footer-link:hover{text-decoration:underline}.forgot-success-card{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;flex-direction:column;display:flex}.forgot-success-icon{border-radius:var(--radius-full);width:50px;height:50px;color:var(--color-status-healthy);background:#10b9811a;border:1px solid #10b9814d;justify-content:center;align-items:center;display:flex;box-shadow:0 0 16px #10b9811a}.forgot-success-email{font-weight:var(--font-bold);color:#fff;background:var(--color-bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);font-family:var(--font-mono);padding:2px 8px}.onboarding-wizard-container{width:100vw;min-height:100vh;padding:var(--space-6);box-sizing:border-box;background:linear-gradient(135deg,#040408 0%,#0a0a14 50%,#07040d 100%);justify-content:center;align-items:center;display:flex}.onboarding-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);width:100%;max-width:680px;padding:var(--space-8);z-index:10;gap:var(--space-6);box-sizing:border-box;background:#0d0d17b3;border:1px solid #ffffff0d;flex-direction:column;display:flex;box-shadow:0 20px 50px #000000b3,0 0 40px #6366f10d}.onboarding-header{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-4)}.onboarding-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;letter-spacing:-.015em;margin:0}.onboarding-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:4px}.onboarding-progress{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-2);background:#ffffff05;justify-content:space-between;align-items:center;display:flex}.onboarding-step{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all .3s;display:flex}.onboarding-step__num{border-radius:var(--radius-full);border:1px solid var(--color-border-active);width:20px;height:20px;font-size:10px;font-family:var(--font-mono);justify-content:center;align-items:center;transition:all .3s;display:flex}.onboarding-step.active{color:#fff}.onboarding-step.active .onboarding-step__num{border-color:var(--color-brand);background:var(--color-brand-muted);color:var(--color-brand-hover);box-shadow:0 0 10px #6366f140}.onboarding-step.completed{color:var(--color-status-healthy)}.onboarding-step.completed .onboarding-step__num{border-color:var(--color-status-healthy);background:var(--color-status-healthy-bg);color:var(--color-status-healthy)}.onboarding-line{background:var(--color-border-subtle);height:1px;margin:0 var(--space-4);flex:1}.onboarding-panel{gap:var(--space-5);flex-direction:column;min-height:240px;display:flex}.onboarding-section-title{font-size:var(--text-md);font-weight:var(--font-bold);color:#fff;margin:0 0 var(--space-3);align-items:center;gap:8px;display:flex}.onboarding-role-grid,.onboarding-goal-grid{gap:var(--space-3);margin-bottom:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.onboarding-option-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;display:flex}.onboarding-option-card:hover{border-color:var(--color-border-active);background:#ffffff05}.onboarding-option-card.selected{border-color:var(--color-brand);background:var(--color-brand-muted);box-shadow:0 0 14px #6366f126}.onboarding-option-icon{font-size:var(--text-lg);color:var(--color-text-muted);transition:color var(--transition-fast)}.onboarding-option-card.selected .onboarding-option-icon{color:var(--color-brand-hover)}.onboarding-option-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary)}.onboarding-chains-list{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.onboarding-chain-card{align-items:center;gap:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.onboarding-chain-card:hover{border-color:var(--color-border-active)}.onboarding-chain-card.selected{border-color:var(--color-brand);background:var(--color-brand-muted);box-shadow:0 0 12px #6366f126}.onboarding-chain-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff}.onboarding-chain-short{color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono);margin-left:auto}.onboarding-celebration{text-align:center;justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-6) 0;flex-direction:column;min-height:280px;display:flex}.celebration-shield{border-radius:var(--radius-full);width:64px;height:64px;color:var(--color-status-healthy);background:#10b98114;border:1px solid #10b98140;justify-content:center;align-items:center;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards scaleBounce;display:flex;box-shadow:0 0 24px #10b98126}.celebration-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;margin:0}.celebration-desc{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:420px;margin:0;line-height:1.5}.onboarding-actions{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4);margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}@keyframes scaleBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideLeftIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-left-in{animation:.5s ease-out forwards slideLeftIn}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}:root{--color-bg-primary:#040409;--color-bg-secondary:#090912;--color-bg-elevated:#10101f;--color-bg-surface:#17172e;--color-bg-hover:#1e1e3b;--color-bg-active:#27274e;--color-border-subtle:#1c1c30;--color-border-default:#2a2a47;--color-border-active:#3e3e68;--color-border-focus:#6366f1;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#64748b;--color-text-inverse:#040409;--color-brand:#6366f1;--color-brand-hover:#818cf8;--color-brand-muted:#6366f126;--color-status-healthy:#10b981;--color-status-healthy-bg:#10b98114;--color-status-warning:#f59e0b;--color-status-warning-bg:#f59e0b14;--color-status-error:#ef4444;--color-status-error-bg:#ef444414;--color-status-info:#3b82f6;--color-status-info-bg:#3b82f614;--color-status-neutral:#64748b;--color-status-neutral-bg:#64748b14;--color-status-replay:#8b5cf6;--color-status-replay-bg:#8b5cf614;--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--line-height-tight:1.3;--line-height-normal:1.5;--line-height-relaxed:1.65;--line-height-loose:1.8;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow-brand:0 0 25px #6366f12e;--sidebar-width:240px;--sidebar-collapsed:64px;--topbar-height:56px}:root.light-mode{--color-bg-primary:#f8fafc;--color-bg-secondary:#fff;--color-bg-elevated:#f1f5f9;--color-bg-surface:#e2e8f0;--color-bg-hover:#cbd5e1;--color-bg-active:#94a3b8;--color-border-subtle:#e2e8f0;--color-border-default:#cbd5e1;--color-border-active:#94a3b8;--color-border-focus:#4f46e5;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-brand:#4f46e5;--color-brand-hover:#6366f1;--color-brand-muted:#4f46e51a;--color-status-healthy-bg:#10b9811f;--color-status-warning-bg:#f59e0b1f;--color-status-error-bg:#ef44441f;--color-status-info-bg:#3b82f61f;--color-status-neutral-bg:#6b72801f;--color-status-replay-bg:#8b5cf61f;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow-brand:0 0 20px #4f46e514}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-active)}.mono{font-family:var(--font-mono)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-base) both}.animate-slide-up{animation:slideUp var(--transition-slow) both}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-muted);opacity:.45;font-weight:var(--font-normal)}