.page-header{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-primary-subtle) 100%);padding:var(--space-3xl) 0 var(--space-2xl);text-align:center}.page-header .badge{margin-bottom:var(--space-md)}.page-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.page-header__subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:700px;margin:0 auto var(--space-md)}.page-header__meta{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:0;min-height:1.2em}.live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.live-grid[hidden]{display:none}.live-tile{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-sm);transition:box-shadow var(--transition-base)}.live-tile:hover{box-shadow:var(--shadow-md)}.live-tile--stale{background:var(--color-warning-bg);border-color:#b8860b4d}.live-tile__head{display:flex;align-items:center;gap:var(--space-sm);min-height:1.5rem}.live-tile__name{font-size:var(--font-size-sm);color:var(--color-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-tile__value-wrap{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap}.live-tile__value{font-size:1.75rem;font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums;line-height:1.1}.live-tile__unit{font-size:var(--font-size-sm);color:var(--color-gray-600)}.live-tile__extra{display:flex;align-items:baseline;gap:var(--space-xs);padding-top:var(--space-xs);border-top:1px dashed var(--color-gray-200);margin-top:var(--space-xs)}.live-tile__extra-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);font-variant-numeric:tabular-nums}.live-tile__extra-unit{font-size:var(--font-size-sm);color:var(--color-gray-600)}.live-tile__meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:auto}.live-tile__age{cursor:help}.tag--stale{background:var(--color-warning);color:var(--color-white)}.live-footnote{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--space-md);margin-bottom:0;min-height:1.2em}.status{text-align:center;color:var(--color-gray-600);font-size:var(--font-size-sm);padding:var(--space-md) 0}.status--error{color:#b03060;font-weight:600}.status[hidden]{display:none}.table-wrap{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th,.data-table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.data-table thead th{background:var(--color-gray-50);color:var(--color-gray-700);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;border-bottom:1px solid var(--color-gray-200)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-gray-900)}.data-table .muted{color:var(--color-gray-400);font-weight:400}.data-table__secondary{font-size:.75rem;font-weight:500;color:var(--color-gray-600);margin-top:2px;font-variant-numeric:tabular-nums}.data-table__row--clickable{cursor:pointer;transition:background-color var(--transition-fast)}.data-table__row--clickable:hover,.data-table__row--clickable:focus{background-color:var(--color-primary-subtle);outline:none}.data-table--compact th,.data-table--compact td{padding:var(--space-sm) var(--space-md)}.code-badge{display:inline-block;padding:.15rem .5rem;font-family:SF Mono,Consolas,Menlo,monospace;font-size:.8rem;font-weight:600;background:var(--color-gray-900);color:var(--color-white);border-radius:4px;letter-spacing:.03em}.tag{display:inline-block;padding:.05rem .4rem;font-size:.7rem;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;background:var(--color-gray-100);color:var(--color-gray-700)}.tag--override{background:var(--color-warning-bg);color:var(--color-warning)}.detail-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md);margin-bottom:var(--space-xl);justify-content:center}.detail-controls__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700)}.form-select{font-family:var(--font-family);font-size:var(--font-size-base);padding:.5rem 2rem .5rem .75rem;border:1px solid var(--color-gray-200);border-radius:var(--border-radius);background-color:var(--color-white);color:var(--color-gray-900);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path fill='%235a5a6e' d='M6 8L2 4h8z'/></svg>");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select:hover{border-color:var(--color-primary-light)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.detail-card{padding:var(--space-xl)}.detail-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-gray-100)}.detail-card__title{font-size:var(--font-size-xl);margin-bottom:var(--space-xs);color:var(--color-gray-900)}.detail-card__meta{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:0}.detail-card__price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.detail-card__value{font-size:1.75rem;font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums}.detail-card__unit{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--space-xs)}.detail-card__extra{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-700);margin-top:var(--space-xs);font-variant-numeric:tabular-nums}.detail-card__extra:empty{display:none}.chart-wrap{position:relative;height:320px;margin-bottom:var(--space-lg)}.detail-card__history{margin-top:var(--space-md)}.detail-card__history summary{cursor:pointer;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);padding:var(--space-sm) 0;-webkit-user-select:none;user-select:none}.detail-card__history summary:hover{color:var(--color-primary-dark)}.detail-card__history[open] summary{margin-bottom:var(--space-md)}@media(max-width:768px){.data-table th,.data-table td{padding:var(--space-sm) var(--space-md)}.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(5),.data-table td:nth-child(5){display:none}.detail-card__head{flex-direction:column;align-items:flex-start}.detail-card__price{text-align:left;align-items:flex-start}.chart-wrap{height:260px}}