:root{--bg:#0b1020;--panel:#0f162c;--panel-2:#121c38;--text:#e9edf6;--muted:#a6b2cc;--grid:#233052;--accent-1:#7c9cf9;--accent-2:#f97cc7;--accent-3:#7cf9cb;--accent-4:#f9c77c;--accent-5:#a97cf9;--accent-6:#7cd0f9;--danger:#ef4444;--ok:#4ade80;--tooltip-bg:#1b2348;--tooltip-bd:rgba(255,255,255,.25)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial;background:radial-gradient(1200px 1200px at 100% 0%,#121a34,#0b1020 60%);color:var(--text)}.container{width:100%;margin:0;padding:12px 12px 24px}.header{position:relative;padding:18px 8px 8px}.header .title{margin:0;font-size:32px;font-weight:800;letter-spacing:.2px;text-align:center}.header .subtitle{margin:0;font-size:15px;opacity:.9;text-align:center}.header .source.inline{position:static;margin-top:10px;display:flex;justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:8px 12px;font-weight:600;text-decoration:none}.btn-github{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.18)}.btn-github:hover{background:#ffffff24}.link{color:var(--text);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2)}.link:hover{opacity:.85}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.grid-two{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(360px,1fr))}.grid.three{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(260px,1fr))}.card{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;min-width:0}.card-head{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.card-head h3{margin:0;font-size:16px;font-weight:700;letter-spacing:.2px;line-height:1.25}.card-body{padding:10px 12px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.kpi{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px}.kpi h4{margin:0;font-size:13px;color:#cdd6f4;font-weight:700}.kpi .val{font-size:24px;font-weight:800;margin-top:2px}.hint{color:var(--muted);font-size:12px}.insights-row{display:flex;gap:12px;flex-wrap:wrap}.insight-bubble{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;min-width:220px;flex:1 1 220px;box-shadow:0 4px 14px #0000002e}.insight-label{font-weight:700;font-size:13px;color:#dbe4ff;margin-bottom:6px}.insight-text{font-size:14px;color:#d7dcf0}.empty-msg{color:var(--muted);font-size:14px;padding:16px}.scroll-y{overflow-y:auto;max-height:520px;padding-right:6px}.infotip{display:inline-block;position:relative;margin-left:8px}.infotip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid rgba(255,255,255,.35);color:var(--text);width:22px;height:22px;line-height:20px;border-radius:50%;font-size:12px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.infotip-btn:hover{background:#ffffff1a}.infotip-pop{position:absolute;top:26px;left:50%;transform:translate(-50%);background:var(--tooltip-bg);color:var(--text);border:1px solid var(--tooltip-bd);padding:12px 14px;border-radius:12px;max-width:520px;font-size:14px;line-height:1.5;z-index:50;box-shadow:0 10px 24px #00000059}.infotip-title{font-weight:800;margin-bottom:6px}.infotip-body{opacity:.95}.infotip-arrow{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--tooltip-bg)}.footer{padding:18px 12px;text-align:center;color:var(--muted)}