*{box-sizing:border-box}:root{font-family:Inter,system-ui,sans-serif;color:#e8ecf1;background:#0d1117}body{margin:0;background:#0d1117;color:#e8ecf1}button,input{font:inherit}.page{max-width:1500px;margin:0 auto;padding:24px}.hero,.card,.metricCard,.mappingItem{border:1px solid #263241;background:#111825;border-radius:18px}.hero{padding:20px;display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:18px}.eyebrow{color:#8aa4c0;font-size:13px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}h1,h2{margin:0 0 10px}p{margin:0;color:#aab7c6}.controls{display:flex;flex-direction:column;gap:10px}.controls input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #314154;background:#0d1117;color:#e8ecf1}.row{display:flex;gap:10px}button{border:0;border-radius:12px;padding:11px 14px;background:#2563eb;color:#fff;cursor:pointer}button:hover{opacity:.92}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metricCard{padding:18px}.metricValue{font-size:30px;font-weight:700}.metricLabel{color:#97a6b8;margin-top:6px}.grid.two{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:18px}.card{padding:18px;min-height:220px}.cardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #202c39;vertical-align:top}th{color:#8ea2b9;font-weight:600;font-size:13px}.strong{font-weight:700}.muted{color:#94a5b8}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.badge{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.badge.ok{background:#22c55e1f;color:#7ee0a2;border-color:#22c55e47}.badge.warn{background:#f59e0b1f;color:#f2c56e;border-color:#f59e0b47}.badge.bad{background:#ef44441f;color:#f59ca0;border-color:#ef444447}.badge.neutral{background:#94a3b81a;color:#c0cad5;border-color:#94a3b838}.mappingList{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow:auto}.mappingItem{text-align:left;padding:14px;width:100%;background:#0f1722}.mappingItem.selected{border-color:#4b7bec;box-shadow:inset 0 0 0 1px #4b7bec}.mappingTop{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.details{display:grid;grid-template-columns:180px 1fr;row-gap:12px;column-gap:14px}.detailLabel{color:#8ea2b9}.detailValue{color:#e8ecf1;word-break:break-word}.timeline{display:flex;flex-direction:column;gap:14px}.timelineItem{display:grid;grid-template-columns:18px 1fr;gap:10px}.timelineDot{width:12px;height:12px;border-radius:50%;margin-top:6px;background:#4b7bec}.timelineTop{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.alert,.empty{padding:14px;border-radius:12px;background:#ef44441a;color:#f2b2b5;margin-bottom:18px}.empty{background:#94a3b814;color:#aab7c6}@media (max-width: 1100px){.hero,.grid.two,.metrics{grid-template-columns:1fr}}