@font-face{font-family:DSEG7 Classic;src:url(/fonts/DSEG7Classic-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DSEG7 Classic;src:url(/fonts/DSEG7Classic-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg-primary: #0a0a0f;--color-bg-surface: #12121a;--color-bg-elevated: #1a1a25;--color-bg-hover: #22222f;--color-accent-cyan: #00e5cc;--color-accent-cyan-dim: #00b8a3;--color-accent-cyan-glow: rgba(0, 229, 204, .3);--color-accent-magenta: #ff00aa;--color-accent-magenta-dim: #cc0088;--color-accent-purple: #8855ff;--color-accent-amber: #ff8800;--color-accent-amber-dim: #cc6600;--color-success: #00ff88;--color-error: #ff4444;--color-warning: #ffaa00;--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0b0;--color-text-muted: #666680;--color-text-accent: var(--color-accent-cyan);--color-border: #2a2a3a;--color-border-accent: var(--color-accent-cyan-dim);--color-grid-lines: rgba(0, 229, 204, .06);--font-display: "DSEG7 Classic", "Courier New", monospace;--font-ui: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-display: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--border-width: 1px;--border-width-thick: 2px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--glow-cyan: 0 0 10px var(--color-accent-cyan-glow), 0 0 20px var(--color-accent-cyan-glow);--glow-magenta: 0 0 10px rgba(255, 0, 170, .3), 0 0 20px rgba(255, 0, 170, .2);--glow-amber: 0 0 10px rgba(255, 136, 0, .3);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 240px;--sidebar-collapsed: 64px;--header-height: 60px;--content-max-width: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);line-height:1.5;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--color-grid-lines) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-lines) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:-1}.text-display{font-family:var(--font-display);font-size:var(--text-display);color:var(--color-accent-cyan);text-shadow:var(--glow-cyan);letter-spacing:.05em}.text-mono{font-family:var(--font-mono)}.text-accent{color:var(--color-accent-cyan)}.text-muted{color:var(--color-text-muted)}.panel{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.panel--elevated{background:var(--color-bg-elevated);box-shadow:var(--shadow-md)}.panel--accent{border-color:var(--color-border-accent);box-shadow:inset 0 0 20px #00e5cc08}.panel__header{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.status-light{width:10px;height:10px;border-radius:var(--radius-full);display:inline-block}.status-light--active{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-light--warning{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.status-light--error{background:var(--color-error);box-shadow:0 0 6px var(--color-error)}.status-light--inactive{background:var(--color-text-muted)}.bar-indicator{display:flex;gap:2px;height:24px;align-items:flex-end}.bar-indicator__segment{width:8px;background:var(--color-accent-cyan-dim);border-radius:1px;opacity:.3;transition:var(--transition-fast)}.bar-indicator__segment--active{opacity:1;box-shadow:0 0 4px var(--color-accent-cyan-glow)}.bar-indicator__segment--warning{background:var(--color-accent-amber)}.bar-indicator__segment--danger{background:var(--color-error)}.led-display{font-family:var(--font-display);color:var(--color-accent-cyan);text-shadow:var(--glow-cyan);background:var(--color-bg-primary);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm)}.led-display--large{font-size:var(--text-3xl);padding:var(--space-3) var(--space-4)}.led-display--amber{color:var(--color-accent-amber);text-shadow:var(--glow-amber)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent-cyan);outline-offset:2px}::selection{background:var(--color-accent-cyan);color:var(--color-bg-primary)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),var(--glow-cyan);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:560px}.modal--lg{width:100%;max-width:800px}.modal--xl{width:100%;max-width:1100px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.modal__title{font-size:var(--text-lg);font-weight:600;color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin:0}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);font-size:24px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal__close:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.modal__body{padding:var(--space-4);overflow-y:auto;flex:1}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:var(--border-width) solid var(--color-border);background:var(--color-bg-elevated)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:transparent;border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.btn--primary:hover:not(:disabled){background:var(--color-accent-cyan);color:var(--color-bg-primary);box-shadow:var(--glow-cyan)}.btn--primary:active:not(:disabled){transform:scale(.98)}.btn--secondary{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-muted)}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover)}.btn--danger{background:transparent;border-color:var(--color-error);color:var(--color-error)}.btn--danger:hover:not(:disabled){background:var(--color-error);color:var(--color-bg-primary);box-shadow:0 0 10px #ff44444d}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--icon{padding:var(--space-2);width:36px;height:36px}.btn--icon.btn--sm{width:28px;height:28px;padding:var(--space-1)}.input{display:block;width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-base)}.input::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled){border-color:var(--color-text-muted)}.input:focus{outline:none;border-color:var(--color-accent-cyan);box-shadow:0 0 0 2px var(--color-accent-cyan-glow)}.input:disabled{opacity:.5;cursor:not-allowed}.input--error{border-color:var(--color-error)}.input--error:focus{box-shadow:0 0 0 2px #f443}.input--led{font-family:var(--font-display);color:var(--color-accent-cyan);text-shadow:var(--glow-cyan);letter-spacing:.1em;text-align:center}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-left:var(--space-10)}.input-group__icon{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666680' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10);cursor:pointer}.select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300e5cc' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.checkbox,.radio{appearance:none;width:18px;height:18px;background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.checkbox{border-radius:var(--radius-sm)}.radio{border-radius:var(--radius-full)}.checkbox:hover,.radio:hover{border-color:var(--color-accent-cyan)}.checkbox:checked,.radio:checked{background:var(--color-accent-cyan);border-color:var(--color-accent-cyan);box-shadow:0 0 6px var(--color-accent-cyan-glow)}.checkbox:checked:after{content:"";display:block;width:5px;height:9px;margin:2px auto;border:solid var(--color-bg-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.radio:checked:after{content:"";display:block;width:8px;height:8px;margin:4px auto;background:var(--color-bg-primary);border-radius:var(--radius-full)}.label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.form-group{margin-bottom:var(--space-4)}.form-check{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-check .label{margin-bottom:0;text-transform:none;color:var(--color-text-primary)}.table-container{width:100%;overflow-x:auto;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table__head{background:var(--color-bg-elevated);border-bottom:var(--border-width) solid var(--color-border)}.table__header{padding:var(--space-3) var(--space-4);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap}.table__header--left{text-align:left}.table__header--center{text-align:center}.table__header--right{text-align:right}.table__body .table__row{border-bottom:var(--border-width) solid var(--color-border);transition:background var(--transition-fast)}.table__body .table__row:last-child{border-bottom:none}.table__body .table__row:hover{background:var(--color-bg-hover)}.table__row--clickable{cursor:pointer}.table__row--selected{background:#00e5cc1a}.table__row--selected:hover{background:#00e5cc26}.table__cell{padding:var(--space-3) var(--space-4);color:var(--color-text-primary)}.table__cell--left{text-align:left}.table__cell--center{text-align:center}.table__cell--right{text-align:right}.table__cell--led{font-family:var(--font-display);color:var(--color-accent-cyan)}.table .status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;text-transform:uppercase}.status-badge--active{background:#00ff8826;color:var(--color-success)}.status-badge--warning{background:#ffaa0026;color:var(--color-warning)}.status-badge--inactive{background:var(--color-bg-hover);color:var(--color-text-muted)}.tree{font-size:var(--text-sm)}.tree-node__content{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:default;transition:background var(--transition-fast)}.tree-node__content--selectable{cursor:pointer}.tree-node__content--selectable:hover{background:var(--color-bg-hover)}.tree-node__content--selected{background:#00e5cc1a}.tree-node__content--selected:hover{background:#00e5cc26}.tree-node__controls{display:flex;align-items:center;gap:var(--space-2)}.tree-node__toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-accent-cyan);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.tree-node__toggle:hover{background:var(--color-bg-hover);border-color:var(--color-accent-cyan)}.tree-node__toggle-placeholder{width:20px;height:20px}.tree-node__label{flex:1;color:var(--color-text-primary)}.tree-node__badge{padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-muted)}.tree-node__children{margin-left:var(--space-2);border-left:var(--border-width) solid var(--color-border)}.bar-chart{width:100%}.bar-chart__title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.bar-chart__container{position:relative;width:100%;min-height:200px}.bar-chart__bars{display:flex;align-items:flex-end;justify-content:space-between;gap:2px;height:100%;min-height:200px;padding:var(--space-4) 0}.bar-chart__bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-height:200px;cursor:pointer;transition:transform var(--transition-fast)}.bar-chart__bar-wrapper:hover{transform:translateY(-2px)}.bar-chart__bar{flex:1;width:100%;min-height:150px;display:flex;flex-direction:column;gap:2px;justify-content:flex-end;background:#0000004d;border-radius:2px;padding:2px}.bar-chart__segment{flex:1;min-height:8px;background:var(--color-bg-elevated);border-radius:1px;opacity:.15;transition:all var(--transition-fast);position:relative}.bar-chart__segment--active{opacity:1}.bar-chart__segment--cyan.bar-chart__segment--active{background:var(--color-accent-cyan);box-shadow:0 0 8px var(--color-accent-cyan-glow)}.bar-chart__segment--amber.bar-chart__segment--active{background:var(--color-accent-amber);box-shadow:0 0 8px #f806}.bar-chart__segment--red.bar-chart__segment--active{background:var(--color-error);box-shadow:0 0 8px #f446}.bar-chart__label{font-size:10px;color:var(--color-text-muted);text-align:center;white-space:nowrap}.bar-chart__tooltip{position:fixed;transform:translate(-50%,-100%);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-accent-cyan);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);pointer-events:none;z-index:1000;box-shadow:var(--shadow-lg),var(--glow-cyan);white-space:nowrap}.bar-chart__tooltip-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;text-align:center}.bar-chart__tooltip-breakdown{display:flex;flex-direction:column;gap:var(--space-1)}.bar-chart__tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.bar-chart__tooltip-status{font-size:var(--text-sm);width:16px;text-align:center}.bar-chart__tooltip-status--success{color:var(--color-accent-cyan)}.bar-chart__tooltip-status--waiting{color:var(--color-accent-amber)}.bar-chart__tooltip-status--failed{color:var(--color-error)}.bar-chart__tooltip-value{font-size:var(--text-sm);padding:var(--space-1) 2px var(--space-1) 0;text-align:right;min-width:50px;display:inline-block}@media(max-width:768px){.bar-chart__bars{gap:1px}.bar-chart__label{font-size:8px}}.upgrade-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;margin:2rem auto;max-width:480px;border-radius:16px;background:linear-gradient(135deg,#1e1e2de6,#141423f2);border:1px solid rgba(120,100,255,.25);box-shadow:0 0 40px #7864ff14}.upgrade-banner__icon{font-size:3rem;margin-bottom:1rem;opacity:.9}.upgrade-banner__title{font-size:1.35rem;font-weight:600;color:var(--text-primary, #e8e6f0);margin:0 0 .75rem}.upgrade-banner__description{font-size:.95rem;color:var(--text-secondary, #a09bbd);line-height:1.6;margin:0 0 1.5rem;max-width:360px}.upgrade-banner__cta{padding:.7rem 2rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#7864ff,#6048e8);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.upgrade-banner__cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #7864ff59}.upgrade-banner__cta:active{transform:translateY(0)}.upgrade-options{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1100px;margin:0 auto;padding:1rem}.upgrade-options__header{text-align:center}.upgrade-options__title{font-size:1.75rem;font-weight:600;color:var(--text-primary, #e8e6f0);margin:0 0 .5rem}.upgrade-options__subtitle{font-size:.95rem;color:var(--text-secondary, #a09bbd);margin:0}.upgrade-options__error{padding:.75rem 1rem;border-radius:8px;background:#dc46501f;border:1px solid rgba(220,70,80,.35);color:#ff8a92;font-size:.9rem;text-align:center}.upgrade-options__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}@media(max-width:880px){.upgrade-options__grid{grid-template-columns:1fr}}.tier-card{position:relative;display:flex;flex-direction:column;padding:1.75rem 1.5rem;border-radius:14px;background:linear-gradient(135deg,#1e1e2df2,#141423fa);border:1px solid rgba(120,100,255,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tier-card:hover:not(.tier-card--current){transform:translateY(-2px);border-color:#7864ff66;box-shadow:0 6px 24px #7864ff26}.tier-card--featured{border-color:#7864ff8c;box-shadow:0 0 32px #7864ff2e}.tier-card--current{opacity:.78;border-color:#7864ff4d}.tier-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:.25rem .75rem;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#7864ff,#6048e8);color:#fff;white-space:nowrap}.tier-card__badge--current{background:#7864ff33;color:var(--text-secondary, #a09bbd);border:1px solid rgba(120,100,255,.35)}.tier-card__name{font-size:1.25rem;font-weight:600;color:var(--text-primary, #e8e6f0);margin:0 0 .5rem}.tier-card__price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.tier-card__amount{font-size:2.25rem;font-weight:700;color:var(--text-primary, #e8e6f0);line-height:1}.tier-card__interval{font-size:.95rem;color:var(--text-secondary, #a09bbd)}.tier-card__tagline{font-size:.85rem;color:var(--text-secondary, #a09bbd);margin:0 0 .5rem}.tier-card__headline{font-size:.95rem;color:var(--text-primary, #e8e6f0);margin:0 0 1.25rem;line-height:1.5;font-weight:500}.tier-card__features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.tier-card__feature{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:var(--text-secondary, #a09bbd);line-height:1.45}.tier-card__check{flex-shrink:0;color:#7864ff;font-weight:700;font-size:.9rem;line-height:1.45}.tier-card__cta{width:100%;padding:.75rem 1rem;border:1px solid rgba(120,100,255,.4);border-radius:8px;font-size:.95rem;font-weight:600;color:var(--text-primary, #e8e6f0);background:#7864ff1a;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.tier-card__cta:hover:not(:disabled){background:#7864ff33;transform:translateY(-1px)}.tier-card__cta:disabled{cursor:not-allowed;opacity:.55}.tier-card__cta--primary{background:linear-gradient(135deg,#7864ff,#6048e8);border-color:transparent;color:#fff}.tier-card__cta--primary:hover:not(:disabled){box-shadow:0 4px 16px #7864ff59}.tier-card__cta--current{background:transparent;border-color:#7864ff40;color:var(--text-secondary, #a09bbd);cursor:default;text-align:center}.upgrade-options__footer{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding-top:.5rem;flex-wrap:wrap}.upgrade-options__compare-link{color:var(--text-secondary, #a09bbd);font-size:.88rem;text-decoration:none;transition:color .15s ease}.upgrade-options__compare-link:hover{color:#7864ff}.upgrade-options__dismiss{background:none;border:none;color:var(--text-secondary, #a09bbd);font-size:.88rem;cursor:pointer;padding:.25rem .5rem;transition:color .15s ease}.upgrade-options__dismiss:hover{color:var(--text-primary, #e8e6f0)}.upgrade-modal__context{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem 1rem 1.5rem;margin-bottom:.5rem;border-bottom:1px solid rgba(120,100,255,.18)}.upgrade-modal__context-icon{font-size:2rem;margin-bottom:.5rem;opacity:.85}.upgrade-modal__context-title{font-size:1.1rem;font-weight:600;color:var(--text-primary, #e8e6f0);margin:0 0 .5rem}.upgrade-modal__context-reason{font-size:.9rem;color:var(--text-secondary, #a09bbd);margin:0;max-width:540px;line-height:1.5}.client-switcher{position:relative;padding:.5rem .75rem;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.client-switcher__current,.client-switcher__display{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;cursor:default}.client-switcher__avatar{width:24px;height:24px;border-radius:6px;background:var(--accent-primary, #6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0}.client-switcher__name{font-size:.75rem;color:var(--text-secondary, rgba(255, 255, 255, .65));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.client-switcher__chevron{font-size:.65rem;color:var(--text-tertiary, rgba(255, 255, 255, .35));flex-shrink:0}.client-switcher__select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;font-size:.8rem}.client-switcher:has(.client-switcher__select):hover{background:var(--surface-hover, rgba(255, 255, 255, .04));border-radius:6px}.client-switcher:has(.client-switcher__select):hover .client-switcher__name{color:var(--text-primary, rgba(255, 255, 255, .9))}.client-switcher:has(.client-switcher__select):hover .client-switcher__chevron{color:var(--text-secondary, rgba(255, 255, 255, .65))}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;background:var(--color-bg-surface);border-right:var(--border-width) solid var(--color-border);z-index:100}.sidebar__logo{display:flex;align-items:center;justify-content:center;padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.sidebar__logo-img{width:100%;max-width:180px;height:auto;display:block}.sidebar__logo-text{font-size:var(--text-xl);font-weight:700;color:var(--color-accent-cyan);text-shadow:var(--glow-cyan);letter-spacing:.1em}.sidebar__logo-version{font-size:var(--text-xs);color:var(--color-accent-magenta);font-weight:500}.sidebar__nav{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-base);border:var(--border-width) solid transparent}.sidebar__link:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.sidebar__link--active{color:var(--color-accent-cyan);background:#00e5cc1a;border-color:var(--color-accent-cyan-dim)}.sidebar__link--active .sidebar__link-icon{text-shadow:var(--glow-cyan)}.sidebar__link-icon{font-size:var(--text-lg);width:24px;text-align:center}.sidebar__link-label{letter-spacing:.02em}.sidebar__footer{padding:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.sidebar__status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-6);background:var(--color-bg-surface);border-bottom:var(--border-width) solid var(--color-border)}.header__title{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0}.header__actions{display:flex;align-items:center;gap:var(--space-4)}.header__user{display:flex;align-items:center;gap:var(--space-3)}.header__user-name{font-size:var(--text-sm);color:var(--color-text-secondary)}.header__logout{padding:var(--space-1) var(--space-3);background:transparent;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.header__logout:hover{border-color:var(--color-error);color:var(--color-error)}.header__plan-badge{background:var(--color-primary-transparent, rgba(0, 255, 204, .1));color:var(--color-primary);border:1px solid var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;box-shadow:0 0 10px var(--color-primary-transparent, rgba(0, 255, 204, .2))}.app-layout{display:flex;min-height:100vh}.app-layout__main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column}.app-layout__content{flex:1;padding:var(--space-6);overflow-y:auto}.dashboard{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.metric-card{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.metric-card__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.metric-card__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-accent-cyan);text-shadow:var(--glow-cyan);letter-spacing:.05em}.dashboard__actions{display:flex;gap:var(--space-3)}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-4)}.platform-bars{display:flex;flex-direction:column;gap:var(--space-4)}.platform-bar{display:flex;flex-direction:column;gap:var(--space-2)}.platform-bar__info{display:flex;justify-content:space-between;font-size:var(--text-sm)}.platform-bar__name{color:var(--color-text-primary)}.platform-bar__count{color:var(--color-accent-cyan);font-family:var(--font-mono)}.platform-bar__track{height:8px;background:var(--color-bg-primary);border-radius:var(--radius-full);overflow:hidden}.platform-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-accent-cyan),var(--color-accent-magenta));border-radius:var(--radius-full);transition:width var(--transition-slow);box-shadow:0 0 8px var(--color-accent-cyan-glow)}.activity-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-primary);border-radius:var(--radius-sm)}.activity-item__content{flex:1}.activity-item__action{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-1)}.activity-item__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.dashboard__connections{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.connection-indicators{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4)}.connection-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.upload-wizard{max-width:800px;margin:0 auto}.wizard-progress{display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-4);background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.wizard-step--active,.wizard-step--complete{opacity:1}.wizard-step__number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:var(--border-width-thick) solid var(--color-border);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);transition:all var(--transition-base)}.wizard-step--active .wizard-step__number{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan);box-shadow:var(--glow-cyan)}.wizard-step--complete .wizard-step__number{background:var(--color-accent-cyan);border-color:var(--color-accent-cyan);color:var(--color-bg-primary)}.wizard-step--active .wizard-step__label{color:var(--color-accent-cyan)}.wizard-content{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.wizard-content h2{font-size:var(--text-xl);color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.wizard-hint{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.upload-error{padding:var(--space-3);margin-bottom:var(--space-4);background:#ff444426;border:var(--border-width) solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm)}.type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.type-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background:var(--color-bg-primary);border:var(--border-width-thick) solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center}.type-option:hover{border-color:var(--color-text-muted)}.type-option--selected{border-color:var(--color-accent-cyan);box-shadow:inset 0 0 20px #00e5cc1a}.type-option__icon{display:flex;align-items:center;justify-content:center;color:#e91e8c;transition:all var(--transition-base)}.type-option__icon svg{width:48px;height:48px}.type-option:hover .type-option__icon{color:#ff3da1;filter:drop-shadow(0 0 8px rgba(233,30,140,.4))}.type-option--selected .type-option__icon{color:#ff3da1;filter:drop-shadow(0 0 12px rgba(233,30,140,.6))}.type-option__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.type-option__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.file-upload-area{margin-bottom:var(--space-6)}.file-upload-area input[type=file]{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-10);background:var(--color-bg-primary);border:var(--border-width-thick) dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;color:var(--color-text-secondary)}.file-upload-label:hover{border-color:var(--color-accent-cyan);background:#00e5cc0d}.file-upload-icon{font-size:var(--text-3xl);color:var(--color-accent-cyan)}.file-upload-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.column-mapping{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}.data-preview{margin-bottom:var(--space-6)}.data-preview h3{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.preview-table{overflow-x:auto;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm)}.preview-table table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.preview-table th,.preview-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:var(--border-width) solid var(--color-border);white-space:nowrap}.preview-table th{background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase}.preview-count{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.validation-summary{display:flex;gap:var(--space-6);margin-bottom:var(--space-6)}.validation-stat{text-align:center;padding:var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-md);min-width:120px}.validation-stat__value{display:block;font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-accent-cyan);text-shadow:var(--glow-cyan)}.validation-stat--error .validation-stat__value{color:var(--color-error);text-shadow:0 0 10px rgba(255,68,68,.3)}.validation-stat__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase}.validation-errors{padding:var(--space-4);background:#ff44441a;border-radius:var(--radius-md);margin-bottom:var(--space-6)}.validation-errors h3{font-size:var(--text-sm);color:var(--color-error);margin-bottom:var(--space-2)}.validation-errors ul{list-style:none;font-size:var(--text-sm);color:var(--color-text-secondary)}.validation-errors li{padding:var(--space-1) 0}.results-summary{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8);text-align:center}.results-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#00ff8826;color:var(--color-success);font-size:var(--text-4xl);box-shadow:0 0 20px #0f83}.results-stats{display:flex;gap:var(--space-8)}.result-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.result-stat span:last-child{font-size:var(--text-sm);color:var(--color-text-secondary)}.wizard-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-6);border-top:var(--border-width) solid var(--color-border);margin-top:var(--space-6)}.destination-selectors{display:flex;flex-direction:column;gap:var(--space-4);max-width:500px}.no-connections{text-align:center;padding:var(--space-8);background:#ffb74d1a;border:var(--border-width) solid var(--color-accent-amber);border-radius:var(--radius-md)}.no-connections__icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.no-connections h3{color:var(--color-accent-amber);margin-bottom:var(--space-2)}.no-connections p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.no-connections__actions{display:flex;gap:var(--space-3);justify-content:center}.selected-action-info{padding:var(--space-4);background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-2)}.selected-action-info__type{display:flex;align-items:center;gap:var(--space-2)}.selected-action-info__type .label{color:var(--color-text-muted)}.selected-action-info__type .value{font-weight:600}.selected-action-info__type .value--click{color:var(--color-accent-cyan)}.selected-action-info__type .value--call{color:#e91e8c}.simulated-warning{background:#ffb74d26;border:var(--border-width) solid var(--color-accent-amber);color:var(--color-accent-amber);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);text-align:center;font-weight:600;font-size:var(--text-sm)}.simulated-warning--results{margin-bottom:var(--space-6);font-size:var(--text-base)}.click-id-type-selector{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.click-id-type-selector .section-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.radio-group{display:flex;gap:var(--space-3)}.radio-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.radio-option:hover{border-color:var(--color-accent-cyan)}.radio-option--selected{border-color:var(--color-accent-cyan);background:#00ffc814;box-shadow:var(--glow-cyan)}.radio-option input{display:none}.radio-option span{font-weight:600;color:var(--color-text-primary)}.radio-option small{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.enhanced-conversions-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--border-width) dashed var(--color-border)}.enhanced-toggle{margin-bottom:var(--space-4)}.toggle-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.toggle-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--color-accent-cyan)}.toggle-text{display:flex;flex-direction:column;gap:var(--space-1)}.toggle-text small{font-size:var(--text-sm);color:var(--color-text-muted)}.column-mapping--enhanced{padding:var(--space-4);background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.column-mapping--enhanced h4{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-3)}.column-mapping--enhanced .optional-tag{font-weight:400;font-size:var(--text-sm);color:var(--color-text-muted)}.column-mapping--enhanced .mapping-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.enhanced-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(max-width:600px){.enhanced-fields-grid{grid-template-columns:1fr}.radio-group{flex-direction:column}}.connections-page{display:flex;flex-direction:column;gap:var(--space-8)}.connections-error{padding:var(--space-3);background:#ff444426;border:var(--border-width) solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm);cursor:pointer}.connections-limit-badge{padding:var(--space-2) var(--space-4);background:#00e5cc14;border:var(--border-width) solid rgba(0,229,204,.2);border-radius:var(--radius-sm);color:var(--color-accent-cyan);font-size:var(--text-sm);font-weight:500}.connections-limit-badge--at-limit{background:#ffaa3c1a;border-color:#ffaa3c4d;color:#ffaa3c}.connections-limit-badge__hint{opacity:.75;font-weight:400}.connections-section h2{font-size:var(--text-lg);color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.connections-hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.connections-loading,.connections-empty{color:var(--color-text-muted);padding:var(--space-6);text-align:center;background:var(--color-bg-surface);border-radius:var(--radius-md)}.connections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.connection-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-base)}.connection-card:hover{border-color:var(--color-text-muted)}.connection-card--connected{border-color:var(--color-accent-cyan-dim);box-shadow:inset 0 0 20px #00e5cc0d}.connection-card__header{display:flex;align-items:center;gap:var(--space-2)}.connection-card__icon{font-size:var(--text-3xl)}.connection-card__name{font-weight:600;color:var(--color-text-primary)}.connection-card__status{font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted)}.connection-card__auth-type{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border-radius:var(--radius-sm)}.connection-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.webhook-info{padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm)}.webhook-info p{margin-bottom:var(--space-2)}.webhook-info p:last-child{margin-bottom:0}.wizard-content{position:relative}.wizard-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--space-6);padding:var(--space-4) 0}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);opacity:.4;transition:all var(--transition-base)}.wizard-step--active{opacity:1}.wizard-step--complete .wizard-step__number{background:var(--color-accent-cyan);color:var(--color-bg-base)}.wizard-step__number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-elevated);border:2px solid var(--color-border);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-base)}.wizard-step--active .wizard-step__number{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.wizard-step__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.wizard-step__line{width:60px;height:2px;background:var(--color-border);margin:0 var(--space-2);margin-bottom:var(--space-5)}.wizard-error{padding:var(--space-3);margin-bottom:var(--space-4);background:#ff444426;border:var(--border-width) solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm)}.wizard-step-content{min-height:200px}.wizard-instruction{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.wizard-hint{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.wizard-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3);max-height:300px;overflow-y:auto;padding:var(--space-1)}.wizard-selection-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center}.wizard-selection-card:hover{border-color:var(--color-text-muted);background:var(--color-bg-elevated)}.wizard-selection-card--selected{border-color:var(--color-accent-cyan);background:#00e5cc1a}.wizard-selection-card--selected:hover{border-color:var(--color-accent-cyan)}.wizard-selection-card--all{background:linear-gradient(135deg,var(--color-bg-surface),var(--color-bg-elevated))}.wizard-selection-card__icon{font-size:var(--text-2xl)}.wizard-selection-card__name{font-weight:600;color:var(--color-text-primary);font-size:var(--text-sm)}.wizard-selection-card__id{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.wizard-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:#0d0d0dd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;border-radius:var(--radius-md)}.wizard-loading__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent-cyan);border-radius:50%;animation:spin .8s linear infinite}.relays-page{display:flex;flex-direction:column;gap:var(--space-6)}.relays-error{padding:var(--space-3);background:#ff444426;border:var(--border-width) solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm);cursor:pointer}.relays-header{display:flex;justify-content:space-between;align-items:center}.relays-header__actions{display:flex;gap:var(--space-3)}.relays-description{color:var(--color-text-secondary);max-width:600px}.relays-loading{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.relays-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12);text-align:center;background:var(--color-bg-surface);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-md)}.relays-empty__icon{font-size:4rem;opacity:.5}.relays-empty h3{font-size:var(--text-xl);color:var(--color-text-primary)}.relays-empty p{color:var(--color-text-muted)}.relays-table-container{background:var(--color-bg-surface);border-radius:var(--radius-md);overflow:hidden}.relay-name{display:flex;flex-direction:column;gap:var(--space-1)}.relay-name__title{font-weight:600;color:var(--color-text-primary)}.relay-name__last-run{font-size:var(--text-xs);color:var(--color-text-muted)}.relay-flow{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.relay-flow__source,.relay-flow__dest{padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border-radius:var(--radius-sm);text-transform:capitalize}.relay-flow__arrow{color:var(--color-accent-cyan)}.relay-stats{font-family:var(--font-mono);font-size:var(--text-sm)}.relay-stats__success{color:var(--color-success)}.relay-stats__separator{color:var(--color-text-muted);margin:0 var(--space-1)}.relay-stats__total{color:var(--color-text-secondary)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge--success{background:#00ff8826;color:var(--color-success)}.status-badge--warning{background:#ffaa0026;color:var(--color-accent-amber)}.status-badge--error{background:#ff444426;color:var(--color-error)}.status-badge--muted{background:var(--color-bg-elevated);color:var(--color-text-muted)}.relay-actions{display:flex;gap:var(--space-1);justify-content:flex-end}.field-selector{position:relative;min-width:200px}.field-selector__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-input);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.field-selector__trigger:hover{border-color:var(--color-border-hover)}.field-selector--open .field-selector__trigger{border-color:var(--color-accent-cyan);box-shadow:0 0 0 2px #00ffff1a}.field-selector__selected{display:flex;align-items:center;gap:var(--space-2);overflow:hidden}.field-selector__selected-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-selector__selected-type{font-size:var(--text-xs);padding:1px 6px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.field-selector__placeholder{color:var(--color-text-muted)}.field-selector__arrow{color:var(--color-text-muted);transition:transform .15s ease}.field-selector--open .field-selector__arrow{transform:rotate(180deg)}.field-selector__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:320px;display:flex;flex-direction:column}.field-selector__search{padding:var(--space-2);border-bottom:var(--border-width) solid var(--color-border)}.field-selector__search-input{width:100%;padding:var(--space-2);background:var(--color-bg-input);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm)}.field-selector__search-input:focus{outline:none;border-color:var(--color-accent-cyan)}.field-selector__search-input::placeholder{color:var(--color-text-muted)}.field-selector__options{overflow-y:auto;flex:1}.field-selector__no-results{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.field-selector__group{border-bottom:var(--border-width) solid var(--color-border)}.field-selector__group:last-child{border-bottom:none}.field-selector__group-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.field-selector__group-icon{font-size:var(--text-sm)}.field-selector__group-label{flex:1}.field-selector__group-count{padding:1px 6px;background:var(--color-bg-surface);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-muted)}.field-selector__group-fields{display:flex;flex-direction:column}.field-selector__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);padding-left:calc(var(--space-3) + 24px);background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color .1s ease}.field-selector__option:hover,.field-selector__option--highlighted{background:var(--color-bg-hover)}.field-selector__option--selected{background:#00ffff1a;color:var(--color-accent-cyan)}.field-selector__option-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-selector__option-type{font-size:var(--text-xs);padding:1px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-elevated);color:var(--color-text-muted)}.field-selector__option-type--string{background:#64c8ff26;color:#64c8ff}.field-selector__option-type--number{background:#ffc86426;color:#ffc864}.field-selector__option-type--boolean{background:#96ff9626;color:#96ff96}.field-selector__option-type--datetime{background:#c896ff26;color:#c896ff}.field-selector__option-type--enum{background:#ff96c826;color:#ff96c8}.field-selector__option-type--phone{background:#64ffc826;color:#64ffc8}.field-selector__option-type--email{background:#ff646426;color:#ff6464}.filter-value-input{flex:1;min-width:120px}.filter-value-between{display:flex;align-items:center;gap:var(--space-2);flex:1}.filter-value-between__input{flex:1;min-width:80px}.filter-value-between__separator{color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap}.filter-value-relative{display:flex;align-items:center;gap:var(--space-2);flex:1}.filter-value-relative__amount{width:70px}.filter-value-relative__unit{width:100px}.filter-value-multiselect{position:relative;flex:1;min-width:150px}.filter-value-multiselect__trigger{width:100%;display:flex;align-items:center;min-height:36px;padding:var(--space-1) var(--space-2);background:var(--color-bg-input);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer}.filter-value-multiselect__trigger:hover{border-color:var(--color-border-hover)}.filter-value-multiselect__placeholder{color:var(--color-text-muted)}.filter-value-multiselect__pills{display:flex;flex-wrap:wrap;gap:var(--space-1)}.filter-value-multiselect__pill{padding:2px 8px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary)}.filter-value-multiselect__more{padding:2px 8px;background:var(--color-accent-cyan);background:#0ff3;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-accent-cyan);font-weight:600}.filter-value-multiselect__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;padding:var(--space-1)}.filter-value-multiselect__option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm)}.filter-value-multiselect__option:hover{background:var(--color-bg-hover)}.filter-value-multiselect__option input[type=checkbox]{accent-color:var(--color-accent-cyan)}.filter-builder{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.filter-builder__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-width) solid var(--color-border)}.filter-builder__title{font-weight:600;color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-sm)}.filter-builder__field-count{font-size:var(--text-xs);color:var(--color-text-muted);padding:2px 8px;background:var(--color-bg-elevated);border-radius:var(--radius-full)}.filter-builder--loading{min-height:120px;display:flex;align-items:center;justify-content:center}.filter-builder__loader{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.filter-builder__loader-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent-cyan);border-radius:50%;animation:spin .8s linear infinite}.filter-builder--error{min-height:80px;display:flex;align-items:center;justify-content:center}.filter-builder__error{display:flex;align-items:center;gap:var(--space-2);color:var(--color-error);font-size:var(--text-sm)}.filter-builder__error-icon{font-size:var(--text-base)}.filter-builder--empty{min-height:80px;display:flex;align-items:center;justify-content:center}.filter-builder__empty,.filter-group__empty{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-3)}.filter-group{background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.filter-group--depth-1{background:var(--color-bg-elevated);margin-top:var(--space-3);border-left:3px solid var(--color-accent-purple)}.filter-group--depth-2{background:#00ffff08;margin-top:var(--space-2);border-left:3px solid var(--color-accent-cyan)}.filter-group__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--color-border);font-size:var(--text-sm)}.filter-group__logic-label{color:var(--color-text-secondary)}.filter-group__logic-select{width:auto;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-weight:600}.filter-group__remove{margin-left:auto;font-size:var(--text-xs);opacity:.7}.filter-group__remove:hover{opacity:1;color:var(--color-error)}.filter-group__content{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-3)}.filter-group__actions{display:flex;gap:var(--space-2)}.filter-row{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-surface);border-radius:var(--radius-sm);flex-wrap:wrap}@media(min-width:768px){.filter-row{flex-wrap:nowrap;align-items:center}}.filter-row__number{width:24px;height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.filter-row__field{flex:2;min-width:180px}.filter-row__operator{width:160px;min-width:120px}.filter-row__value{flex:1.5;min-width:120px}.filter-row__remove{padding:var(--space-1);opacity:.6;min-width:32px}.filter-row__remove:hover{opacity:1;color:var(--color-error)}@media(max-width:640px){.filter-row__field,.filter-row__operator,.filter-row__value{width:100%;min-width:100%}.filter-row{gap:var(--space-2)}.filter-group__header{flex-wrap:wrap}}.filter-builder__preview{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.filter-builder__preview-header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.preview-btn{display:flex;align-items:center;gap:var(--space-2)}.preview-spinner{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-accent-cyan);border-radius:50%;animation:spin .8s linear infinite}.preview-stats{display:flex;align-items:center;gap:var(--space-3)}.preview-stat{font-size:var(--text-sm);color:var(--color-text-secondary)}.preview-stat--matched strong{color:var(--color-text-primary)}.preview-stat--rate{padding:2px 8px;border-radius:var(--radius-sm);font-weight:500}.preview-stat--good{background:#10b98126;color:var(--color-success)}.preview-stat--medium{background:#f59e0b26;color:var(--color-accent-amber)}.preview-stat--low{background:#ef444426;color:var(--color-error)}.filter-builder__preview-error{margin-top:var(--space-2);padding:var(--space-2);background:#ef44441a;border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm)}.filter-builder__preview-samples{margin-top:var(--space-3)}.preview-samples-label{font-size:var(--text-sm);color:var(--color-text-muted);display:block;margin-bottom:var(--space-2)}.preview-samples-list{display:flex;flex-direction:column;gap:var(--space-2)}.preview-sample{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:var(--text-xs)}.preview-sample-field{display:flex;gap:4px}.preview-sample-field .field-key{color:var(--color-text-muted)}.preview-sample-field .field-value{color:var(--color-text-primary);font-family:var(--font-mono)}.filter-builder__breakdown{margin-top:var(--space-3)}.filter-builder__breakdown summary{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.filter-builder__breakdown[open] summary{margin-bottom:var(--space-2)}.breakdown-list{display:flex;flex-direction:column;gap:var(--space-1)}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:var(--text-xs)}.breakdown-filter{color:var(--color-text-secondary)}.breakdown-stat{font-weight:500;color:var(--color-text-primary)}.field-mapper{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);overflow:hidden}.field-mapper__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#00000026;border-bottom:var(--border-width) solid var(--color-border)}.field-mapper__header-labels{display:flex;align-items:center;gap:var(--space-3);flex:1}.field-mapper__col-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;flex:1}.field-mapper__col-label--arrow{flex:0 0 32px;text-align:center;color:var(--color-text-muted)}.field-mapper__col-label--actions{flex:0 0 36px}.field-mapper__auto-suggest{padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--color-accent-cyan);border-radius:var(--radius-sm);background:#00cffd14;color:var(--color-accent-cyan);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.field-mapper__auto-suggest:hover:not(:disabled){background:#00cffd2e}.field-mapper__auto-suggest:disabled{opacity:.5;cursor:not-allowed}.field-mapper__rows{padding:var(--space-2) var(--space-3)}.field-mapper__empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.field-mapper__empty-hint{font-size:var(--text-xs);margin-top:var(--space-2);color:var(--color-text-muted);opacity:.7}.field-mapper__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.04);animation:fieldMapperFadeIn .2s ease}.field-mapper__row:last-child{border-bottom:none}@keyframes fieldMapperFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.field-mapper__cell{flex:1;min-width:0}.field-mapper__cell--source{display:flex;align-items:center;gap:var(--space-1)}.field-mapper__cell--arrow{flex:0 0 32px;text-align:center;color:var(--color-accent-cyan);font-size:var(--text-lg);opacity:.6}.field-mapper__cell--actions{flex:0 0 36px;text-align:center}.field-mapper__select{width:100%;padding:var(--space-2) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:border-color .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.field-mapper__select:focus{outline:none;border-color:var(--color-accent-cyan);box-shadow:0 0 0 2px #00cffd26}.field-mapper__select:hover{border-color:#fff3}.field-mapper__static-input{display:flex;align-items:center;gap:var(--space-1);flex:1}.field-mapper__static-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);background:#a855f726;color:#a855f7;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.field-mapper__value-input{flex:1;padding:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--text-sm);min-width:0}.field-mapper__value-input:focus{outline:none;border-color:var(--color-accent-cyan);box-shadow:0 0 0 2px #00cffd26}.field-mapper__toggle-static{flex:0 0 28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-muted);font-size:12px;cursor:pointer;transition:all .2s ease}.field-mapper__toggle-static:hover{border-color:var(--color-accent-cyan);background:#00cffd14}.field-mapper__remove-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:18px;cursor:pointer;transition:all .2s ease;line-height:1}.field-mapper__remove-btn:hover{background:#ff44441f;color:var(--color-error);border-color:#ff44444d}.field-mapper__footer{padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--color-border)}.field-mapper__add-btn{padding:var(--space-2) var(--space-3);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;width:100%}.field-mapper__add-btn:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan);background:#00cffd0d}@media(max-width:900px){.field-mapper__row{flex-wrap:wrap}.field-mapper__cell--source,.field-mapper__cell--dest,.field-mapper__cell--transform{flex:1 1 100%}.field-mapper__cell--arrow,.field-mapper__header-labels{display:none}}.relay-editor{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.relay-editor__loading{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.relay-editor__error{padding:var(--space-3);background:#ff444426;border:var(--border-width) solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm);cursor:pointer}.relay-editor__section{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.relay-editor__section h2{font-size:var(--text-lg);color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.relay-editor__hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.relay-editor__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.relay-editor__grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.relay-editor__grid,.relay-editor__grid--3{grid-template-columns:1fr}}.relay-editor__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.relay-editor__conversion-type-toggle{display:flex;gap:var(--space-2)}.conversion-type-btn{flex:1;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;text-align:center}.conversion-type-btn:hover{border-color:var(--color-accent-cyan);color:var(--color-text-primary)}.conversion-type-btn--active{border-color:var(--color-accent-cyan);background:#00cffd1a;color:var(--color-accent-cyan);font-weight:600}.relay-editor__type-hint{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-2);line-height:1.5}.relay-editor__loading-indicator{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:var(--text-sm);animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.relay-editor__webhook-info{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-deep, rgba(0, 0, 0, .3));border:var(--border-width) solid var(--color-accent-cyan);border-radius:var(--radius-md);position:relative}.relay-editor__webhook-info:before{content:"⚡";position:absolute;top:calc(var(--space-4) * -1 - 2px);left:var(--space-3);background:var(--color-bg-surface);padding:0 var(--space-2);font-size:var(--text-sm)}.relay-editor__webhook-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.relay-editor__webhook-header h3{font-size:var(--text-base);color:var(--color-accent-cyan);margin:0}.relay-editor__webhook-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-success, #34d399);text-transform:uppercase;letter-spacing:.05em}.relay-editor__webhook-status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.relay-editor__webhook-field{margin-bottom:var(--space-3)}.relay-editor__webhook-field:last-child{margin-bottom:0}.relay-editor__webhook-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.relay-editor__webhook-value{display:flex;align-items:center;gap:var(--space-2)}.relay-editor__webhook-url{flex:1;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:#0000004d;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);word-break:break-all;-webkit-user-select:all;user-select:all}.relay-editor__webhook-copy-btn,.relay-editor__webhook-reveal-btn{flex-shrink:0;padding:var(--space-2);background:transparent;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all .2s ease;min-width:36px;text-align:center}.relay-editor__webhook-copy-btn:hover,.relay-editor__webhook-reveal-btn:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.relay-editor__webhook-copy-btn--copied{border-color:var(--color-success, #34d399);color:var(--color-success, #34d399)}.relay-editor__webhook-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border)}.relay-editor__webhook-stats{display:flex;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.relay-editor__webhook-stat{display:flex;align-items:center;gap:var(--space-1)}.relay-editor__webhook-stat strong{color:var(--color-text-secondary)}.fusion-relay-wizard{max-width:900px;margin:0 auto;padding:2rem}.wizard-header{text-align:center;margin-bottom:2.5rem}.wizard-header h1{font-size:2rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.wizard-header p{color:var(--color-text-secondary);font-size:1rem}.wizard-progress{display:flex;justify-content:space-between;margin-bottom:3rem;position:relative}.wizard-progress:before{content:"";position:absolute;top:16px;left:40px;right:40px;height:2px;background:var(--color-border);z-index:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:1}.step-number{width:32px;height:32px;border-radius:50%;background:var(--color-bg-elevated);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);transition:all .2s ease}.progress-step.active .step-number{background:var(--color-accent-cyan);border-color:var(--color-accent-cyan);color:var(--color-bg-primary)}.progress-step.completed .step-number{background:var(--color-success);border-color:var(--color-success);color:var(--color-bg-primary)}.progress-step.completed .step-number:before{content:"✓"}.step-label{font-size:.75rem;color:var(--color-text-secondary);text-align:center;max-width:80px}.progress-step.active .step-label{color:var(--color-accent-cyan);font-weight:500}.wizard-content{min-height:400px;padding:2rem;background:var(--color-bg-surface);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);margin-bottom:2rem}.wizard-step h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.step-description{color:var(--color-text-secondary);margin-bottom:2rem}.source-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.source-card{padding:1.5rem;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:center;background:var(--color-bg-primary)}.source-card:hover{border-color:var(--color-accent-cyan);background:var(--color-bg-elevated)}.source-card.selected{border-color:var(--color-accent-cyan);background:#00e5cc1a;box-shadow:0 0 0 4px #00e5cc26}.source-icon{font-size:2.5rem;margin-bottom:.75rem}.source-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.source-types{font-size:.8rem;color:var(--text-secondary)}.data-types-select,.event-types-select{padding:1.5rem;background:var(--color-bg-elevated);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border)}.data-types-select h4,.event-types-select h4{font-size:.875rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary)}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-label,.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--color-text-primary)}.checkbox-label input,.radio-label input{width:18px;height:18px;cursor:pointer}.settings-grid{display:grid;gap:1.5rem}.match-priority-options{display:flex;flex-direction:column;gap:.75rem}.source-filters{margin-top:2rem;padding:1.5rem;background:var(--color-bg-primary);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border)}.source-filters h4{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.source-filters .filter-icon{font-size:1rem}.source-filters .filter-optional{font-weight:400;font-size:.75rem;color:var(--color-text-muted);margin-left:auto}.source-filters .filter-description{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1rem}.destination-config{margin-top:2rem;padding-top:2rem;border-top:var(--border-width) solid var(--color-border)}.review-form{display:grid;gap:1.5rem;margin-bottom:2rem}.review-summary{padding:1.5rem;background:var(--color-bg-elevated);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border)}.review-summary h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary)}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 2rem;margin-bottom:1.5rem}.summary-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:var(--border-width) solid var(--color-border)}.summary-item .label{color:var(--color-text-secondary);font-size:.875rem}.summary-item .value{font-weight:500;text-transform:capitalize;color:var(--color-text-primary)}.preview-btn{margin-top:1rem}.wizard-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem}.footer-right{display:flex;gap:1rem}.wizard-error{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#dc2626;margin-bottom:1.5rem}.wizard-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-muted)}.preview-content{padding:1rem 0}.preview-stats{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.preview-stats .stat{text-align:center}.preview-stats .stat-value{display:block;font-size:2rem;font-weight:700;color:var(--color-text-primary)}.preview-stats .stat-label{font-size:.875rem;color:var(--color-text-secondary)}.preview-stats .stat.matched .stat-value{color:var(--color-success)}.preview-stats .stat.unmatched .stat-value{color:var(--color-accent-amber)}.preview-table{width:100%;border-collapse:collapse;font-size:.875rem}.preview-table th,.preview-table td{padding:.75rem;text-align:left;border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text-primary)}.preview-table th{font-weight:600;color:var(--color-text-secondary);font-size:.75rem;text-transform:uppercase}.preview-table .gclid{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}@media(max-width:768px){.fusion-relay-wizard{padding:1rem}.wizard-progress{overflow-x:auto;padding-bottom:1rem}.source-cards,.summary-grid{grid-template-columns:1fr}.preview-stats{flex-direction:column;gap:1rem}}.activity-page{display:flex;flex-direction:column;gap:var(--space-6)}.activity-error{padding:var(--space-3);background:#ff444426;border:var(--border-width) solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm);cursor:pointer}.activity-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.summary-card{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.summary-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.summary-card__stats{display:flex;gap:var(--space-6)}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.summary-stat__value{font-size:var(--text-2xl)}.summary-stat__label{font-size:var(--text-xs);color:var(--color-text-muted)}.activity-controls{display:flex;justify-content:space-between;align-items:center}.activity-controls select{width:auto;min-width:200px}.activity-loading,.activity-empty{text-align:center;padding:var(--space-8);color:var(--color-text-muted);background:var(--color-bg-surface);border-radius:var(--radius-md)}.log-list{display:flex;flex-direction:column;gap:var(--space-2)}.log-entry{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm)}.log-entry--success{border-left:3px solid var(--color-success)}.log-entry--error{border-left:3px solid var(--color-error)}.log-entry--warning{border-left:3px solid var(--color-accent-amber)}.log-entry__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-muted)}.log-entry--success .log-entry__icon{background:#00ff8826;color:var(--color-success)}.log-entry--error .log-entry__icon{background:#ff444426;color:var(--color-error)}.log-entry__content{flex:1;min-width:0}.log-entry__type{font-weight:600;color:var(--color-text-primary);text-transform:capitalize}.log-entry__resource{font-size:var(--text-sm);color:var(--color-text-secondary)}.log-entry__details{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.log-entry__time{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}@media(max-width:768px){.activity-summary{grid-template-columns:1fr}}.team-page{padding:2rem;max-width:1200px;margin:0 auto}.team-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.team-header__title h1{font-size:1.75rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem}.team-header__subtitle{color:var(--color-text-muted);font-size:.875rem;margin:0}.team-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--color-text-muted)}.team-error{text-align:center;padding:2rem}.team-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.team-list__header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.team-member{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;align-items:center;border-bottom:1px solid var(--color-border);transition:background .15s ease}.team-member:last-child{border-bottom:none}.team-member:hover{background:var(--color-surface-hover)}.team-col--user{display:flex;align-items:center;gap:.75rem}.member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.member-info{display:flex;flex-direction:column}.member-name{font-weight:500;color:var(--color-text)}.member-email{font-size:.875rem;color:var(--color-text-muted)}.role-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.role-badge--owner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.role-badge--admin{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.role-badge--member{background:var(--color-surface-elevated);color:var(--color-text-muted);border:1px solid var(--color-border)}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.status-indicator:before{content:"";width:8px;height:8px;border-radius:50%}.status--active:before{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status--pending:before{background:var(--color-warning)}.team-empty{padding:3rem;text-align:center;color:var(--color-text-muted)}.team-empty p{margin-bottom:1rem}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 40px #0000004d}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal__header h2{margin:0;font-size:1.25rem;font-weight:600}.modal__close{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:0;line-height:1}.modal__close:hover{color:var(--color-text)}.invite-form{padding:1.5rem}.invite-form .form-group{margin-bottom:1.25rem}.invite-form .form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--color-text)}.invite-form .form-group input,.invite-form .form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-surface);color:var(--color-text);font-size:1rem}.invite-form .form-group input:focus,.invite-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.modal__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border);margin-top:.5rem}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.agency-dashboard{display:flex;flex-direction:column;gap:var(--space-6)}.agency-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.agency-summary__card{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;position:relative;overflow:hidden}.agency-summary__card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent-cyan),var(--color-accent-magenta));opacity:.6}.agency-summary__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.agency-summary__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-accent-cyan);text-shadow:var(--glow-cyan);letter-spacing:.05em}.agency-summary__value--amber{color:var(--color-accent-amber, #f59e0b);text-shadow:0 0 12px rgba(245,158,11,.4)}.agency-summary__value--red{color:var(--color-status-error, #ef4444);text-shadow:0 0 12px rgba(239,68,68,.4)}.agency-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.agency-section{margin-bottom:var(--space-2)}.agency-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.agency-section__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.agency-section__title-icon{font-size:var(--text-xl);opacity:.7}.team-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.team-card{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;cursor:pointer}.team-card:hover{border-color:var(--color-accent-cyan);box-shadow:0 0 20px #00ffff14}.team-card--alert{border-color:var(--color-status-error, #ef4444)}.team-card--alert:hover{box-shadow:0 0 20px #ef444426}.team-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.team-card__name{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.team-card__alert-badge{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);background:#ef444426;color:var(--color-status-error, #ef4444);font-weight:600;text-transform:uppercase;letter-spacing:.05em;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.team-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.team-card__stat{text-align:center}.team-card__stat-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-accent-cyan);display:block}.team-card__stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.team-card__relays{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.relay-status-group{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary)}.relay-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.relay-dot--active{background:var(--color-status-active, #22c55e);box-shadow:0 0 6px #22c55e80}.relay-dot--error{background:var(--color-status-error, #ef4444);box-shadow:0 0 6px #ef444480}.relay-dot--paused{background:var(--color-text-muted, #6b7280)}.template-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.template-card{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.template-card__name{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.template-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.template-card__connections{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.template-connection-chip{font-size:var(--text-xs);padding:2px 10px;border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.template-card__actions{display:flex;gap:var(--space-2);justify-content:flex-end}.bulk-create-textarea{min-height:120px;font-family:var(--font-mono);resize:vertical}.bulk-create-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.bulk-results{margin-top:var(--space-4)}.bulk-results__created{color:var(--color-status-active, #22c55e);margin-bottom:var(--space-2)}.bulk-results__errors{color:var(--color-status-error, #ef4444)}.bulk-result-item{font-size:var(--text-sm);padding:var(--space-1) 0}.connection-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-3);background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm)}.connection-checkbox{cursor:pointer}.connection-checkbox span{font-size:var(--text-sm);color:var(--color-text-secondary)}.agency-empty{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.agency-empty__icon{font-size:3rem;margin-bottom:var(--space-3);opacity:.5}.agency-empty__text{font-size:var(--text-sm);margin-bottom:var(--space-4)}.agency-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-muted)}.settings-page{display:flex;flex-direction:column;gap:var(--space-6)}.settings-error{padding:var(--space-3);background:#ff444426;border:var(--border-width) solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm);cursor:pointer}.settings-tabs{display:flex;gap:var(--space-1);border-bottom:var(--border-width) solid var(--color-border);padding-bottom:var(--space-1)}.settings-tab{padding:var(--space-2) var(--space-4);background:none;border:none;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-base)}.settings-tab:hover{color:var(--color-text-primary);background:var(--color-bg-surface)}.settings-tab--active{color:var(--color-accent-cyan);background:var(--color-bg-surface);border-bottom:2px solid var(--color-accent-cyan)}.settings-section{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.settings-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.settings-section h2{font-size:var(--text-lg);color:var(--color-accent-cyan);text-transform:uppercase;letter-spacing:.05em}.settings-hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.settings-loading{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.team-table-container{margin-bottom:var(--space-6)}.member-info{display:flex;flex-direction:column;gap:var(--space-1)}.member-info__name{font-weight:600;color:var(--color-text-primary)}.member-info__email{font-size:var(--text-sm);color:var(--color-text-muted)}.role-select{width:auto;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.role-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-badge--owner{background:#00e5cc26;color:var(--color-accent-cyan)}.role-badge--admin{background:#ffaa0026;color:var(--color-accent-amber)}.role-badge--member{background:var(--color-bg-elevated);color:var(--color-text-muted)}.pending-invites h3{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.invite-list{display:flex;flex-direction:column;gap:var(--space-2)}.invite-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-bg-primary);border-radius:var(--radius-sm)}.invite-item__info{display:flex;gap:var(--space-3);align-items:center}.invite-item__email{font-weight:500}.invite-item__role{font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted)}.invite-item__expires{font-size:var(--text-xs);color:var(--color-text-muted)}.account-info{display:flex;flex-direction:column;gap:var(--space-3)}.account-info__item{display:flex;align-items:center;gap:var(--space-3)}.account-info__label{font-size:var(--text-sm);color:var(--color-text-secondary);width:140px}.account-info__value{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.kb{display:flex;gap:var(--space-6);min-height:calc(100vh - var(--header-height) - var(--space-8))}.kb-hero{margin-bottom:var(--space-6)}.kb-hero__title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.kb-hero__subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.kb-search{position:relative;max-width:560px}.kb-search__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);font-size:var(--text-lg);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-base)}.kb-search__input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.kb-search__input::placeholder{color:var(--color-text-muted)}.kb-search__input:focus{border-color:var(--color-accent-cyan-dim);box-shadow:0 0 0 3px var(--color-accent-cyan-glow),inset 0 0 12px #00e5cc0a}.kb-search__input:focus~.kb-search__icon{color:var(--color-accent-cyan)}.kb-search__shortcut{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px var(--space-2);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border);pointer-events:none}.kb-categories{width:220px;flex-shrink:0;position:sticky;top:var(--space-4);align-self:flex-start}.kb-categories__title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-3);padding-left:var(--space-3)}.kb-categories__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.kb-category-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);text-align:left}.kb-category-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.kb-category-btn--active{color:var(--color-accent-cyan);background:#00e5cc14;border-color:var(--color-accent-cyan-dim)}.kb-category-btn--active .kb-category-btn__icon{text-shadow:var(--glow-cyan)}.kb-category-btn__icon{font-size:var(--text-lg);width:22px;text-align:center;flex-shrink:0}.kb-category-btn__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-category-btn__count{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-bg-primary);padding:1px var(--space-2);border-radius:var(--radius-full);min-width:22px;text-align:center}.kb-category-btn--active .kb-category-btn__count{color:var(--color-accent-cyan);background:#00e5cc1f}.kb-main{flex:1;min-width:0}.kb-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.kb-breadcrumb__link{color:var(--color-accent-cyan-dim);cursor:pointer;background:none;border:none;font-family:var(--font-ui);font-size:var(--text-sm);padding:0;transition:color var(--transition-base)}.kb-breadcrumb__link:hover{color:var(--color-accent-cyan)}.kb-breadcrumb__sep{color:var(--color-text-muted);opacity:.5}.kb-breadcrumb__current{color:var(--color-text-secondary)}.kb-results-info{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.kb-results-info strong{color:var(--color-accent-cyan)}.kb-articles{display:flex;flex-direction:column;gap:var(--space-3)}.kb-article{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);overflow:hidden}.kb-article:hover{border-color:#00e5cc33;box-shadow:0 2px 12px #0000004d;transform:translateY(-1px)}.kb-article--expanded{border-color:var(--color-accent-cyan-dim);box-shadow:0 0 20px #00e5cc0f,0 4px 16px #0000004d;transform:none}.kb-article__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-base)}.kb-article__header:hover{background:var(--color-bg-hover)}.kb-article__expand-icon{font-size:var(--text-sm);color:var(--color-text-muted);transition:transform var(--transition-base),color var(--transition-base);flex-shrink:0;width:16px;text-align:center}.kb-article--expanded .kb-article__expand-icon{transform:rotate(90deg);color:var(--color-accent-cyan)}.kb-article__title-group{flex:1;min-width:0}.kb-article__title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.kb-article__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.kb-article__tag{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-cyan-dim);background:#00e5cc14;padding:2px var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.kb-article__body{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.kb-article--expanded .kb-article__body{max-height:2000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.kb-article__content{padding:0 var(--space-4) var(--space-4) var(--space-4);border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7}.kb-article__content h4{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:var(--space-4) 0 var(--space-2)}.kb-article__content h4:first-child{margin-top:0}.kb-article__content p{margin-bottom:var(--space-3)}.kb-article__content ol,.kb-article__content ul{margin:var(--space-2) 0 var(--space-3) var(--space-6)}.kb-article__content li{margin-bottom:var(--space-2)}.kb-article__content code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-primary);color:var(--color-accent-cyan);padding:1px var(--space-2);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border)}.kb-article__content strong{color:var(--color-text-primary);font-weight:600}.kb-callout{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin:var(--space-3) 0;font-size:var(--text-sm);display:flex;gap:var(--space-3);align-items:flex-start}.kb-callout--tip{background:#00e5cc0f;border:var(--border-width) solid rgba(0,229,204,.15);color:var(--color-accent-cyan)}.kb-callout--warning{background:#ff88000f;border:var(--border-width) solid rgba(255,136,0,.15);color:var(--color-accent-amber)}.kb-callout--info{background:#8855ff0f;border:var(--border-width) solid rgba(136,85,255,.15);color:var(--color-accent-purple)}.kb-callout__icon{flex-shrink:0;font-size:var(--text-lg)}.kb-callout__text{flex:1;line-height:1.5}.kb-mini-table{width:100%;border-collapse:collapse;margin:var(--space-3) 0;font-size:var(--text-sm)}.kb-mini-table th,.kb-mini-table td{padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);text-align:left}.kb-mini-table th{background:var(--color-bg-primary);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.06em}.kb-mini-table td{color:var(--color-text-secondary)}.kb-feedback{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);margin-top:var(--space-4);border-top:var(--border-width) solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.kb-feedback__btn{background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1)}.kb-feedback__btn:hover{border-color:var(--color-accent-cyan-dim);color:var(--color-accent-cyan);background:#00e5cc0f}.kb-feedback__btn--selected{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan);background:#00e5cc1a;box-shadow:0 0 6px var(--color-accent-cyan-glow)}.kb-feedback__thanks{color:var(--color-success);font-size:var(--text-sm);animation:kb-fadeIn .3s ease}@keyframes kb-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kb-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.kb-empty__icon{font-size:var(--text-4xl);margin-bottom:var(--space-3);opacity:.4}.kb-empty__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.kb-empty__text{font-size:var(--text-sm)}.kb-empty__reset{margin-top:var(--space-4);background:none;border:var(--border-width) solid var(--color-accent-cyan-dim);color:var(--color-accent-cyan);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.kb-empty__reset:hover{background:#00e5cc1a;box-shadow:var(--glow-cyan)}@media(max-width:800px){.kb{flex-direction:column;gap:var(--space-4)}.kb-categories{width:100%;position:static}.kb-categories__list{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.kb-category-btn{flex:0 0 auto;padding:var(--space-2) var(--space-3)}.kb-category-btn__count,.kb-article__tag{display:none}}.pricing-page{padding:1.5rem 0}.pricing-page__notice{max-width:720px;margin:0 auto 1.5rem;padding:.85rem 1.25rem;border-radius:10px;background:#ffb4501a;border:1px solid rgba(255,180,80,.3);color:#fc8;font-size:.9rem;text-align:center}.billing-success{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;gap:1.5rem}.billing-success__card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;padding:2.5rem 2rem;border-radius:16px;background:linear-gradient(135deg,#1e1e2df2,#141423fa);border:1px solid rgba(120,100,255,.25);box-shadow:0 0 40px #7864ff14}.billing-success__card--confirmed{border-color:#7864ff8c;box-shadow:0 0 48px #7864ff33}.billing-success__spinner,.billing-success__check,.billing-success__hourglass{font-size:3rem;margin-bottom:1rem}.billing-success__spinner{color:#7864ff;animation:spin 1.4s linear infinite}.billing-success__check{color:#7864ff;font-weight:700}.billing-success__hourglass{opacity:.85}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing-success__title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #e8e6f0);margin:0 0 .75rem}.billing-success__body{font-size:.95rem;color:var(--text-secondary, #a09bbd);line-height:1.6;margin:0 0 1.5rem;max-width:420px}.billing-success__actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;justify-content:center}.billing-success__link{color:var(--text-secondary, #a09bbd);font-size:.9rem;text-decoration:none;transition:color .15s ease}.billing-success__link:hover{color:#7864ff}.billing-success__session-id{font-size:.75rem;color:var(--text-secondary, #a09bbd);opacity:.6}.billing-success__session-id code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:.75rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4)}.loading-logo{max-width:300px;width:80%;height:auto;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4)}.login-card{width:100%;max-width:420px;background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-lg),0 0 40px #00e5cc0a}.login-brand{text-align:center;margin-bottom:var(--space-6)}.login-logo{max-width:280px;width:80%;height:auto;margin-bottom:var(--space-2);filter:drop-shadow(0 0 12px var(--color-accent-cyan-glow))}.login-brand .subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.login-tabs{display:flex;border-bottom:var(--border-width) solid var(--color-border);margin-bottom:var(--space-4)}.login-tab{flex:1;padding:var(--space-3) var(--space-2);background:none;border:none;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base);border-bottom:2px solid transparent;margin-bottom:-1px}.login-tab:hover{color:var(--color-text-secondary)}.login-tab.active{color:var(--color-accent-cyan);border-bottom-color:var(--color-accent-cyan)}.login-description{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.5}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-field{display:flex;flex-direction:column;gap:var(--space-1)}.login-field label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.login-field input{width:100%;padding:var(--space-3);font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base);outline:none}.login-field input::placeholder{color:var(--color-text-muted)}.login-field input:focus{border-color:var(--color-accent-cyan-dim);box-shadow:0 0 0 2px var(--color-accent-cyan-glow)}.login-password-wrap{position:relative;display:flex}.login-password-wrap input{padding-right:44px}.login-password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);font-size:var(--text-lg);line-height:1;transition:color var(--transition-base)}.login-password-toggle:hover{color:var(--color-accent-cyan)}.login-actions{display:flex;justify-content:flex-end;margin-top:calc(-1 * var(--space-2))}.login-forgot{font-size:var(--text-sm);color:var(--color-accent-cyan-dim);text-decoration:none;transition:color var(--transition-base)}.login-forgot:hover{color:var(--color-accent-cyan)}.login-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:transparent;border:var(--border-width-thick) solid var(--color-accent-cyan);border-radius:var(--radius-sm);color:var(--color-accent-cyan);cursor:pointer;transition:all var(--transition-base)}.login-submit-btn:hover:not(:disabled){background:var(--color-accent-cyan);color:var(--color-bg-primary);box-shadow:var(--glow-cyan)}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.login-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-accent-cyan-glow);border-top-color:var(--color-accent-cyan);border-radius:50%;animation:login-spin .6s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-divider span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.login-google-btn:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted)}.login-google-btn svg{flex-shrink:0}.login-error{padding:var(--space-3);margin-bottom:var(--space-3);background:#ff44441a;border:var(--border-width) solid rgba(255,68,68,.3);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--text-sm);cursor:pointer;animation:login-shake .3s ease}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-success{padding:var(--space-3);margin-bottom:var(--space-3);background:#00ff881a;border:var(--border-width) solid rgba(0,255,136,.3);border-radius:var(--radius-sm);color:var(--color-success);font-size:var(--text-sm)}.login-success-block{text-align:center;padding:var(--space-6) var(--space-4)}.login-success-icon{font-size:var(--text-4xl);color:var(--color-accent-cyan);margin-bottom:var(--space-3)}.login-success-block h3{color:var(--color-text-primary);margin-bottom:var(--space-2)}.login-success-block p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.login-back-link{display:block;text-align:center;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-base)}.login-back-link:hover{color:var(--color-accent-cyan)}.login-dev-notice{text-align:center;padding:var(--space-4);margin-bottom:var(--space-4);background:#ff880014;border:var(--border-width) solid rgba(255,136,0,.2);border-radius:var(--radius-sm)}.dev-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:#f803;border:var(--border-width) solid var(--color-accent-amber);border-radius:var(--radius-sm);color:var(--color-accent-amber);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.login-dev-notice p{color:var(--color-text-muted);font-size:var(--text-sm)}.auth-callback{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--color-accent-cyan)}@media(max-width:480px){.login-card{padding:var(--space-6) var(--space-4)}.login-brand h1{font-size:var(--text-3xl)}}