:root{--bg0:#071018;--bg1:#0d1b27;--panel:rgba(16,36,52,0.88);--line:rgba(130,190,180,0.22);--text:#e7f3ef;--muted:#8aa8a0;--accent:#5ee0c0;--accent-2:#3aa8d8;--warn:#f0b45a;--danger:#ef7b7b;--ok:#6fdfa0;--font-display:"Segoe UI","IBM Plex Sans",sans-serif;--font-body:"Segoe UI","IBM Plex Sans",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;color:var(--text);font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%,rgba(58,168,216,.18),transparent 55%),radial-gradient(900px 500px at 90% 0,rgba(94,224,192,.12),transparent 50%),linear-gradient(180deg,var(--bg0),var(--bg1) 45%,#08141d)}body{background-attachment:fixed}main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.hero{padding:1.5rem 0 1.25rem}.brand{margin:.2rem 0 .55rem;font-size:clamp(2.4rem,5vw,3.6rem);letter-spacing:-.04em;font-family:var(--font-display);background:linear-gradient(90deg,#dffaf0,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lede{max-width:46rem;margin:0;color:#c7ddd6;line-height:1.55;font-size:1.05rem}.muted{color:var(--muted);font-size:.92rem}.panel{margin-top:1rem;padding:1.1rem 1.2rem 1.25rem;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel h2{margin:0 0 .85rem;font-size:1.05rem;letter-spacing:.01em}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.kpi{border:1px solid rgba(130,190,180,.16);background:rgba(8,20,30,.55);padding:.75rem .85rem;display:flex;flex-direction:column;gap:.35rem}.kpi span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.kpi strong{font-size:1.35rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.9rem;align-items:flex-end}button,select{font:inherit;color:var(--text);background:rgba(10,28,40,.9);border:1px solid rgba(94,224,192,.35);padding:.55rem .8rem}button{cursor:pointer;background:linear-gradient(135deg,rgba(94,224,192,.22),rgba(58,168,216,.22))}button:disabled{opacity:.55;cursor:not-allowed}.notice{margin-top:1rem;padding:.85rem 1rem;border:1px solid rgba(240,180,90,.45);background:rgba(70,45,10,.35);color:#ffe2b0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:.55rem .45rem;border-bottom:1px solid rgba(130,190,180,.12);vertical-align:top}th{color:var(--muted);font-weight:600;letter-spacing:.05em}.badge,th{font-size:.75rem;text-transform:uppercase}.badge{display:inline-block;padding:.15rem .45rem;border:1px solid;letter-spacing:.04em}.badge.ok{color:var(--ok)}.badge.warn{color:var(--warn)}.badge.danger{color:var(--danger)}.badge.accent{color:var(--accent)}.split{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:.9rem;gap:.9rem}.diff{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.diff-pane{border:1px solid rgba(130,190,180,.16);background:rgba(8,20,30,.45);padding:.8rem;min-height:8rem}.diff-pane h3{margin:0 0 .55rem;font-size:.85rem;color:var(--accent)}.list{display:flex;flex-direction:column;gap:.65rem}.exception{border:1px solid rgba(130,190,180,.16);background:rgba(8,20,30,.45);padding:.8rem}.exception header{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.exception p{margin:.25rem 0;color:#c7ddd6;font-size:.9rem}.actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.actions button{font-size:.8rem;padding:.4rem .6rem}@media (max-width:900px){.diff,.grid,.split{grid-template-columns:1fr}}