:root{color-scheme:dark;--bg:#09090d;--surface:#13131b;--surface2:#191824;--border:#2b2a3a;--purple:#8b5cf6;--purple2:#a78bfa;--text:#f4f4f7;--muted:#9290a0;--green:#48c78e;--red:#fb7185}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,Helvetica Neue,Arial,sans-serif}.shell{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:260px;padding:28px 18px;display:flex;flex-direction:column;background:#0d0d13;border-right:1px solid var(--border)}.brand{padding:0 12px 28px;border-bottom:1px solid var(--border)}.brand span,.brand small{display:block}.brand span{font-size:.75rem;font-weight:800;letter-spacing:.13em}.brand strong{display:block;color:var(--purple);font-size:1.65rem;line-height:1.2;letter-spacing:.06em}.brand small{color:var(--muted)}nav{display:grid;gap:4px;margin-top:26px}nav button{height:46px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:600 .9rem inherit;text-align:left;cursor:pointer}nav button:hover,nav button.active{background:#201b32;color:#fff}nav button.active{box-shadow:inset 3px 0 var(--purple)}.relay-card{margin-top:auto;padding:16px;border:1px solid var(--border);border-radius:11px;background:var(--surface2)}.relay-card .dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--muted)}.relay-card.ready .dot{background:var(--green)}.relay-card b,.relay-card small{display:block}.relay-card small{margin-top:5px;color:var(--muted);font-size:.78rem}main{padding-left:260px}header{height:76px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;background:#0b0b10e8;border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}header>div{display:flex;gap:9px}header span{color:var(--muted)}button{font:inherit}.primary,#refresh{min-height:40px;padding:0 17px;border:1px solid transparent;border-radius:9px;font-weight:700;cursor:pointer}.primary{background:var(--purple);color:#fff}.primary:hover{background:#9b70f7}.primary:disabled{opacity:.45;cursor:not-allowed}#refresh{background:var(--surface2);border-color:var(--border);color:var(--text)}.mobile-menu{display:none}.content{max-width:1440px;margin:auto;padding:38px 36px 60px}.view{display:none}.view.active{display:block}.title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.kicker,.panel-head span,.connection span,.stats span,.preview>span{display:block;color:var(--purple2);font-size:.72rem;font-weight:800;letter-spacing:.12em}.title h1{margin:5px 0 6px;font-size:2.2rem;line-height:1.2}.title p{margin:0;color:var(--muted)}.banner{margin-bottom:20px;padding:13px 16px;border:1px solid #5b4a82;border-radius:9px;background:#1b1630;color:#d9cdf8}.banner.error{border-color:#773645;background:#2a141b;color:#fecdd3}.hidden{display:none}.connection{min-height:128px;padding:25px 30px;display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:28px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.connection>div:last-child{text-align:right}.connection b,.connection small{display:block}.connection b{margin:4px 0}.connection small{color:var(--muted)}.connection>strong{padding:13px 18px;border:1px solid #4f4370;border-radius:9px;color:var(--purple2)}.connection>i{color:var(--muted);font-style:normal}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 22px}.stats article{padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.stats b{display:block;margin-top:6px;font-size:1.8rem}.grid{display:grid;grid-template-columns:1.65fr .7fr;gap:22px}.panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.panel-head{padding:18px 21px;border-bottom:1px solid var(--border);background:#15151e}.panel-head h2{margin:3px 0 0;font-size:1.1rem}.sync-panel>p{padding:18px 21px 2px;color:var(--muted)}.sync-panel>.primary{width:calc(100% - 42px);margin:15px 21px}.sync-panel>small{display:block;padding:4px 21px 22px;color:var(--muted)}.list{padding:5px 18px}.list.empty{padding:32px;color:var(--muted);text-align:center}.delivery{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px 4px;border-bottom:1px solid var(--border)}.delivery:last-child{border:0;border-bottom:0}.delivery p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delivery small{color:var(--muted)}.delivery span{padding:3px 8px;border:1px solid #286448;border-radius:999px;color:#86efac;font-size:.7rem}.delivery span.failed,.delivery span.manual_review{border-color:#713342;color:#fda4af}.delivery button{grid-column:2;padding:4px 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface2);color:var(--text);cursor:pointer}.settings-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px}.toggles label{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.toggles label:last-child{border:0}.toggles small{display:block;color:var(--muted)}input[type=checkbox]{width:36px;height:20px;accent-color:var(--purple)}.composer{padding:22px}.composer>label{font-weight:700}.composer textarea{width:100%;margin-top:10px;padding:14px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);font:14px/1.6 ui-monospace,monospace;resize:vertical}.composer>p{color:var(--muted);font-size:.8rem}.composer code{padding:3px 6px;border-radius:5px;background:#211b34;color:#c4b5fd}.preview{margin-top:18px;padding:17px;border-left:3px solid var(--purple);border-radius:8px;background:var(--surface2)}.preview p{white-space:pre-wrap}.preview small{color:var(--muted)}.check-grid{display:grid;gap:12px}.check{padding:19px 21px;display:grid;grid-template-columns:1fr auto;gap:7px}.check p{margin:0}.check small{color:var(--muted)}.check b.ok{color:var(--green)}.check b.bad{color:var(--red)}@media(max-width:900px){.grid,.settings-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:700px){aside{transform:translateX(-100%);transition:.2s;z-index:10}aside.open{transform:none}main{padding-left:0}header{height:66px;padding:0 16px}.mobile-menu{display:block;border:0;background:transparent;color:#fff}.content{padding:28px 16px}.title{align-items:flex-start;flex-direction:column}.connection{grid-template-columns:1fr;gap:15px}.connection>div:last-child{text-align:left}.connection>i{display:none}.stats{grid-template-columns:1fr 1fr}}@media(max-width:420px){.stats{grid-template-columns:1fr}}