.dashboards-page {
  --dashboard-grid: rgba(85, 183, 232, .055);
  --dashboard-positive-bg: rgba(69, 210, 154, .13);
  --dashboard-negative-bg: rgba(241, 120, 125, .13);
  --dashboard-neutral-bg: rgba(129, 149, 170, .12);
  background:
    radial-gradient(circle at 86% 6%, rgba(28, 141, 197, .12), transparent 31rem),
    radial-gradient(circle at 6% 33%, rgba(85, 183, 232, .055), transparent 27rem),
    var(--silex-bg);
}

.dashboard-page { position: relative; min-height: 74vh; }
.dashboard-page::before { content: ""; position: fixed; inset: 68px 0 0; z-index: -1; opacity: .3; pointer-events: none; background-image: linear-gradient(var(--dashboard-grid) 1px, transparent 1px), linear-gradient(90deg, var(--dashboard-grid) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, #000, transparent 72%); }
.dashboard-loading { display: flex; min-height: 48vh; align-items: center; justify-content: center; gap: 13px; color: var(--silex-muted); font-size: .82rem; font-weight: 700; }
.dashboard-loader { width: 18px; height: 18px; border: 2px solid var(--silex-border-strong); border-top-color: var(--silex-accent); border-radius: 50%; animation: dashboard-spin .7s linear infinite; }
@keyframes dashboard-spin { to { transform: rotate(360deg); } }

.dashboard-hero { display: flex; min-height: 200px; align-items: flex-end; justify-content: space-between; gap: 48px; padding: 32px 0 36px; border-bottom: 1px solid var(--silex-border); background: transparent; color: inherit; box-shadow: none; }
.dashboard-overview-hero { min-height: 230px; padding-top: 38px; }
.dashboard-hero > div:first-child { max-width: 810px; }
.dashboard-live-dot { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--silex-positive); box-shadow: 0 0 14px rgba(69, 210, 154, .75); }
.dashboard-brand-stamp { display: flex; min-width: 190px; flex-direction: column; align-items: flex-end; padding-left: 25px; border-left: 1px solid var(--silex-border-strong); text-align: right; }
.dashboard-brand-stamp span { color: var(--silex-text); font-size: 1.15rem; font-weight: 900; letter-spacing: .24em; }
.dashboard-brand-stamp small { margin-top: 7px; color: var(--silex-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .54rem; letter-spacing: .15em; }
.dashboard-breadcrumb { display: flex; align-items: center; gap: 9px; margin-top: -21px; color: var(--silex-muted); font-size: .72rem; }
.dashboard-breadcrumb a { color: var(--silex-text-soft); text-decoration: none; }
.dashboard-breadcrumb a:hover { color: var(--silex-accent); }
.dashboard-project-count { display: inline-flex; margin: 20px 0 0; padding: 7px 11px; border: 1px solid var(--silex-border); border-radius: 999px; color: var(--silex-text-soft); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .68rem; }

.dashboard-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 30px; }
.dashboard-overview-card { position: relative; min-height: 320px; overflow: hidden; padding: 22px; border: 1px solid var(--silex-border); border-radius: var(--silex-radius-lg); background: var(--silex-surface); box-shadow: var(--silex-shadow); color: var(--silex-text); text-decoration: none; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.dashboard-overview-card::before { display: none; }
.dashboard-overview-card:hover { transform: translateY(-2px); border-color: var(--silex-border-strong); box-shadow: 0 18px 42px rgba(0, 0, 0, .24); color: var(--silex-text); }
.dashboard-card-topline { display: flex; align-items: center; justify-content: space-between; color: var(--silex-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .66rem; letter-spacing: .12em; }
.dashboard-card-arrow { display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid var(--silex-border); border-radius: 50%; color: var(--silex-accent); font-size: .9rem; }
.dashboard-card-icon { display: flex; width: 52px; height: 52px; align-items: flex-end; gap: 5px; margin: 24px 0 18px; padding: 10px; border: 1px solid rgba(85, 183, 232, .25); border-radius: 12px; background: var(--silex-accent-soft); }
.dashboard-card-icon span { width: 8px; border-radius: 3px 3px 1px 1px; background: linear-gradient(to top, var(--silex-accent-strong), #8fd8f6); }
.dashboard-card-icon span:nth-child(1) { height: 46%; }.dashboard-card-icon span:nth-child(2) { height: 78%; }.dashboard-card-icon span:nth-child(3) { height: 61%; }
.dashboard-overview-card h2 { margin: 0; font-size: clamp(1.35rem, 2.1vw, 1.8rem); letter-spacing: -.025em; }
.dashboard-overview-card > p { max-width: 470px; min-height: 50px; margin: 9px 0 20px; color: var(--silex-text-soft); font-size: .84rem; line-height: 1.55; }
.dashboard-overview-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; margin: 0 0 22px; border: 1px solid var(--silex-border); border-radius: var(--silex-radius-sm); background: var(--silex-border); }
.dashboard-overview-card dl div { min-width: 0; padding: 12px 13px; background: rgba(7, 13, 21, .72); }
.dashboard-overview-card dl div:only-child { grid-column: 1 / -1; }
.dashboard-overview-card dt { color: var(--silex-muted); font-size: .56rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dashboard-overview-card dd { overflow: hidden; margin: 5px 0 0; color: var(--silex-text); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .77rem; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-card-cta { display: inline-flex; align-items: center; gap: 9px; color: var(--silex-accent); font-size: .76rem; font-weight: 800; }
.dashboard-method-note { display: flex; align-items: center; gap: 18px; margin-top: 22px; padding: 18px 21px; border: 1px solid var(--silex-border); border-radius: var(--silex-radius); background: rgba(12, 21, 32, .68); color: var(--silex-text-soft); font-size: .76rem; line-height: 1.5; }
.dashboard-method-note strong { color: var(--silex-text); white-space: nowrap; }

.dashboard-glance, .dashboard-highlights-section, .dashboard-explorer { margin-top: 47px; }
.dashboard-section-heading, .dashboard-explorer-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.dashboard-section-heading h2, .dashboard-explorer-heading h2 { margin: 0; font-size: 1.35rem; letter-spacing: -.02em; }
.dashboard-kicker { margin: 0 0 6px; color: var(--silex-muted); font-size: .6rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.dashboard-updated, .dashboard-source-label { margin: 0; color: var(--silex-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .62rem; }
.dashboard-glance-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.dashboard-glance-card { position: relative; overflow: hidden; padding: 18px 19px; border: 1px solid var(--silex-border); border-radius: var(--silex-radius); background: linear-gradient(145deg, var(--silex-surface), rgba(12, 21, 32, .78)); }
.dashboard-glance-card::after { content: ""; position: absolute; top: 0; left: 0; width: 44px; height: 1px; background: var(--silex-accent); box-shadow: 0 0 12px var(--silex-accent); }
.dashboard-glance-card > span { display: block; color: var(--silex-muted); font-size: .61rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dashboard-glance-card strong { display: block; margin-top: 10px; color: var(--silex-text); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 1.18rem; font-weight: 700; }
.dashboard-glance-card small { display: block; margin-top: 7px; color: var(--silex-muted); font-size: .6rem; }

.dashboard-highlights { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.dashboard-highlights:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dashboard-highlight-card { min-width: 0; overflow: hidden; border: 1px solid var(--silex-border); border-radius: var(--silex-radius); background: var(--silex-surface); }
.dashboard-highlight-card header { display: block; min-height: 122px; padding: 17px; border-bottom: 1px solid var(--silex-border); background: linear-gradient(145deg, rgba(20, 34, 51, .64), transparent); color: inherit; box-shadow: none; }
.dashboard-highlight-card header > div { display: flex; align-items: center; gap: 8px; }
.dashboard-highlight-signal { width: 7px; height: 7px; flex: 0 0 auto; border: 2px solid var(--silex-accent); border-radius: 50%; box-shadow: 0 0 9px rgba(85, 183, 232, .5); }
.dashboard-highlight-card h3 { margin: 0; font-size: .83rem; letter-spacing: -.01em; }
.dashboard-highlight-card header p { margin: 9px 0 0; color: var(--silex-muted); font-size: .64rem; line-height: 1.45; }
.dashboard-highlight-card ol { margin: 0; padding: 0; list-style: none; }
.dashboard-highlight-card li { display: grid; min-height: 57px; grid-template-columns: 22px 28px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 9px 12px; border-bottom: 1px solid rgba(34, 51, 72, .72); }
.dashboard-highlight-card li:last-child { border: 0; }
.dashboard-highlight-rank { color: var(--silex-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .57rem; }
.dashboard-mini-icon { display: grid; width: 27px; height: 27px; min-width: 27px; min-height: 27px; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid var(--silex-border); border-radius: 50%; background: var(--silex-raised); }
.dashboard-token-icon, .dashboard-mini-icon .icon-fallback { width: 100%; height: 100%; object-fit: cover; }
.dashboard-mini-icon .icon-fallback, .dashboard-icon-fallback { display: grid; place-items: center; color: var(--silex-text-soft); font-size: .54rem; font-weight: 900; }
.dashboard-highlight-project { min-width: 0; }
.dashboard-highlight-project a { display: block; overflow: hidden; color: var(--silex-text); font-size: .68rem; font-weight: 850; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-highlight-project small { display: block; overflow: hidden; margin-top: 2px; color: var(--silex-muted); font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-highlight-value { color: var(--silex-text-soft); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .63rem; text-align: right; }
.dashboard-highlight-value small { display: block; margin-top: 2px; color: var(--silex-muted); font-size: .5rem; }
.dashboard-highlight-empty { display: block !important; padding: 18px !important; color: var(--silex-muted); font-size: .63rem; line-height: 1.45; }

.dashboard-explorer { overflow: hidden; border: 1px solid var(--silex-border); border-radius: var(--silex-radius-lg); background: rgba(9, 17, 27, .92); box-shadow: var(--silex-shadow); }
.dashboard-explorer-heading { margin: 0; padding: 21px 22px; border-bottom: 1px solid var(--silex-border); background: rgba(12, 21, 32, .72); }
.dashboard-tabs { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid var(--silex-border); border-radius: 10px; background: var(--silex-bg); }
.dashboard-tabs button, .dashboard-metric-toggle button { min-height: 36px; padding: 7px 12px; border: 0; border-radius: 7px; background: transparent; color: var(--silex-muted); cursor: pointer; font: inherit; font-size: .66rem; font-weight: 800; }
.dashboard-tabs button[aria-selected="true"], .dashboard-metric-toggle button[aria-pressed="true"] { background: var(--silex-accent-soft); color: #dff5ff; box-shadow: 0 0 0 1px rgba(85, 183, 232, .2) inset; }
.dashboard-filter-panel { display: grid; grid-template-columns: minmax(240px, 1.55fr) repeat(3, minmax(145px, .72fr)) auto; align-items: end; gap: 10px; padding: 17px 22px; border-bottom: 1px solid var(--silex-border); background: rgba(12, 21, 32, .48); }
.dashboard-field > span { display: block; margin: 0 0 6px; color: var(--silex-muted); font-size: .57rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dashboard-filter-panel .silex-input, .dashboard-filter-panel .silex-select { min-height: 41px; padding-block: 8px; font-size: .72rem; }
.dashboard-clear-button { min-height: 41px; padding: 8px 12px; border: 1px solid var(--silex-border); border-radius: var(--silex-radius-sm); background: transparent; color: var(--silex-text-soft); cursor: pointer; font: inherit; font-size: .67rem; font-weight: 750; }
.dashboard-clear-button:hover { border-color: var(--silex-border-strong); background: var(--silex-accent-soft); color: var(--silex-text); }
.dashboard-filter-summary { min-height: 40px; padding: 12px 22px; border-bottom: 1px solid var(--silex-border); color: var(--silex-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .62rem; }
.dashboard-filter-summary strong { color: var(--silex-text); }.dashboard-filter-summary span { color: var(--silex-text-soft); }
.dashboard-empty { margin: 22px; }

.dashboard-table-scroll { width: 100%; overflow-x: auto; }
.dashboard-table { width: 100%; min-width: 1180px; margin: 0; border: 0; border-collapse: collapse; border-radius: 0; background: transparent; box-shadow: none; }
.dashboard-table th, .dashboard-table td { padding: 13px 11px; border: 0; border-bottom: 1px solid rgba(34, 51, 72, .78); background: transparent; color: var(--silex-text-soft); font-size: .68rem; vertical-align: middle; white-space: nowrap; }
.dashboard-table th { position: static; padding-block: 11px; background: rgba(7, 13, 21, .74); color: var(--silex-muted); font-size: .56rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.dashboard-table th button { padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; font-weight: inherit; letter-spacing: inherit; text-transform: inherit; }
.dashboard-table th button::after { content: "↕"; margin-left: 5px; opacity: .45; }.dashboard-table th button.is-active { color: var(--silex-accent); }.dashboard-table th[aria-sort="ascending"] button::after { content: "↑"; opacity: 1; }.dashboard-table th[aria-sort="descending"] button::after { content: "↓"; opacity: 1; }
.dashboard-table tbody tr:nth-child(even) { background: rgba(12, 21, 32, .34); }.dashboard-table tbody tr:hover { background: var(--silex-accent-soft); }
.dashboard-favorite { width: 34px; height: 34px; border: 1px solid transparent; border-radius: 50%; background: transparent; color: var(--silex-muted); cursor: pointer; font-size: 1rem; }.dashboard-favorite:hover, .dashboard-favorite[aria-pressed="true"] { border-color: rgba(85, 183, 232, .25); background: var(--silex-accent-soft); color: var(--silex-accent); }
.dashboard-rank, .dashboard-number { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-variant-numeric: tabular-nums; }
.dashboard-project-link { display: flex; min-width: 225px; align-items: center; gap: 11px; color: var(--silex-text); text-decoration: none; }
.dashboard-project-icon { display: grid; width: 39px; height: 39px; min-width: 39px; min-height: 39px; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid var(--silex-border); border-radius: 11px; background: var(--silex-raised); }
.dashboard-project-copy { min-width: 0; }.dashboard-project-copy > span { display: flex; align-items: baseline; gap: 8px; }.dashboard-project-copy strong { max-width: 145px; overflow: hidden; font-size: .72rem; text-overflow: ellipsis; }.dashboard-project-copy b { color: var(--silex-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .58rem; }.dashboard-project-copy small { display: flex; gap: 5px; margin-top: 5px; }.dashboard-project-copy em { padding: 3px 5px; border: 1px solid var(--silex-border); border-radius: 4px; color: var(--silex-muted); font-size: .49rem; font-style: normal; }
.dashboard-change, .dashboard-list-change { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 750; }
.is-positive { color: var(--silex-positive) !important; }.is-negative { color: var(--silex-negative) !important; }.is-neutral { color: var(--silex-text-soft) !important; }.is-missing { color: var(--silex-muted) !important; }

.dashboard-visual-toolbar { display: flex; min-height: 59px; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 16px 10px 22px; border-bottom: 1px solid var(--silex-border); background: rgba(7, 13, 21, .74); }
.dashboard-visual-toolbar > div { display: flex; align-items: center; gap: 12px; }.dashboard-visual-toolbar > div > span { color: var(--silex-muted); font-size: .57rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.dashboard-metric-toggle { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid var(--silex-border); border-radius: 8px; }.dashboard-metric-toggle button { min-height: 31px; padding: 6px 10px; font-size: .58rem; }
.dashboard-visual-brand { color: var(--silex-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .55rem; letter-spacing: .1em; }
.dashboard-treemap { position: relative; height: clamp(480px, 55vw, 680px); overflow: hidden; background: #070d15; }
.dashboard-treemap::before, .dashboard-bubbles::before { content: ""; position: absolute; inset: 0; opacity: .33; pointer-events: none; background-image: radial-gradient(rgba(85, 183, 232, .2) .7px, transparent .7px); background-size: 15px 15px; }
.dashboard-treemap-block { position: absolute; display: grid; overflow: hidden; place-items: center; border: 2px solid #070d15; color: var(--silex-text); text-decoration: none; container-type: size; }
.dashboard-treemap-block.is-positive { background: linear-gradient(145deg, rgba(24, 91, 78, .82), rgba(11, 42, 39, .94)); }.dashboard-treemap-block.is-negative { background: linear-gradient(145deg, rgba(96, 45, 55, .8), rgba(48, 24, 31, .96)); }.dashboard-treemap-block.is-neutral, .dashboard-treemap-block.is-missing { background: linear-gradient(145deg, rgba(32, 55, 75, .9), rgba(17, 29, 43, .98)); }
.dashboard-treemap-block:hover, .dashboard-treemap-block:focus-visible { z-index: 3; filter: brightness(1.15); box-shadow: 0 0 0 1px var(--silex-accent) inset, 0 0 32px rgba(85, 183, 232, .13) inset; }
.dashboard-map-glow { position: absolute; inset: auto -25% -45% auto; width: 80%; aspect-ratio: 1; border-radius: 50%; background: currentColor; filter: blur(50px); opacity: .07; }
.dashboard-map-content { position: relative; display: flex; max-width: 94%; flex-direction: column; align-items: center; text-align: center; }.dashboard-map-icon { width: clamp(25px, 13cqw, 51px); height: clamp(25px, 13cqw, 51px); min-width: 25px; min-height: 25px; flex: 0 0 auto; overflow: hidden; margin-bottom: clamp(4px, 2cqh, 9px); border: 1px solid rgba(255,255,255,.13); border-radius: 50%; background: rgba(7, 13, 21, .45); }.dashboard-map-icon .icon-fallback { display: grid; width: 100%; height: 100%; place-items: center; color: var(--silex-text); font-size: .55rem; }
.dashboard-map-content strong { overflow: hidden; max-width: 100%; font-size: clamp(.64rem, 7cqw, 1.12rem); letter-spacing: .03em; text-overflow: ellipsis; }.dashboard-map-content small { margin-top: 4px; color: rgba(237, 245, 255, .84); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: clamp(.48rem, 4.2cqw, .72rem); }.dashboard-map-content em { margin-top: 5px; color: currentColor; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: clamp(.45rem, 3.8cqw, .64rem); font-style: normal; }

.dashboard-bubbles { position: relative; height: 590px; overflow: hidden; background: radial-gradient(circle at center, rgba(28, 141, 197, .07), transparent 43%), #070d15; }
.dashboard-bubble { position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; border: 1px solid currentColor; border-radius: 50%; color: var(--silex-text); text-decoration: none; box-shadow: 0 12px 33px rgba(0,0,0,.27), 0 0 30px currentColor inset; transition: filter 160ms ease, transform 160ms ease; }
.dashboard-bubble.is-positive { border-color: rgba(69,210,154,.58); background: radial-gradient(circle at 38% 28%, rgba(69,210,154,.3), rgba(13,53,47,.9) 70%); }.dashboard-bubble.is-negative { border-color: rgba(241,120,125,.58); background: radial-gradient(circle at 38% 28%, rgba(241,120,125,.27), rgba(64,28,37,.92) 70%); }.dashboard-bubble.is-neutral, .dashboard-bubble.is-missing { border-color: rgba(85,183,232,.4); background: radial-gradient(circle at 38% 28%, rgba(85,183,232,.23), rgba(17,36,52,.94) 70%); }
.dashboard-bubble:hover, .dashboard-bubble:focus-visible { z-index: 5; filter: brightness(1.18); transform: scale(1.05); }
.dashboard-bubble-icon { width: 30%; height: 30%; min-width: 22px; min-height: 22px; max-width: 50px; max-height: 50px; overflow: hidden; margin-bottom: 5px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; background: rgba(7,13,21,.46); }.dashboard-bubble-icon .icon-fallback { display: grid; width: 100%; height: 100%; place-items: center; font-size: .5rem; }.dashboard-bubble strong { max-width: 78%; overflow: hidden; font-size: clamp(.55rem, 1.3vw, .9rem); text-overflow: ellipsis; white-space: nowrap; }.dashboard-bubble small { margin-top: 2px; color: rgba(237,245,255,.75); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: clamp(.43rem, .8vw, .6rem); }
.dashboard-visual-empty { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 30px; color: var(--silex-muted); text-align: center; }.dashboard-visual-empty > span { color: var(--silex-border-strong); font-size: 3rem; }.dashboard-visual-empty strong { margin-top: 10px; color: var(--silex-text-soft); font-size: .9rem; }.dashboard-visual-empty p { max-width: 370px; margin: 7px 0 0; font-size: .68rem; line-height: 1.5; }

.dashboard-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--silex-border); }
.dashboard-list-card { display: grid; min-width: 0; min-height: 105px; grid-template-columns: 47px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 17px; background: var(--silex-surface); color: var(--silex-text); text-decoration: none; }.dashboard-list-card:hover { background: var(--silex-raised); color: var(--silex-text); }
.dashboard-list-icon { display: grid; width: 47px; height: 47px; min-width: 47px; min-height: 47px; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid var(--silex-border); border-radius: 13px; background: var(--silex-raised); }.dashboard-list-icon .icon-fallback { display: grid; width: 100%; height: 100%; place-items: center; font-size: .6rem; }.dashboard-list-copy { min-width: 0; }.dashboard-list-copy strong, .dashboard-list-copy small, .dashboard-list-copy em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.dashboard-list-copy strong { font-size: .78rem; }.dashboard-list-copy small { margin-top: 4px; color: var(--silex-text-soft); font-size: .62rem; }.dashboard-list-copy em { margin-top: 5px; color: var(--silex-muted); font-size: .54rem; font-style: normal; }.dashboard-list-change { font-size: .64rem; }

.dashboard-tooltip { position: fixed; right: 20px; bottom: 20px; z-index: 1500; width: min(330px, calc(100vw - 28px)); padding: 17px; border: 1px solid var(--silex-border-strong); border-radius: var(--silex-radius); background: rgba(7, 13, 21, .96); box-shadow: var(--silex-shadow); backdrop-filter: blur(14px); pointer-events: none; }.dashboard-tooltip > strong { display: block; font-size: .75rem; }.dashboard-tooltip > strong span { margin-left: 5px; color: var(--silex-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }.dashboard-tooltip dl { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 13px 0 0; }.dashboard-tooltip dl div { padding: 8px; border: 1px solid var(--silex-border); border-radius: 7px; }.dashboard-tooltip dt { color: var(--silex-muted); font-size: .5rem; text-transform: uppercase; }.dashboard-tooltip dd { margin: 4px 0 0; color: var(--silex-text-soft); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .58rem; }
.dashboard-disclaimer { margin-top: 18px; padding: 17px 20px; border-left: 2px solid var(--silex-border-strong); color: var(--silex-muted); font-size: .68rem; line-height: 1.55; }.dashboard-disclaimer strong { color: var(--silex-text-soft); }
.dashboard-route-error { margin-top: 70px; }.dashboard-route-error h1 { margin: 0 0 8px; }.dashboard-route-error p { margin: 0 0 20px; }

@media (max-width: 1050px) {
  .dashboard-glance-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dashboard-highlights, .dashboard-highlights:has(> :nth-child(3):last-child) { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .dashboard-filter-panel { grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(145px, .75fr)); }.dashboard-clear-button { grid-column: -2 / -1; }
  .dashboard-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .dashboard-page::before { background-size: 38px 38px; }
  .dashboard-hero { min-height: 0; align-items: flex-start; flex-direction: column; gap: 28px; padding: 31px 0; }.dashboard-overview-hero { padding-top: 18px; }.dashboard-brand-stamp { min-width: 0; align-items: flex-start; padding: 0 0 0 14px; text-align: left; }
  .dashboard-breadcrumb { margin-top: 0; }
  .dashboard-card-grid { grid-template-columns: 1fr; }.dashboard-overview-card { min-height: 0; padding: 19px; }
  .dashboard-method-note { align-items: flex-start; flex-direction: column; gap: 6px; }
  .dashboard-section-heading, .dashboard-explorer-heading { align-items: flex-start; flex-direction: column; }.dashboard-updated, .dashboard-source-label { align-self: flex-start; }
  .dashboard-highlights, .dashboard-highlights:has(> :nth-child(3):last-child) { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }.dashboard-highlight-card { min-width: min(82vw, 310px); flex: 0 0 auto; scroll-snap-align: start; }
  .dashboard-explorer-heading { gap: 17px; padding: 18px 15px; }.dashboard-tabs { width: 100%; overflow-x: auto; }.dashboard-tabs button { flex: 1 0 auto; padding-inline: 10px; }
  .dashboard-filter-panel { grid-template-columns: 1fr 1fr; padding: 15px; }.dashboard-search-field { grid-column: 1 / -1; }.dashboard-clear-button { grid-column: auto; }
  .dashboard-filter-summary { padding-inline: 15px; line-height: 1.45; }
  .dashboard-visual-toolbar { align-items: flex-start; flex-direction: column; padding: 12px 14px; }.dashboard-visual-toolbar > div { width: 100%; align-items: flex-start; flex-direction: column; }.dashboard-metric-toggle { width: 100%; }.dashboard-metric-toggle button { flex: 1; padding-inline: 5px; }.dashboard-visual-brand { display: none; }
  .dashboard-treemap { height: 510px; }.dashboard-bubbles { height: 480px; }
  .dashboard-list { grid-template-columns: 1fr; }.dashboard-list-card { min-height: 94px; padding: 14px; }
  .dashboard-tooltip { right: 14px; bottom: 14px; }
}

@media (max-width: 480px) {
  .dashboard-glance-grid { grid-template-columns: 1fr 1fr; }.dashboard-glance-card { min-height: 122px; padding: 15px; }.dashboard-glance-card strong { font-size: .94rem; }
  .dashboard-filter-panel { grid-template-columns: 1fr; }.dashboard-search-field { grid-column: auto; }
  .dashboard-clear-button { width: 100%; }
  .dashboard-table th, .dashboard-table td { padding-block: 11px; }
  .dashboard-overview-card dl { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) { .dashboard-loader { animation: none; } }