.page-intro{color: var(--color-text-muted);font-size: 0.85rem;line-height: 1.6;margin: 0 0 1.25rem;max-width: none}.page-intro strong{color: var(--color-text)}.stat-row{display: grid;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 0.75rem;margin: 1rem 0 1.5rem}.stat-card{background: var(--color-bg-secondary);border: 1px solid var(--color-border);border-radius: 5px;padding: 0.85rem 1rem}.stat-card .stat-value{font-family: var(--font-mono);font-size: 1.5rem;font-weight: 700;color: var(--color-text);line-height: 1.1}.stat-card .stat-label{font-family: var(--font-mono);font-size: 0.66rem;text-transform: uppercase;letter-spacing: 0.04em;color: var(--color-text-muted);margin-top: 0.3rem}.panel{margin: 1.75rem 0 0}.panel > h2.section-label{margin-bottom: 0.35rem}.panel-note{color: var(--color-text-muted);font-size: 0.8rem;margin: 0.1rem 0 0.75rem}.panel-card{background: var(--color-bg-secondary);border: 1px solid var(--color-border);border-radius: 5px;padding: 0.85rem 1rem}.filter-bar{display: flex;flex-wrap: wrap;gap: 0.6rem;align-items: center;margin: 0.5rem 0 0.85rem}.filter-bar input[type="search"], .filter-bar input[type="text"], .filter-bar select{font-family: var(--font-mono);font-size: 0.8rem;padding: 0.4rem 0.6rem;border: 1px solid var(--color-border);border-radius: 4px;background: var(--color-bg-secondary);color: var(--color-text)}.filter-bar input[type="search"]{min-width: 16rem;flex: 1 1 16rem}.filter-bar input:focus, .filter-bar select:focus{outline: none;border-color: var(--color-border-dark)}.result-count{font-family: var(--font-mono);font-size: 0.72rem;color: var(--color-text-muted)}.table-wrap{overflow-x: auto;border: 1px solid var(--color-border);border-radius: 5px;background: var(--color-bg-secondary)}table.data-table{border-collapse: collapse;width: 100%;font-family: var(--font-mono);font-size: 0.74rem}table.data-table th{text-align: left;font-size: 0.62rem;text-transform: uppercase;letter-spacing: 0.04em;color: var(--color-text-muted);font-weight: 600;padding: 0.5rem 0.7rem;background: var(--color-bg-alt);border-bottom: 1px solid var(--color-border);white-space: nowrap;position: sticky;top: 0;z-index: 1}table.data-table th.sortable{cursor: pointer;user-select: none}table.data-table th.sortable:hover{color: var(--color-text)}table.data-table th .arr{opacity: 0.5;font-size: 0.6rem;margin-left: 0.2rem}table.data-table td{padding: 0.45rem 0.7rem;border-bottom: 1px solid var(--color-border);vertical-align: top;color: var(--color-text)}table.data-table tr:last-child td{border-bottom: none}table.data-table tr:hover td{background: var(--color-bg-alt)}table.data-table td.num, table.data-table th.num{text-align: right;white-space: nowrap}table.data-table td.rank{color: var(--color-text-muted);text-align: right;white-space: nowrap}table.data-table td.date-col, table.data-table td.nowrap{white-space: nowrap}table.data-table a{color: var(--color-link);text-decoration: none}table.data-table a:hover{text-decoration: underline}.arrow-col{color: var(--color-text-muted);text-align: center}.pbadge{display: inline-block;font-family: var(--font-mono);font-size: 0.62rem;line-height: 1.4;padding: 0.08rem 0.4rem;border: 1px solid;border-radius: 3px;white-space: nowrap;margin: 0.1rem 0.15rem 0.1rem 0}.hop-badge{font-weight: 600}.hbar{display: flex;flex-direction: column;gap: 0.25rem}.hbar-row{display: flex;align-items: center;gap: 0.6rem}.hbar-label{flex: 0 0 12rem;text-align: right;font-family: var(--font-mono);font-size: 0.72rem;color: var(--color-text);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.hbar-label a{color: var(--color-link);text-decoration: none}.hbar-track{flex: 1;height: 1.05rem;background: var(--color-bg-alt);border-radius: 3px;overflow: hidden}.hbar-fill{height: 100%;border-radius: 3px}.hbar-val{flex: 0 0 5rem;font-family: var(--font-mono);font-size: 0.7rem;color: var(--color-text-muted)}.ybar{display: flex;align-items: flex-end;gap: 2px;height: 180px;padding-top: 0.5rem}.ybar-col{flex: 1 1 0;display: flex;flex-direction: column;align-items: center;height: 100%;min-width: 0}.ybar-bar-wrap{flex: 1;width: 100%;display: flex;align-items: flex-end;justify-content: center}.ybar-bar{width: 78%;border-radius: 2px 2px 0 0;border: 1px solid var(--color-border-dark)}.ybar-key{font-family: var(--font-mono);font-size: 0.55rem;color: var(--color-text-muted);margin-top: 0.25rem;transform: rotate(-90deg);transform-origin: center;white-space: nowrap;height: 1.4rem}.pager{display: flex;gap: 0.4rem;align-items: center;justify-content: flex-end;margin-top: 0.75rem;font-family: var(--font-mono);font-size: 0.72rem}.pager button{font-family: var(--font-mono);font-size: 0.72rem;padding: 0.3rem 0.6rem;border: 1px solid var(--color-border);border-radius: 4px;background: var(--color-bg-secondary);color: var(--color-text);cursor: pointer}.pager button:hover:not(:disabled){border-color: var(--color-border-dark)}.pager button:disabled{opacity: 0.4;cursor: default}.pager .page-info{color: var(--color-text-muted);margin: 0 0.4rem}.muted{color: var(--color-text-muted)}.nowrap{white-space: nowrap}.chart-container{background: var(--color-bg-secondary);border: 1px solid var(--color-border);border-radius: 5px;padding: 0.85rem 1rem}