body { box-sizing: border-box; font-family: 'Inter', sans-serif; scroll-behavior: smooth; }
.bg-pattern { background-color: #FFA832; background-image: linear-gradient(135deg, #FFA832 0%, #FF6B35 100%); }
.card-hover { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; transform: scale(1.05); }
.card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); }
.group-card.selected { border-color: #f97316; background-color: #fff7ed; transform: scale(1.02); box-shadow: 0 10px 15px -3px rgba(249, 115, 22, 0.2); }

@keyframes slideDown { from { opacity: 0; transform: translate(-50%, -20px); } to { opacity: 1; transform: translate(-50%, 0); } }
.toast-container { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 50; animation: slideDown 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
#loading-overlay { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(4px); }