.vi-visual{background:#f5f5f557;border-radius:24px;padding:15px;border:1px solid #e2e8f0}.vi-profile-mockup{display:flex;flex-direction:column;gap:10px;max-width:580px;margin:0 auto}.vpm-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.04)}.vpm-header{height:90px;background:#63cef3;position:relative;overflow:hidden}.vpm-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 0);background-size:15px 15px;opacity:.4}.vpm-body{padding:0 24px 24px;position:relative}.vpm-avatar-wrap{position:relative;width:84px;height:84px;margin-top:-42px;margin-bottom:15px}.vpm-avatar{width:100%;height:100%;border-radius:50%;background:#d1efdf;border:4px solid #fff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#1a5235;font-size:26px;box-shadow:0 5px 15px rgba(0,0,0,.05);overflow:hidden}.vpm-avatar img{width:100%;height:100%;object-fit:cover}.vpm-avatar-check{position:absolute;bottom:2px;right:2px;background:#fff;border-radius:50%;color:#22c55e;font-size:18px;line-height:1;display:flex;padding:1px}.vpm-name-row{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.vpm-name-row h3{font-size:22px;font-weight:700;margin:0;color:#1a202c}.vpm-v-badge{font-size:11px;font-weight:600;color:#059669;background:#ecfdf5;padding:3px 10px;border-radius:100px;display:flex;align-items:center;gap:4px;border:1px solid rgba(5,150,105,.1)}.vpm-role{font-size:15px;color:#4a5568;margin-bottom:15px;font-weight:500}.vpm-meta-row{display:flex;gap:15px;font-size:13px;font-weight:600;color:#718096;margin-bottom:15px;align-items:center;flex-wrap:wrap}.vpm-meta-row i{font-size:16px;color:#a0aec0}.vpm-status{display:flex;align-items:center;gap:6px;color:#059669;background:#ecfdf5;padding:3px 10px;border-radius:100px}.vpm-status .dot{width:7px;height:7px;background:#22c55e;border-radius:50%}.vpm-tagline{font-size:13px;line-height:1.6;color:#4a5568;margin-bottom:15px;max-width:90%}.vpm-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:10px;gap:10px}@media (max-width:768px){.vpm-grid{grid-template-columns:1fr}}.vpm-col{display:flex;flex-direction:column;gap:10px}.vpm-card.mini{padding:20px}.vpm-card.mini h4{font-size:15px;font-weight:700;margin-bottom:15px;color:#1a202c}.vpm-label{font-size:11px;font-weight:700;color:#a0aec0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.vpm-pills{display:flex;flex-wrap:wrap;gap:8px}.vpm-pills span{font-size:11px;font-weight:600;background:#f8fafc;border:1px solid #e2e8f0;padding:5px 12px;border-radius:100px;color:#4a5568}.vpm-metrics{display:flex;justify-content:space-between;gap:10px}.vpm-metric{flex:1 1;background:#fdfdfb;border:1px solid #f1f5f9;padding:12px 5px;border-radius:10px;text-align:center}.vpm-metric .n{display:block;font-size:18px;font-weight:700;color:#1a202c}.vpm-metric .l{display:block;font-size:10px;color:#718096;margin-top:4px;line-height:1.2}.vpm-qr-box{width:45px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff}.vpm-qr-code{font-size:60px;color:#4a5568}.vpm-qr-note{font-size:12px;color:#718096;margin-bottom:15px}.vpm-qr-btns{display:flex;flex-direction:column;gap:10px}.vpm-btn{font-size:12px;font-weight:700;border:1px solid #e2e8f0;padding:10px;border-radius:10px;color:#4a5568;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff}.vpm-btn i{font-size:14px}.vi-card-footer{margin-top:24px;font-size:12px;color:#a0aec0;text-align:center;font-weight:500}