body{color:#1f2937;background:#f4f5f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:24px}.header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.meta{align-items:center;gap:12px;display:flex}.error{color:#b91c1c;margin-bottom:12px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi-card{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:12px}.kpi-label{color:#6b7280;margin:0;font-size:12px}.kpi-value{margin:8px 0;font-size:22px;font-weight:700}.kpi-meta{color:#4b5563;margin:0;font-size:12px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px;display:grid}.card{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px}.badge{font-weight:700}.badge.ok{color:#166534}.badge.error{color:#b91c1c}.badge.warn{color:#92400e}ul{margin:8px 0 0;padding-left:16px}li{margin-bottom:8px}.event-row{border-bottom:1px solid #e5e7eb;padding-bottom:8px}.event-row:last-child{border-bottom:0;padding-bottom:0}.event-main{flex-wrap:wrap;align-items:center;gap:6px;display:flex}small{color:#6b7280;display:block}code{background:#eef2ff;border-radius:4px;padding:1px 6px}.pill{color:#374151;background:#f9fafb;border:1px solid #d1d5db;border-radius:9999px;padding:1px 8px;font-size:12px;display:inline-block}.severity-info{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.severity-warn{color:#92400e;background:#fffbeb;border-color:#fcd34d}.severity-error{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.trace-form{gap:8px;margin-bottom:10px;display:flex}input{flex:1;min-width:140px}button{cursor:pointer}.trace-card{margin-bottom:8px}.empty,.footnote{color:#6b7280}