.vcard-container{display:flex;flex-direction:column;gap:1.5rem}.contacts-list{display:flex;flex-direction:column;gap:1rem}.contact-card{display:flex;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--border-color, #dee2e6);border-radius:12px;transition:transform .2s}.contact-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.contact-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;font-weight:600;flex-shrink:0}.contact-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.contact-info{flex:1}.contact-name{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.contact-detail{font-size:.875rem;color:var(--text-secondary);margin-bottom:.125rem}.contact-detail a{color:var(--primary-color);text-decoration:none}.contact-actions{display:flex;gap:.5rem;flex-direction:column}.editor-section{padding:1.5rem;background:var(--bg-secondary);border-radius:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.form-group input{padding:.5rem;border:1px solid var(--border-color);border-radius:6px}.action-bar{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.privacy-note{text-align:center;padding:1rem;color:var(--text-secondary);font-size:.875rem}