.card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:all var(--transition-base);color:var(--text-primary)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-color-hover)}.card--compact{padding:var(--space-md)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.card--highlight{border-left:4px solid var(--accent-primary)}.card--success{border-left-color:var(--success)}.card--warning{border-left-color:var(--warning)}.card--danger{border-left-color:var(--danger)}.card--info{border-left-color:var(--info)}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.card__title{margin:0;font-size:var(--font-md);color:var(--accent-primary)}.card__body{margin-bottom:var(--space-md)}.card__footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:transform var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.stat-card .number{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--accent-primary)}.stat-card .label{color:var(--text-secondary);font-size:var(--font-sm);margin-top:var(--space-xs)}.summary-card{background:linear-gradient(135deg,var(--surface-card) 0,rgba(118,75,162,.1) 100%);border:1px solid var(--border-color-hover);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-base)}.summary-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow)}.summary-card .card-icon{font-size:var(--font-xl);margin-bottom:var(--space-sm)}.summary-card .card-value{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-card .card-label{font-size:var(--font-xs);color:var(--text-secondary);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.summary-card .card-sub{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-xs)}.progress-ring-card{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.optimize-result-card{background:var(--gradient-card);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-lg);border:2px solid var(--border-color)}