:root{--bg: #0b0f14;--card: rgba(22, 28, 36, .65);--card-border: rgba(255, 255, 255, .08);--text: #e6eef7;--muted: #a7b3c2;--accent: #5ec8ff;--accent-2: #9b8cff;--good: #59d090;--low: #ff6b6b;--shadow: 0 8px 24px rgba(0, 0, 0, .45);--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 800px at 10% 10%,#0f1720,transparent 40%),radial-gradient(1000px 900px at 90% 30%,rgba(94,200,255,.15),transparent 55%),radial-gradient(1200px 700px at 50% 90%,rgba(155,140,255,.12),transparent 50%),var(--bg)}.container{max-width:1200px;margin:0 auto;padding:24px}.glass{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%)}.header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;margin-bottom:18px}.title{font-size:22px;font-weight:700;letter-spacing:.3px}.subtle{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{padding:16px}.card h3{margin:0 0 12px;font-size:16px;font-weight:600}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;font-size:13px}thead th{color:var(--muted);font-weight:600;border-bottom:1px solid var(--card-border)}tbody tr{border-bottom:1px solid var(--card-border)}tbody tr:hover{background:#ffffff08}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;border:1px solid var(--card-border);font-size:12px;color:var(--muted)}.quality-good{color:var(--good)}.quality-low{color:var(--low)}.kpis{display:flex;gap:10px;align-items:center}.pill{padding:4px 10px;border-radius:999px;background:#ffffff0a;border:1px solid var(--card-border);font-size:12px}.accent{color:var(--accent)}.accent2{color:var(--accent-2)}.footer{margin-top:12px;font-size:12px;color:var(--muted)}@media (max-width: 900px){.grid{grid-template-columns:1fr}}