html,body,#root{min-height:100%}:root{--bg-color:#f8f6f2;--text-primary:#3e2723;--text-muted:#795548;--text-meta:#8d6e63;--card-bg:#fff;--card-border:#e2dcd3;--card-shadow:0 4px 12px #3e27230a;--badge-ok-bg:#edf4ed;--badge-ok-text:#2e7d32;--badge-warn-bg:#fef0d9;--badge-warn-text:#e65100;--badge-error-bg:#fce8e8;--badge-error-text:#c62828;--badge-info-bg:#efebe9;--badge-info-text:#4e342e;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0}.page{max-width:1100px;margin:0 auto;padding:24px}@media (width<=600px){.page{padding:16px}}.header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}@media (width<=600px){.header{flex-direction:column;gap:12px}}h1{letter-spacing:-.5px;color:#2e1e19;margin:0;font-size:24px;font-weight:800}h2{letter-spacing:-.3px;color:#2e1e19;margin:24px 0 12px;font-size:18px;font-weight:700}p{margin:0}.muted{color:var(--text-muted);margin-top:4px;font-size:13px}.meta{color:var(--text-meta);margin-top:6px;font-size:12px;line-height:1.4}.errorText{color:var(--badge-error-text);margin-top:6px;font-size:12px;font-weight:500}.readonly{border:1px solid var(--text-meta);color:var(--text-muted);background:#fdfbf9;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:500}.grid{gap:12px;display:grid}.cards,.setup{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:12px;padding:16px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 4px 12px #3e272314}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:11px;font-weight:600}.value{color:var(--text-primary);margin:8px 0;font-size:22px;font-weight:800}.value.small{word-break:break-all;font-size:14px;line-height:1.4}.hint{color:var(--text-meta);margin-top:8px;font-size:11px}.tableWrap{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:500px}th,td{text-align:left;border-bottom:1px solid var(--card-border);vertical-align:middle;padding:12px;font-size:13px}tr:last-child td{border-bottom:none}th{color:var(--text-muted);background:#fdfcfb;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.ok{background:var(--badge-ok-bg);color:var(--badge-ok-text)}.warning{background:var(--badge-warn-bg);color:var(--badge-warn-text)}.error{background:var(--badge-error-bg);color:var(--badge-error-text)}.info{background:var(--badge-info-bg);color:var(--badge-info-text)}.trace-card{padding:0;overflow:hidden}.trace-header{background:var(--card-bg);padding:16px}.trace-header:hover{background:#fdfbf9}.trace-timeline{border-top:1px solid var(--card-border);background:#fdfcfb;border-radius:0 0 12px 12px;margin-top:0;padding:16px}.trace-event{border-left:2px solid var(--card-border);margin-bottom:12px;padding-left:10px}