.panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-surface);transition:border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.panel--compact{gap:var(--space-3);padding:var(--space-4)}.panel--flush{padding:0;overflow:hidden}.panel--sunken{background:var(--surface-sunken);border-color:transparent}.panel--interactive{cursor:pointer}.panel--interactive:hover{border-color:var(--ink-faint)}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.panel__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:var(--track-tight);line-height:var(--leading-snug)}.panel__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line)}.metric-panel{justify-content:space-between;min-height:var(--space-24)}.metric-panel__value{font-size:var(--text-2xl);font-weight:var(--weight-light);line-height:var(--leading-none)}