:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:#eef3f8}button,select{font:inherit}.page-shell{background:linear-gradient(#f4f7fb 0%,#edf2f7 100%);min-height:100vh;padding:32px 20px}.page-container{max-width:1200px;margin:0 auto}.page-header{margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#5b6b8a;margin:0 0 8px;font-size:12px}h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3rem)}.stats-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 10px 30px #0f172a0d}.stat-card{padding:18px 20px}.stat-card span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;display:block}.stat-card strong{letter-spacing:-.06em;margin-top:12px;font-size:2rem;display:block}.filter-panel{margin-bottom:24px;padding:18px 20px}.filter-panel h2,.inspector-panel h3{margin:0 0 16px}.filter-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;display:grid}.filter-grid label{color:#475569;flex-direction:column;gap:8px;font-size:.85rem;display:flex}.filter-grid select{color:#0f172a;background:#f8fafc;border:1px solid #dfe7f1;border-radius:10px;padding:10px 12px}.content-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px;display:grid}.table-panel{overflow:hidden}table{border-collapse:collapse;width:100%}thead th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:#475569;background:#edf2ff;padding:12px 14px;font-size:.8rem}tbody td{color:#0f172a;border-top:1px solid #e2e8f0;padding:12px 14px}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:#f8fafc}.inspector-panel{padding:18px 20px}.inspector-panel>div,.inspector-panel pre{margin-top:10px}.code-block-title{color:#334155;margin-top:18px;font-weight:700}pre{white-space:pre-wrap;word-break:break-word;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:0;padding:12px;font-size:12px}.empty-state{color:#64748b;padding:24px}@media (width<=900px){.stats-grid,.filter-grid,.content-grid{grid-template-columns:1fr}}