:root{--relay-navy:var(--ai-navy-800);--relay-dark:var(--ai-navy-950);--relay-orange:var(--ai-orange-500);--relay-ink:var(--ai-ink);--relay-muted:var(--ai-muted);--relay-border:var(--ai-border);--relay-shadow:0 12px 32px rgba(4,26,52,.07)}
body{background:#f4f7fa;color:var(--relay-ink)}button,select,textarea{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hidden{display:none!important}
.app-header{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 rgba(4,26,52,.05)}.app-header__inner{min-height:var(--ai-header-height);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.ai-brand{justify-self:start;text-decoration:none}.ai-brand__product{color:var(--relay-navy);font-weight:760}.app-nav{display:flex;align-items:center;align-self:stretch;gap:.25rem}.app-nav__item{position:relative;display:flex;align-items:center;gap:.5rem;border:0;background:transparent;color:var(--relay-muted);padding:0 .9rem;font-size:.84rem;font-weight:700;cursor:pointer}.app-nav__item:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:0;height:3px;border-radius:3px 3px 0 0;background:transparent}.app-nav__item svg{width:17px;height:17px}.app-nav__item:hover,.app-nav__item.active{color:var(--relay-navy)}.app-nav__item.active:after{background:var(--relay-orange)}.header-status{justify-self:end;display:flex;align-items:center;gap:.65rem;color:var(--relay-navy)}.header-status strong,.header-status small{display:block;line-height:1.2}.header-status strong{font-size:.77rem}.header-status small{color:var(--relay-muted);font-size:.68rem;margin-top:.2rem}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--ai-success);box-shadow:0 0 0 5px rgba(20,122,74,.1)}
.app-main{flex:1;padding:2.7rem 0 4.5rem}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}.page-intro .ai-eyebrow{margin-bottom:.4rem}.page-intro h1{margin:0;color:var(--relay-navy);font-size:clamp(1.7rem,3vw,2.4rem)}.page-intro p{margin:.5rem 0 0;color:var(--relay-muted);font-size:.94rem}.sync-button{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--relay-orange);border-radius:var(--ai-radius-md);background:var(--relay-orange);color:#fff;padding:.72rem 1rem;font-weight:750;font-size:.84rem;cursor:pointer;box-shadow:0 8px 18px rgba(240,91,27,.18);transition:transform var(--ai-ease),background var(--ai-ease)}.sync-button:hover{background:var(--ai-orange-600);transform:translateY(-1px)}.sync-button:disabled{opacity:.62;cursor:wait;transform:none}.sync-button svg{width:18px;height:18px}
.relay-hero{position:relative;overflow:hidden;min-height:300px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;border-radius:22px;padding:clamp(2rem,5vw,3.5rem);background:linear-gradient(125deg,var(--ai-navy-950),var(--ai-navy-800) 62%,#0b3b70);color:#fff;box-shadow:0 18px 45px rgba(4,26,52,.16)}.relay-hero:before,.relay-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%}.relay-hero:before{width:380px;height:380px;right:-160px;top:-240px}.relay-hero:after{width:260px;height:260px;left:38%;bottom:-220px}.relay-hero__content{position:relative;z-index:1}.live-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .65rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:#dfe9f3;font-size:.69rem;font-weight:750}.live-pill i{width:7px;height:7px;border-radius:50%;background:#45d994;box-shadow:0 0 0 4px rgba(69,217,148,.12)}.relay-hero h2{margin:1.25rem 0 .8rem;color:#fff;font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.045em}.relay-hero h2 span{color:#ff9162}.relay-hero p{max-width:590px;margin:0;color:#c9d6e4;font-size:.95rem;line-height:1.65}.hero-link{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.35rem;padding:0;border:0;background:none;color:#fff;font-weight:720;font-size:.8rem;cursor:pointer}.hero-link span{color:#ff9162;font-size:1rem;transition:transform var(--ai-ease)}.hero-link:hover span{transform:translateX(3px)}
.relay-flow{position:relative;z-index:1;display:grid;grid-template-columns:1fr 35px 90px 35px 1fr;align-items:center}.flow-source,.flow-destinations{display:grid;gap:.7rem}.flow-source{justify-items:center;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07);padding:1.05rem .65rem;text-align:center}.flow-source small,.flow-source strong{display:block}.flow-source small{color:#98acc1;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.flow-source strong{margin-top:.15rem;font-size:.72rem}.platform-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#fff;font-weight:850}.instagram-icon{color:#bc3f78;font-size:1.35rem}.youtube-icon{color:#e32f3f;font-size:.8rem}.facebook-icon{color:#1877f2;font-family:Arial,sans-serif;font-size:1.15rem}.flow-line{height:1px;background:rgba(255,255,255,.25);position:relative}.flow-line i{position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid rgba(255,255,255,.55);border-right:1px solid rgba(255,255,255,.55);transform:rotate(45deg)}.relay-node{display:grid;justify-items:center;text-align:center}.relay-symbol{display:grid;place-items:center;width:64px;height:64px;margin-bottom:.55rem;border-radius:18px;background:var(--relay-orange);color:#fff;box-shadow:0 10px 25px rgba(240,91,27,.28)}.relay-symbol svg{width:30px;height:30px}.relay-node strong{font-size:.82rem}.relay-node small{margin-top:.1rem;color:#a9bbce;font-size:.58rem}.flow-destinations>div{display:flex;align-items:center;gap:.55rem;padding:.55rem;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.06)}.flow-destinations strong{font-size:.65rem}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin:1.15rem 0}.metric-card{display:flex;align-items:center;gap:.85rem;min-width:0;padding:1.15rem;border:1px solid var(--relay-border);border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(4,26,52,.035)}.metric-icon{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:11px}.metric-icon svg{width:21px;height:21px}.metric-icon--navy{color:var(--relay-navy);background:#e9f0f8}.metric-icon--orange{color:var(--ai-orange-600);background:var(--ai-orange-100)}.metric-icon--green{color:var(--ai-success);background:var(--ai-success-bg)}.metric-icon--blue{color:var(--ai-info);background:var(--ai-info-bg)}.metric-card small,.metric-card strong,.metric-card em{display:block}.metric-card small{color:var(--relay-muted);font-size:.68rem;font-weight:650}.metric-card strong{margin:.1rem 0;color:var(--relay-navy);font-size:1.4rem;line-height:1.2}.metric-card strong.metric-card__time{font-size:.88rem;margin:.35rem 0 .25rem}.metric-card em{color:var(--ai-subtle);font-size:.62rem;font-style:normal}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:1rem}.app-card{overflow:hidden;border:1px solid var(--relay-border);border-radius:16px;background:#fff;box-shadow:var(--relay-shadow)}.app-card__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:78px;padding:1.15rem 1.35rem;border-bottom:1px solid var(--relay-border)}.app-card__head h3{margin:0;color:var(--relay-navy);font-size:.98rem}.app-card__head p{margin:.28rem 0 0;color:var(--relay-muted);font-size:.7rem}.text-button{border:0;background:transparent;color:var(--relay-navy);font-size:.72rem;font-weight:750;cursor:pointer}.text-button span{margin-left:.25rem;color:var(--relay-orange)}.activity-list{min-height:120px}.activity-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.85rem 1.35rem;border-bottom:1px solid var(--relay-border)}.activity-row:last-child{border-bottom:0}.thumb{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#eef3f8;color:var(--relay-navy)}.thumb svg{width:18px;height:18px}.activity-row strong,.activity-row small{display:block}.activity-row strong{overflow:hidden;color:var(--relay-ink);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.activity-row small{margin-top:.25rem;color:var(--relay-muted);font-size:.65rem}.status-wrap{text-align:right}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.33rem .55rem;border-radius:999px;font-size:.6rem;font-weight:800}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.published{background:var(--ai-success-bg);color:var(--ai-success)}.status-badge.queued,.status-badge.processing{background:var(--ai-warning-bg);color:var(--ai-warning)}.status-badge.failed{background:var(--ai-danger-bg);color:var(--ai-danger)}.retry{display:block;margin:.3rem 0 0 auto;padding:0;border:0;background:none;color:var(--ai-danger);font-size:.62rem;font-weight:750;cursor:pointer}.empty{padding:2.5rem 1.5rem;color:var(--relay-muted);font-size:.78rem;text-align:center}
.connection-list{padding:.25rem 1.25rem}.connection{display:flex;align-items:center;gap:.7rem;padding:.9rem 0;border-bottom:1px solid var(--relay-border)}.connection:last-child{border:0}.connection-logo{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#eef3f8;color:var(--relay-navy);font-weight:800}.connection-info{min-width:0;flex:1}.connection strong,.connection small{display:block}.connection strong{color:var(--relay-ink);font-size:.72rem}.connection small{margin-top:.18rem;color:var(--relay-muted);font-size:.62rem}.connected,.not-connected{font-size:.6rem;font-weight:750}.connected{color:var(--ai-success)}.not-connected{color:var(--ai-warning)}.card-action{width:calc(100% - 2.5rem);margin:.15rem 1.25rem 1.15rem;padding:.65rem;border:1px solid var(--relay-border);border-radius:8px;background:#fff;color:var(--relay-navy);font-size:.7rem;font-weight:750;cursor:pointer}.card-action:hover{border-color:var(--ai-navy-500);background:var(--ai-surface-soft)}
.filter-label{display:flex;align-items:center;gap:.55rem;color:var(--relay-muted);font-size:.7rem}select,textarea{border:1px solid var(--relay-border);border-radius:8px;background:#fff;color:var(--relay-ink)}select{padding:.55rem 2.1rem .55rem .7rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.settings-wide{grid-column:1/-1}.section-number{float:left;margin-right:.65rem;color:var(--relay-orange);font-size:.66rem;font-weight:850}.switch-row,.field-row,.field-stack{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.15rem 1.35rem;border-bottom:1px solid var(--relay-border)}.switch-row:last-child,.field-row:last-child,.field-stack:last-child{border-bottom:0}.switch-row strong,.switch-row small,.field-row strong,.field-row small,.field-stack strong,.field-stack small{display:block}.switch-row strong,.field-row strong,.field-stack strong{color:var(--relay-ink);font-size:.76rem}.switch-row small,.field-row small,.field-stack small{margin-top:.3rem;color:var(--relay-muted);font-size:.65rem}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-row i{position:relative;flex:0 0 auto;width:42px;height:23px;border-radius:99px;background:#cbd3dc;transition:background var(--ai-ease);cursor:pointer}.switch-row i:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform var(--ai-ease)}.switch-row input:checked+i{background:var(--relay-orange)}.switch-row input:checked+i:after{transform:translateX(19px)}.switch-row input:focus-visible+i{outline:3px solid rgba(240,91,27,.3);outline-offset:2px}.field-stack{display:block}.field-stack textarea{width:100%;margin-top:.85rem;padding:.75rem;resize:vertical}.notice{margin-bottom:1rem;padding:.8rem 1rem;border:1px solid #cbe8d8;border-radius:10px;background:var(--ai-success-bg);color:var(--ai-success);font-size:.76rem}.notice.error{border-color:#f2cec9;background:var(--ai-danger-bg);color:var(--ai-danger)}.app-footer{padding:1.2rem 0}.app-footer .ai-footer__inner{font-size:.7rem}.footer-product{color:#8ca1b7}
@media(max-width:980px){.app-header__inner{grid-template-columns:1fr auto}.app-nav{grid-row:2;grid-column:1/-1;width:100%;height:50px;justify-content:center;border-top:1px solid var(--relay-border)}.app-nav__item{align-self:stretch}.app-header{position:static}.relay-hero{grid-template-columns:1fr}.relay-flow{width:min(100%,470px)}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:680px){.app-main{padding:1.6rem 0 3rem}.app-header__inner{gap:.75rem}.header-status strong{display:none}.header-status small{margin:0}.app-nav{justify-content:stretch}.app-nav__item{flex:1;justify-content:center;padding:0 .35rem;font-size:.72rem}.page-intro{align-items:center}.page-intro p{display:none}.sync-button{padding:.75rem}.sync-button>span{display:none}.relay-hero{padding:1.7rem 1.35rem;gap:2.2rem}.relay-hero h2{font-size:2rem}.relay-flow{grid-template-columns:1fr 22px 75px 22px 1fr}.flow-destinations strong{display:none}.flow-destinations>div{justify-content:center}.relay-symbol{width:54px;height:54px}.metrics{gap:.65rem}.metric-card{display:block;padding:.9rem}.metric-icon{margin-bottom:.65rem}.metric-card strong{font-size:1.2rem}.activity-row{padding-inline:1rem}.app-card__head{padding-inline:1rem}.text-button{font-size:0}.text-button span{font-size:1rem}.settings-grid{grid-template-columns:1fr}.settings-wide{grid-column:auto}.app-card__head--filter{align-items:flex-start}.filter-label>span{display:none}.field-row{align-items:flex-start;flex-direction:column}.app-footer .ai-footer__inner{align-items:flex-start;gap:.45rem}}