.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-card{transition:all .2s ease-in-out}.group-card:hover{transform:translateY(-2px);border-color:#e5e7eb}.status-badge-active{background-color:#dcfce7;color:#166534}.status-badge-expiring{background-color:#fef3c7;color:#92400e}.status-badge-expired{background-color:#fee2e2;color:#991b1b}.gradient-blue{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.gradient-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.gradient-green{background:linear-gradient(135deg,#10b981,#059669)}.gradient-orange{background:linear-gradient(135deg,#f59e0b,#ea580c)}.gradient-gray{background:linear-gradient(135deg,#6b7280,#4b5563)}@media (max-width:640px){.group-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}}@media (min-width:641px) and (max-width:768px){.group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (min-width:769px) and (max-width:1024px){.group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media (min-width:1025px){.group-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-loading{position:relative;overflow:hidden}.image-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading-sweep 1.5s infinite}@keyframes loading-sweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}