.card{position:relative;display:flex;flex-direction:column;background-color:#fff;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:300px;transition:transform .2s,box-shadow .2s;margin:0}.card:hover {transform:translateY(-5px);box-shadow:0 6px 10px #00000026}.card-bordered{border:1px solid #e5e7eb;border-radius:.5rem}.card-shadow{box-shadow:0 1px 3px #0000001a}.card-hover{transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.card-hover:hover {transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.card-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#2196f3;color:#fff;font-weight:700;text-align:center}.card-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-header-content{flex:1;min-width:0}.card-title{margin:0;font-size:1.125rem;font-weight:600;color:#111827}.card-subtitle{font-size:.875rem;color:#6b7280;margin-top:.25rem}.card-header-action{margin-left:auto}.card-media{position:relative;width:100%}.card-media img{width:100%;height:100%;object-fit:cover}.card-content{padding:1rem;color:#374151}.card-content p{margin:0;line-height:1.5}.card-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-top:1px solid #e5e7eb;margin-top:auto;background-color:#f5f5f5;font-size:.875rem;color:#757575}.card-footer-text{font-size:.875rem;color:#6b7280}.card-actions{display:flex;gap:.5rem}.card-loading{pointer-events:none}.card-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#fffc;z-index:10}.spinner{width:2rem;height:2rem;animation:spin 1s linear infinite}.spinner-circle{stroke-dasharray:60;stroke-dashoffset:60;animation:dash 1.5s ease-in-out infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:60}50%{stroke-dashoffset:30}100%{stroke-dashoffset:60}}.card-primary{border-color:#3b82f6}.card-primary .card-header{background-color:#eff6ff}.card-secondary{border-color:#6b7280}.card-secondary .card-header{background-color:#f3f4f6}.card-success{border-color:#10b981}.card-success .card-header{background-color:#ecfdf5}.card-warning{border-color:#f59e0b}.card-warning .card-header{background-color:#fffbeb}.card-danger{border-color:#ef4444}.card-danger .card-header{background-color:#fee2e2}.card-info{border-color:#3b82f6}.card-info .card-header{background-color:#eff6ff}.card-sm{font-size:.875rem}.card-sm .card-header{padding:.75rem}.card-sm .card-content{padding:.75rem}.card-sm .card-footer{padding:.75rem}.card-lg{font-size:1rem}.card-lg .card-header{padding:1.25rem}.card-lg .card-content{padding:1.25rem}.card-lg .card-footer{padding:1.25rem}.card_container{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem}