.surface-card{background:var(--surface-primary,var(--bg-secondary));border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-sm);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;position:relative}.surface-card--interactive:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-3px)}.surface-card--muted{background:var(--surface-secondary,rgba(148,163,184,.08))}.surface-card--subtle{background:var(--surface-muted,rgba(148,163,184,.12))}.surface-card--outline{border-width:2px}.surface-card--compact{border-radius:12px}.surface-card--flat{box-shadow:none}.surface-card--accent{border-color:var(--accent-color)}.surface-card--part1{border-left:4px solid var(--accent-part1)}.surface-card--part2{border-left:4px solid var(--accent-part2)}.surface-card--part3{border-left:4px solid var(--accent-part3)}.surface-card--part4{border-left:4px solid var(--accent-part4)}[data-theme=dark] .surface-card--interactive:hover{box-shadow:0 18px 36px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.08)}.surface-card__body,.surface-card__footer,.surface-card__header{width:100%}.surface-card__header{margin-bottom:1rem}.surface-card__footer{margin-top:1rem}.surface-stat-block{background:var(--surface-secondary,rgba(148,163,184,.12));border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;text-align:center;box-shadow:var(--shadow-sm);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.surface-stat-block:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.surface-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--surface-secondary,rgba(148,163,184,.12));color:var(--text-secondary);border:1px solid var(--border-color)}.surface-badge--accent{background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.45);color:var(--accent-color)}.surface-badge--success{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.35);color:var(--accent-part1)}.surface-badge--warning{background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.35);color:var(--accent-part2)}.surface-badge--danger{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.3);color:var(--accent-part3)}.surface-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:10px;font-size:.75rem;font-weight:500;background:var(--surface-muted,rgba(148,163,184,.12));border:1px solid var(--border-color);color:var(--text-secondary)}.surface-tag--emphasis{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.35);color:var(--accent-color)}