.stats-row{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:10px;flex:1;min-width:200px;padding:1.2rem 1.5rem}.stat-card .value{color:var(--accent);margin-bottom:2px;font-size:1.6rem;font-weight:700;display:block}.stat-card .value.big{font-size:2rem}.stat-card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;display:block}.stat-card .note{color:var(--muted);opacity:.75;margin-top:3px;font-size:.75rem;display:block}.stat-card.blue .value{color:#3b82f6}.stat-card.green .value{color:var(--accent)}.stat-card.orange .value{color:#f59e0b}.stat-card.purple .value{color:#8b5cf6}.chart-row{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.chart-row.two-col .chart-box{flex:45%;min-width:280px}.chart-box{background:var(--card);border:1px solid var(--border);border-radius:10px;flex:1;min-width:320px;padding:1.2rem}.chart-box h3{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.8rem;font-size:.85rem}.chart-box canvas{max-height:240px;width:100%!important;height:240px!important}.alert-type-row{flex-wrap:wrap;gap:1rem;margin-bottom:.6rem;display:flex}.type-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:10px;flex:1;min-width:140px;padding:1rem}.type-card .num{color:var(--fg);font-size:1.3rem;font-weight:700;display:block}.type-card .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;display:block}.type-card .cnt{color:var(--muted);opacity:.7;margin-top:3px;font-size:.72rem;display:block}.table-wrap{background:var(--card);border:1px solid var(--border);-webkit-overflow-scrolling:touch;border-radius:10px;overflow:auto hidden}.table-wrap h3{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:1rem 1.2rem 0;font-size:.85rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .8rem;font-size:.82rem}th{background:var(--bg);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}tbody tr:hover{background:var(--bg)}td.empty{text-align:center;color:var(--muted);padding:1.5rem}.nowrap{white-space:nowrap}.ago{color:var(--muted);opacity:.7;font-size:.72rem;display:block}code{background:var(--bg);border-radius:4px;padding:1px 5px;font-size:.78rem}.pill{color:#fff;letter-spacing:.4px;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.pill.HIGH{background:#dc2626}.pill.MEDIUM{background:#f59e0b}.pill.INFO{background:#6b7280}.pager{justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.2rem;display:flex}.pg-btn{background:var(--card);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:6px;padding:.4rem .8rem;font-family:inherit;font-size:.8rem}.pg-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-info{color:var(--muted);font-size:.8rem}.table-timestamp{color:var(--muted);margin:.9rem 0 0;font-size:.78rem}.repeat-note{color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:.7rem 0 0;padding:.7rem .9rem;font-size:.8rem;line-height:1.6}.repeat-note:empty{display:none}.repeat-note b{color:var(--text)}.repeat-note code{background:var(--card);border-radius:4px;padding:1px 5px;font-size:.74rem}.guide{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-top:2.5rem;padding:1.4rem 1.6rem}.guide h3{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.85rem}.guide>p{color:var(--muted);margin-bottom:1rem;font-size:.85rem}.guide dl{grid-template-columns:auto 1fr;gap:.7rem 1rem;margin:0;display:grid}.guide dt{font-size:.87rem;font-weight:600}.guide dd{color:var(--muted);margin:0;font-size:.85rem}.guide .why{border-top:1px solid var(--border);color:var(--muted);margin-top:1rem;margin-bottom:0;padding-top:1rem;font-size:.82rem}@media (width<=760px){.stats-row,.chart-row,.alert-type-row{flex-direction:column}.chart-box{min-width:100%}.guide dl{grid-template-columns:1fr}}
