@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;background:linear-gradient(135deg,#f6f2ea,#f2f0e8 40%,#efe8e4);color:#1b1a17}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{padding:32px 48px 48px}.header{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.32em;font-size:12px;margin:0 0 12px;color:#6e6257}h1{margin:0 0 8px;font-size:36px}.subtitle{margin:0;max-width:420px;color:#4e463c}.filters{background:#fff;border-radius:16px;padding:18px;display:grid;gap:12px;box-shadow:0 16px 30px #00000014}.field{display:grid;gap:6px}label{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#5b5146}input,select{padding:10px 12px;border-radius:10px;border:1px solid #dfd7cc;font-size:14px;background:#fefcf7}.alert{background:#fff0f0;border:1px solid #f0b7b7;color:#7b1f1f;padding:12px 16px;border-radius:10px;margin-bottom:20px}.summary{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:28px}.summary-card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 12px 24px #00000014}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-header h3{margin:0;font-size:18px}.chip{background:#f1e8dc;padding:4px 10px;border-radius:999px;font-size:12px}.summary-levels{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.top-errors{margin-top:16px;padding-top:12px;border-top:1px solid #f1e8dc}.top-errors p{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#6e6257}.top-errors ol{margin:0;padding-left:18px;display:grid;gap:8px;font-size:13px}.top-errors li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.top-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level{background:#f8f3eb;border-radius:12px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.level strong{font-family:IBM Plex Mono,monospace}.level.error,.level.critical{background:#f7e7e7;color:#7a1e1e}.level.warn{background:#f6efe2;color:#7a5a1e}.content{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.table-card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 12px 24px #00000014;overflow:hidden;position:relative}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.table-header h2{margin:0;font-size:20px}.pagination{display:flex;gap:8px;align-items:center;font-size:13px;color:#5b5146}.pagination button{background:#f1e8dc;border:none;border-radius:999px;padding:6px 10px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}table{width:100%;border-collapse:collapse;font-size:14px}thead{text-align:left;color:#6e6257}thead th{padding:10px 8px;border-bottom:1px solid #eee4d7}tbody tr{cursor:pointer;transition:background .2s ease}tbody tr:hover{background:#f8f4ee}tbody tr.active{background:#f1e8dc}tbody td{padding:12px 8px;border-bottom:1px solid #f0e6d8}.message{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-block}.pill.error,.pill.critical{background:#fbdede;color:#8a1f1f}.pill.warn{background:#fcefcf;color:#8a5b1f}.pill.info{background:#e2f1f6;color:#1f5677}.pill.debug{background:#e6e7f5;color:#3d3f7a}.loading{position:absolute;top:12px;right:16px;font-size:13px;color:#6e6257}.drawer{background:#fff;border-radius:18px;padding:16px;box-shadow:0 12px 24px #00000014;min-height:420px}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.drawer-header h2{margin:0}.ghost{border:1px solid #dfd7cc;background:transparent;padding:6px 10px;border-radius:10px;cursor:pointer}.detail{display:grid;gap:12px;font-size:14px}.detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid #f1e8dc;padding-bottom:8px}.detail-row span{color:#6e6257;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.detail-row strong{font-family:IBM Plex Mono,monospace;font-size:13px}.detail-row.block{flex-direction:column;align-items:flex-start}pre{background:#f8f4ee;padding:12px;border-radius:10px;overflow:auto;width:100%;font-family:IBM Plex Mono,monospace;font-size:12px}.muted{color:#8a8076}@media (max-width: 1024px){.header,.content{grid-template-columns:1fr}}@media (max-width: 720px){.app{padding:24px}.summary-levels,.filters{grid-template-columns:1fr}}