.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.group-card{transition:all .2s ease-in-out}.group-card:hover{border-color:#e5e7eb;transform:translateY(-2px)}.status-badge-active{color:#166534;background-color:#dcfce7}.status-badge-expiring{color:#92400e;background-color:#fef3c7}.status-badge-expired{color:#991b1b;background-color:#fee2e2}.gradient-blue{background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%)}.gradient-purple{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%)}.gradient-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.gradient-orange{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%)}.gradient-gray{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}@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%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image-loading{position:relative;overflow:hidden}.image-loading:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.5s infinite loading-sweep;position:absolute;inset:0}@keyframes loading-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}