#toast-container { position: fixed; top: 20px; right: 20px; z-index: 9999; }
.toast { background: #333; color: white; padding: 12px 16px; margin-bottom: 10px; border-radius: 6px; font-size: 14px; animation: fadeIn .3s; }
.toast-success { background: #2ecc71; }
.toast-error { background: #e74c3c; }
.toast-info { background: #3498db; }

#loading-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); display: none; align-items: center; justify-content: center; z-index: 9998; padding: 24px; }
.spinner { width: 40px; height: 40px; border: 4px solid #eee; border-top: 4px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; } }
@keyframes spin { to { transform: rotate(360deg); } }