.data-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--gray-900);background:var(--gray-50);min-height:100vh;animation:fadeIn .3s ease-out}.data-container .container{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 6rem!important}.data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;animation:staggerIn .6s ease-out;width:100%;max-width:none;margin:0}.data-grid.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.data-grid.clubs-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.data-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:.75rem;box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden;border:2px solid transparent;cursor:pointer;display:flex;flex-direction:column;width:100%}.data-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transition:transform .3s ease}.data-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--primary-light)}.data-card:hover:before{transform:scaleX(1)}.data-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.data-card.selected:before{transform:scaleX(1)}.data-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.data-card-title{flex:1;margin-right:.5rem;min-width:0}.data-card-title h3{font-size:.9rem;font-weight:600;color:var(--gray-900);margin:0 0 .25rem;line-height:1.2}.data-card-subtitle,.data-card-title h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-card-subtitle{font-size:.75rem;color:var(--gray-600)}.type-badge{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;padding:.25rem .5rem;border-radius:var(--radius);font-size:.7rem;font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 2px 4px rgba(0,0,0,.1)}.data-card-actions{justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--gray-100)}.data-card-actions,.data-card-actions-left,.data-card-actions-right{display:flex;gap:.5rem}.action-btn{padding:.375rem .75rem;border:none;border-radius:var(--radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.action-btn.primary{background:var(--primary);color:white}.action-btn.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.action-btn.secondary{background:var(--gray-100);color:var(--gray-700)}.action-btn.secondary:hover{background:var(--gray-200);color:var(--gray-800)}.action-btn.danger{background:var(--red-50);color:var(--red-600)}.action-btn.danger:hover{background:var(--red-100);color:var(--red-700)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.loading-spinner{width:32px;height:32px;border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--gray-600)}.empty-state h2,.empty-state h3{color:var(--gray-800);margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.alert{padding:1rem;border-radius:var(--radius);margin-bottom:1rem;position:relative}.alert.error{background:var(--red-50);color:var(--red-700);border:1px solid var(--red-200)}.alert-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;padding:.25rem;border-radius:var(--radius-sm)}.alert-close:hover{background:rgba(0,0,0,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes staggerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.data-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.data-grid.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.data-container .container{padding:1rem 1rem 4rem!important}.data-card-actions{flex-direction:column;gap:.5rem}.data-card-actions-left,.data-card-actions-right{width:100%;justify-content:center}}@media (max-width:480px){.data-grid,.data-grid.gallery-grid{grid-template-columns:1fr}}