:root{--bg:#07101f;--panel:#0e1b31;--panel2:#11223e;--line:#ffffff17;--text:#f6f8fc;--muted:#91a2bb;--cyan:#5bd6ff;--violet:#7c6cff;--green:#48d5a5;--amber:#f7b84b;--red:#ff7182}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#5bd6ff17,transparent 30%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);background:#050d1acc;padding:28px 16px}.brand{letter-spacing:.08em;padding:0 10px 28px;font-weight:850}.brand b{color:var(--cyan)}.brand span{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-top:6px;font-size:10px;display:block}aside button{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;margin:4px 0;padding:12px 14px;font-weight:700;display:block}aside button.on,aside button:hover{color:#fff;background:linear-gradient(90deg,#5bd6ff1f,#7c6cff12)}.content{min-width:0;padding:32px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}h1{margin:0;font-size:28px}header p{color:var(--muted);margin:5px 0 0}button.primary{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#05101b;cursor:pointer;border:0;border-radius:11px;padding:11px 15px;font-weight:850}.warning{color:#ffe2a8;background:#f7b84b14;border:1px solid #f7b84b59;border-radius:14px;margin-bottom:18px;padding:14px 16px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric,.panel{border:1px solid var(--line);background:linear-gradient(#11223ef2,#091426f5);border-radius:18px;box-shadow:0 20px 60px #0000003d}.metric{padding:20px}.metric span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;display:block}.metric strong{overflow-wrap:anywhere;margin-top:10px;font-size:26px;display:block}.panel{margin-bottom:18px;padding:20px;overflow:auto}.panel>h3{margin:0 0 16px;font-size:15px}.table{min-width:780px}.tr{border-top:1px solid var(--line);grid-template-columns:1.5fr .8fr .55fr 1.3fr .6fr;align-items:center;gap:14px;padding:13px 8px;font-size:13px;display:grid}.tr.th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border:0;font-size:10px}.tr small,.node small{color:var(--muted);margin-top:3px;display:block}.clip{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pill{text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:5px 8px;font-size:10px;font-style:normal;display:inline-flex}.pill.active,.pill.success{color:var(--green)}.pill.pending,.pill.partial{color:var(--amber)}.pill.failed,.pill.disabled{color:var(--red)}.syncHero{justify-content:space-between;align-items:center;gap:28px;display:flex}.syncHero h2{margin:0 0 8px;font-size:20px}.syncHero p{color:var(--muted);max-width:720px;line-height:1.6}.syncState{background:#5bd6ff0f;border:1px solid #5bd6ff33;border-radius:14px;min-width:220px;padding:18px}.syncState b,.syncState span{display:block}.syncState span{color:var(--muted);margin-top:6px;font-size:12px}.syncCard{border:1px solid var(--line);border-radius:13px;margin-top:10px;padding:14px}.syncCard>div:first-child{justify-content:space-between;gap:12px;display:flex}.syncStats{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:12px;font-size:12px;display:flex}.syncStats b{color:var(--text)}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px;padding:36px}.tree{width:max-content;min-width:100%;padding:25px}.tree ul{justify-content:center;margin:0;padding-top:24px;display:flex;position:relative}.tree li{text-align:center;padding:24px 10px 0;list-style:none;position:relative}.tree li:before,.tree li:after{content:"";border-top:1px solid #5bd6ff59;width:50%;height:24px;position:absolute;top:0;right:50%}.tree li:after{border-left:1px solid #5bd6ff59;left:50%;right:auto}.tree li:only-child:before,.tree li:only-child:after{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0}.tree li:last-child:before{border-right:1px solid #5bd6ff59}.tree ul ul:before{content:"";border-left:1px solid #5bd6ff59;height:24px;position:absolute;top:0;left:50%}.node{border:1px solid var(--line);background:var(--panel2);text-align:left;border-radius:13px;min-width:170px;padding:12px}@media (max-width:900px){.shell{grid-template-columns:1fr}aside{z-index:10;border-right:0;border-bottom:1px solid var(--line);gap:6px;padding:10px;display:flex;position:sticky;top:0;overflow:auto}.brand{display:none}aside button{white-space:nowrap;width:auto;margin:0}.content{padding:20px}.metrics{grid-template-columns:1fr 1fr}.syncHero{display:block}.syncState{margin-top:16px}}@media (max-width:560px){.metrics{grid-template-columns:1fr}.content{padding:14px}header{flex-direction:column;align-items:flex-start}.syncStats{grid-template-columns:1fr 1fr;display:grid}}