:root { --bg:#f5f7fa; --card:#fff; --text:#1f2933; --muted:#6b7280; --sig:#0079c1; --ods:#00a676; --arc:#8b5cf6; --radius:14px; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);padding:20px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:1rem}
.title h1{margin:0;font-size:1.35rem}
.row{display:flex;gap:10px;flex-wrap:wrap}
.card{background:var(--card);border-radius:var(--radius);padding:14px 16px;box-shadow:0 4px 12px rgba(15,23,42,.04)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:10px 0 16px}
.kpi-label{color:var(--muted);font-size:.8rem;margin-bottom:4px}
.kpi-value{font-size:1.35rem;font-weight:600}
.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.chip{display:inline-flex;gap:6px;align-items:center;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-size:.8rem}
.dot{width:9px;height:9px;border-radius:999px;display:inline-block}
.panel-title{font-weight:600;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.badge{font-size:.65rem;background:rgba(0,0,0,.04);border-radius:999px;padding:2px 8px;color:var(--muted)}
.layout{display:grid;grid-template-columns:1.4fr .6fr;gap:12px}
.top-list{display:flex;flex-direction:column;gap:8px}
.top-item{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:center}
.item-title{font-size:.8rem;font-weight:500}
.meta{font-size:.68rem;color:var(--muted)}
.bar-wrap{background:rgba(0,0,0,.06);border-radius:999px;height:10px;overflow:hidden}
.bar{height:100%;border-radius:999px}
.item-visits{font-size:.72rem;color:var(--muted);min-width:54px;text-align:right}
.table-wrap{max-height:420px;overflow:auto}
table{width:100%;border-collapse:collapse;font-size:.74rem}
th,td{text-align:left;padding:6px 4px}
th{position:sticky;top:0;background:var(--bg);z-index:1;font-weight:600}
tr:nth-child(even){background:rgba(0,0,0,.02)}
a{color:var(--sig);text-decoration:none}
a:hover{text-decoration:underline}
.loader{display:inline-block;font-size:.8rem;color:var(--muted)}
.section-title{font-weight:600;margin-top:4px;margin-bottom:6px}
@media (max-width: 1024px){.layout{grid-template-columns:1fr}}