:root{color-scheme:light;font-family:Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17221d;background:#f2f0e9;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17221d;--muted: #68736d;--line: #d9ddd6;--paper: #fffdf8;--forest: #12382b;--forest-2: #1b523e;--lime: #b8d66e;--amber: #b97b20;--red: #ad3e3e;--blue: #356b84;--shadow: 0 16px 40px rgba(30, 48, 39, .07)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 90% 0,#e8eadb 0,transparent 32%),#f2f0e9}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.04em;margin-bottom:0}h2{font-size:1.12rem;letter-spacing:-.02em}h3{font-size:.98rem}code,.mono{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}code{font-size:.82rem;color:var(--forest-2)}input,select{width:100%;border:1px solid #cbd2ca;border-radius:8px;background:#fff;color:var(--ink);padding:.65rem .75rem;outline:none}input:focus,select:focus{border-color:var(--forest-2);box-shadow:0 0 0 3px #1b523e1a}label{display:flex;flex-direction:column;gap:.4rem;font-size:.79rem;font-weight:650;color:#47534c}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem;background:#f3f4ef;border-radius:8px;padding:.8rem}table{width:100%;border-collapse:collapse;font-size:.82rem}th{text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#77817b;font-weight:700;padding:.7rem .8rem;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:.8rem;border-bottom:1px solid #e8eae5;vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover,tbody tr.selected{background:#f1f5e9}.table-wrap{overflow-x:auto;border:1px solid #e2e4df;border-radius:10px}.table-empty{padding:2rem;text-align:center;color:var(--muted);font-size:.85rem}.detail-cell{max-width:340px;color:#59645e}.small-code{font-size:.7rem;max-width:220px;overflow-wrap:anywhere}.tiny{font-size:.67rem;color:#859089;margin-top:.25rem}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--forest);color:#edf4eb;padding:1.5rem 1rem}.brand{display:flex;align-items:center;gap:.8rem;padding:.25rem .5rem 1.8rem;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:var(--lime);color:#173328;font-weight:900;font-size:.9rem;letter-spacing:-.04em}.brand-mark.large{width:58px;height:58px;font-size:1.1rem}.brand-title{font-weight:750;font-size:.95rem}.brand-subtitle{font-size:.71rem;color:#a9c0b5;margin-top:.2rem}.nav-list{display:flex;flex-direction:column;gap:.28rem;padding:1.4rem 0}.nav-item{display:flex;align-items:center;gap:.7rem;background:transparent;border:0;color:#c9d8d0;text-align:left;padding:.72rem .75rem;border-radius:9px;font-size:.84rem;font-weight:600}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#b8d66e21;color:var(--lime)}.nav-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8}.sidebar-security{margin-top:auto;display:flex;gap:.5rem;align-items:center;color:#9cb4a9;font-size:.69rem;padding:.9rem .75rem;border-top:1px solid rgba(255,255,255,.1)}.lock-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #b8d66e1a}.sidebar-logout{color:#b6c7bf;padding:.4rem .75rem .1rem;text-align:left}.text-button{background:none;border:0;font-size:.74rem}.text-button:hover{color:#fff}.main{padding:1.5rem clamp(1.2rem,3vw,3.5rem) 3rem;max-width:1700px;width:100%}.topbar{display:flex;justify-content:space-between;gap:1.2rem;align-items:flex-end;margin-bottom:1.6rem}.topbar-actions,.detail-actions,.filter-actions{display:flex;gap:.55rem;flex-wrap:wrap}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.64rem;font-weight:800;color:#708078;margin-bottom:.45rem}.button{border:1px solid transparent;border-radius:8px;padding:.65rem .9rem;font-size:.76rem;font-weight:700;transition:.15s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--forest);color:#fff}.button.secondary{background:#ffffffb8;border-color:#cfd5cd;color:#33443a}.button.danger-soft{background:#f1dfdc;color:#8d3030;border-color:#e8c7c2}.button.danger-solid{background:var(--red);color:#fff}.button.wide{width:100%}.notice{position:sticky;top:.75rem;z-index:10;margin-bottom:1rem;border-radius:9px;padding:.8rem 1rem;font-size:.82rem;font-weight:600;box-shadow:var(--shadow)}.notice.ok{background:#e1efcd;color:#315324;border:1px solid #c8dda8}.notice.error,.form-error{background:#f6dfdc;color:#8f3030;border:1px solid #edc5c0}.form-error{border-radius:8px;padding:.7rem .8rem;font-size:.78rem}.stack{display:flex;flex-direction:column;gap:1rem}.stack.compact{gap:.55rem}.page-stack{max-width:1400px}.card{background:var(--paper);border:1px solid rgba(213,218,210,.9);border-radius:14px;padding:1.2rem;box-shadow:var(--shadow)}.section-title{margin-bottom:1rem}.section-title h2{margin-bottom:.25rem}.section-title p,.muted{color:var(--muted);font-size:.79rem;line-height:1.55;margin-bottom:0}.banner{border-radius:11px;padding:.85rem 1rem;font-size:.8rem;line-height:1.45;border:1px solid}.banner.dry-run{background:#fbf1d9;border-color:#ebd59e;color:#6f5018}.banner.warning{background:#fff3df;border-color:#efcf9c;color:#7f5317}.hero-card{display:flex;justify-content:space-between;gap:2rem;align-items:center;background:linear-gradient(135deg,#133d2e,#1f5943);color:#fff;border-radius:17px;padding:clamp(1.4rem,3vw,2.3rem);box-shadow:0 24px 60px #12382b2e}.hero-card .eyebrow{color:#a9c9b6}.hero-card .muted{color:#b9cec2;max-width:640px;margin-top:.8rem}.hero-status{display:flex;align-items:center;gap:.7rem;font-size:clamp(1.9rem,4vw,3.2rem);font-weight:800;letter-spacing:-.05em}.hero-status.healthy{color:var(--lime)}.hero-status.warning{color:#f0c26b}.hero-status.error{color:#ff9d93}.status-beacon{width:12px;height:12px;border-radius:50%;background:currentColor;box-shadow:0 0 0 7px #ffffff14}.hero-stats{display:flex;gap:1rem;flex:0 0 auto}.hero-metric{min-width:125px;border-left:1px solid rgba(255,255,255,.15);padding-left:1rem}.hero-metric span{display:block;font-size:2rem;font-weight:750}.hero-metric small{color:#acc2b7;font-size:.7rem}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem}.metric-card{background:var(--paper);border:1px solid #dfe2da;border-radius:12px;padding:1rem}.metric-card.warn{border-color:#ead0a0;background:#fffbf1}.metric-card.error{border-color:#e7c4bf;background:#fff9f8}.metric-label{font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:#747f78}.metric-value{font-size:1.9rem;font-weight:760;letter-spacing:-.04em;margin:.25rem 0 .1rem}.metric-hint{font-size:.68rem;color:#8a948e}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.status-list{display:flex;flex-direction:column}.status-line{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:.65rem;padding:.7rem 0;border-bottom:1px solid #e7e9e3;font-size:.8rem}.status-line:last-child{border-bottom:0}.status-line small{color:var(--muted);font-size:.7rem}.mini-dot{width:8px;height:8px;border-radius:50%}.mini-dot.ok{background:#6a9f3c}.mini-dot.bad{background:#c9564e}.mini-dot.neutral{background:#b68a3e}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;align-items:center;gap:.8rem;padding:.65rem 0;border-bottom:1px solid #e7e9e3}.timeline-item:last-child{border-bottom:0}.timeline-dot{width:9px;height:9px;border-radius:50%;border:2px solid var(--forest-2)}.timeline-item div{display:flex;flex-direction:column;gap:.2rem}.timeline-item small{color:#849088;font-size:.68rem}.timeline-item strong{font-size:.8rem}.endpoint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.endpoint-grid p{font-size:.78rem;line-height:1.55;color:var(--muted);margin-bottom:0}.endpoint-tag{display:inline-block;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;padding:.3rem .5rem;border-radius:5px;margin-bottom:.6rem}.endpoint-tag.live{background:#e3efce;color:#416528}.endpoint-tag.reconcile{background:#dfe9ee;color:#355d70}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.24rem .5rem;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#e9ece7;color:#59645e}.pill.confirmed,.pill.healthy,.pill.validated,.pill.active,.pill.succeeded,.pill.ok,.pill.info{background:#dcebc9;color:#3f6427}.pill.pending,.pill.processing,.pill.retry,.pill.warning,.pill.scheduled,.pill.waiting{background:#f4e7c8;color:#805c20}.pill.rejected,.pill.needs-review,.pill.error,.pill.critical,.pill.failed{background:#f3d9d5;color:#8a3731}.pill.dry-run,.pill.not-polled,.pill.limited,.pill.ended{background:#e3e5df;color:#5d665f}.pill.deleted{background:#e6ded7;color:#7b5c47}.pill.fully-mapped{background:#dcebc9;color:#3f6427}.pill.partial{background:#f4e7c8;color:#805c20}.pill.unmapped{background:#f3d9d5;color:#8a3731}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.detail-header h2{margin-bottom:.25rem}.sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.sync-panel{border:1px solid #e0e3dc;border-radius:11px;padding:1rem;background:#fbfbf7}.panel-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#758077;margin-bottom:.65rem}.sync-panel dl{display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;margin:.85rem 0 0;font-size:.76rem}.sync-panel dt{color:var(--muted)}.sync-panel dd{margin:0;text-align:right;font-weight:600}.delivery-preview{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;padding:1rem;border:1px solid #dce2d8;border-radius:11px;background:#f8faf3}.delivery-preview dl{display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;font-size:.76rem;margin:0}.delivery-preview dt{color:var(--muted)}.delivery-preview dd{margin:0;text-align:right;font-weight:600}.delivery-preview pre{margin:.65rem 0 0}.preview-ready{display:inline-flex;border-radius:999px;padding:.3rem .55rem;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.preview-ready.ready{background:#dcebc9;color:#3f6427}.preview-ready.blocked{background:#f3d9d5;color:#8a3731}.small-button{padding:.38rem .55rem;font-size:.68rem}.row-actions{display:flex;gap:.35rem;flex-wrap:wrap}.compact-warning{margin-top:.35rem;padding:.35rem .45rem}.wide-field{grid-column:1 / -1}.wide-field small{color:var(--muted);font-weight:500}.inline-error{margin-top:.8rem;font-size:.76rem}.inline-error summary{color:#7a504d;cursor:pointer;font-weight:650}.tabbed-tables{display:grid;gap:1.4rem;margin-top:1.2rem}.filters{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:.75rem;align-items:end;margin-bottom:1rem}.filter-actions{grid-column:1 / -1}.error-list{display:flex;flex-direction:column;gap:.65rem}.error-row{border:1px solid #e4ddd8;border-left:4px solid #b97b20;border-radius:9px;padding:.9rem 1rem;background:#fffcf7}.error-row.error,.error-row.critical{border-left-color:var(--red)}.error-row.warning{border-left-color:var(--amber)}.error-row.info{border-left-color:var(--blue)}.error-row.resolved{opacity:.58}.error-heading{display:flex;align-items:center;gap:.6rem}.error-heading strong{font-size:.79rem}.error-count{margin-left:auto;color:#8a4a40;font-weight:750;font-size:.78rem}.error-row p{font-size:.8rem;margin:.65rem 0 .35rem}.error-meta{font-size:.68rem;color:#828c85}.error-row details{margin-top:.6rem;font-size:.74rem}.error-row summary{cursor:pointer;color:#57655d}.settings-top{align-items:start}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.input-suffix{display:flex;align-items:center}.input-suffix input{border-radius:8px 0 0 8px}.input-suffix span{border:1px solid #cbd2ca;border-left:0;border-radius:0 8px 8px 0;padding:.66rem .55rem;font-size:.66rem;color:#7a8580;background:#f1f3ee;white-space:nowrap}.live-panel{margin-top:1.1rem;padding:1rem;border-radius:10px;border:1px solid #e0d4bc;background:#fff9ed}.live-panel.enabled{border-color:#d3bcb9;background:#fff7f6}.live-panel h3{margin-bottom:.35rem}.live-panel p{color:var(--muted);font-size:.76rem;line-height:1.5}.inline-warning{background:#f3ead9;color:#775820;border-radius:8px;padding:.7rem;font-size:.74rem}.mapping-form{display:grid;grid-template-columns:1.1fr .7fr 1fr 1.5fr auto auto;align-items:end;gap:.65rem;margin-top:1rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 20% 20%,rgba(184,214,110,.34),transparent 25%),linear-gradient(145deg,#102e24,#1d4c3a)}.login-panel{width:min(430px,100%);background:#fffdf8;border-radius:18px;padding:clamp(1.5rem,5vw,2.4rem);box-shadow:0 35px 90px #00000040}.login-brand{display:flex;gap:1rem;align-items:center;margin-bottom:1.2rem}.login-brand h1{font-size:1.65rem}.login-copy{color:var(--muted);font-size:.84rem;line-height:1.55;margin:1rem 0 1.4rem}.login-footnote{color:#8b958f;font-size:.68rem;margin-top:1.2rem;text-align:center}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--forest);font-weight:650}.empty-state{padding:2.3rem 1rem;text-align:center;border:1px dashed #d5dad2;border-radius:10px;color:#7a857e;font-size:.8rem}@media(max-width:1100px){.metric-grid,.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.mapping-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:1rem}.brand{padding-bottom:.9rem}.nav-list{flex-direction:row;flex-wrap:wrap;padding:.8rem 0}.sidebar-security{display:none}.sidebar-logout{margin-top:0;padding:0}.topbar{align-items:flex-start;flex-direction:column}.two-column,.sync-grid,.endpoint-grid,.delivery-preview{grid-template-columns:1fr}.hero-card{align-items:flex-start;flex-direction:column}.hero-stats{width:100%}.hero-metric{flex:1}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters,.settings-grid,.mapping-form{grid-template-columns:1fr 1fr}}@media(max-width:520px){.main{padding:1rem}.metric-grid,.filters,.settings-grid,.mapping-form{grid-template-columns:1fr}.hero-stats{flex-direction:column}.hero-metric{border-left:0;border-top:1px solid rgba(255,255,255,.15);padding:.7rem 0 0}.topbar-actions{width:100%}.topbar-actions .button{flex:1}.detail-header{flex-direction:column}}