.card { background: white; border-radius: 16px; padding: 20px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.error-box { background: #FEF2F2; border: 1px solid #FECACA; border-radius: 12px; padding: 32px; text-align: center; margin: 20px 0; }
.loading { text-align: center; padding: 60px 20px; color: #6b7280; }
.loading .spinner { font-size: 32px; animation: spin 1s linear infinite; display: inline-block; }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }