.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(86,23,137,.08);padding:1.5rem;transition:all .2s}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.card-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--gray-900);margin:0}.card-subtitle{font-size:.95rem;color:var(--gray-600);margin-top:.25rem}.card-body,.card-subtitle{font-family:var(--font-body)}.card-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.card-lg{padding:2rem}.card-sm{padding:1rem}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header-with-action{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.card-header-left{flex:1 1 auto;min-width:0}.card-header-with-action>.btn{flex:0 0 auto;width:auto;max-width:100%}@media (max-width:480px){.card-header-with-action{align-items:stretch}.card-header-with-action>.btn{align-self:flex-start}}.card-add-btn{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid #16a34a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:white;color:#16a34a}.card-add-btn svg{width:20px;height:20px}.card-add-btn:hover{background:#16a34a;color:white;transform:scale(1.1);box-shadow:var(--shadow-md)}.card-add-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.card-add-btn:disabled:hover{background:white;color:#16a34a;transform:none;box-shadow:none}.card-edit-btn{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid #2563eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:white;color:#2563eb}.card-edit-btn svg{width:20px;height:20px}.card-edit-btn:hover{background:#2563eb;color:white;transform:scale(1.1);box-shadow:var(--shadow-md)}.card-edit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.card-edit-btn:disabled:hover{background:white;color:#2563eb;transform:none;box-shadow:none}.special-members-card{margin-bottom:1.5rem}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.member-item{display:flex;gap:1rem;align-items:flex-start;position:relative}.member-item:hover .member-actions{opacity:1;transform:translateX(0);pointer-events:auto}.member-item .member-avatar{width:64px;height:64px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;background:var(--gradient-light);display:flex;align-items:center;justify-content:center}.member-item .member-avatar img{width:100%;height:100%;object-fit:cover}.member-item .avatar-placeholder{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:white}.member-info{flex:1 1;min-width:0}.member-item .member-name{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.member-item .member-role{font-family:var(--font-heading);font-size:.875rem;font-weight:500;color:var(--purple-700);margin-bottom:.375rem}.member-item .member-email{font-family:var(--font-body);font-size:.875rem;color:var(--gray-600)}.member-actions{position:absolute;top:0;right:0;display:flex;gap:.25rem;opacity:0;transform:translateX(5px);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.member-action-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:white;box-shadow:var(--shadow-sm)}.member-action-btn svg{width:16px;height:16px}.member-action-btn.view-btn{color:var(--purple-700)}.member-action-btn.view-btn:hover{background:var(--purple-700);color:white;transform:scale(1.1);box-shadow:var(--shadow-md)}.member-action-btn.edit-btn{color:#2563eb}.member-action-btn.edit-btn:hover{background:#2563eb;color:white;transform:scale(1.1);box-shadow:var(--shadow-md)}