*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f0f0f;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}#root{width:100%;max-width:420px;padding:24px}.card{background:#1a1a2e;border-radius:20px;overflow:hidden;box-shadow:0 8px 40px #00000080}.card-header{background:#16213e;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.mode-badge{text-transform:uppercase;letter-spacing:1px;color:#a0a0b8;background:#0f0f23;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.btn-edit{color:#a0a0b8;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-edit:hover{color:#fff;border-color:#666}.card-body{flex-direction:column;align-items:center;padding:32px 24px 24px;display:flex}.avatar{border:3px solid #e94560;border-radius:50%;width:96px;height:96px;margin-bottom:20px;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#fff;background:linear-gradient(135deg,#e94560,#533483);justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:700;display:flex}.name{margin-bottom:4px;font-size:24px;font-weight:700}.role{color:#a0a0b8;margin-bottom:4px;font-size:14px}.address-row{color:#666;text-align:center;margin-bottom:16px;font-size:12px;line-height:1.5}.divider{background:#2a2a4a;width:100%;height:1px;margin-bottom:20px}.info-row{color:#ccc;align-items:center;gap:12px;width:100%;padding:10px 0;font-size:14px;display:flex}.info-row svg{color:#e94560;flex-shrink:0}a.info-row{color:#ccc;border-radius:6px;text-decoration:none;transition:background .15s}a.info-row:hover{color:#fff;background:#e9456014}.social-links{flex-wrap:wrap;justify-content:flex-start;gap:12px;width:100%;padding:12px 0;display:flex}.social-link{background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background .2s;display:flex}.social-link:hover{background:#ffffff24;transform:scale(1.12)}.actions{flex-direction:column;gap:10px;width:100%;margin-top:24px;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-save{background:#e94560}.btn-save:hover{background:#d63852}.btn-test{background:#f0a500}.btn-test:hover{background:#d69300}.btn-whatsapp{background:#25d366}.btn-whatsapp:hover{background:#20b858}.btn-primary{background:#e94560;width:100%;margin-top:20px}.btn-primary:hover{background:#d63852}label{color:#a0a0b8;flex-direction:column;gap:4px;width:100%;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}label input{color:#fff;background:#0f0f23;border:1px solid #2a2a4a;border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:border .2s}label input:focus{border-color:#e94560}label input::placeholder{color:#555}.name-cn{color:#e94560;margin-bottom:4px;font-size:20px;font-weight:600}.photo-upload{cursor:pointer;border:2px dashed #2a2a4a;border-radius:50%;width:80px;height:80px;transition:border-color .2s;position:relative;overflow:hidden}.photo-upload:hover{border-color:#e94560}.photo-preview{object-fit:cover;width:100%;height:100%}.photo-placeholder{color:#555;background:#0f0f23;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;font-size:10px;display:flex}.photo-input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-status{color:#f59e0b;margin-top:6px;font-size:11px}.custom-fields{border:1px solid #2a2a4a;border-radius:12px;width:100%;margin-bottom:14px;padding:16px}.custom-fields legend{text-transform:uppercase;letter-spacing:1px;color:#666;padding:0 8px;font-size:11px;font-weight:700}.custom-field-block{margin-bottom:16px}.custom-field-block label{margin-bottom:4px}.platform-picker{position:relative}.platform-picker-input-wrap{align-items:center;display:flex;position:relative}.platform-picker-input{color:#fff;box-sizing:border-box;background:#0f0f23;border:1px solid #2a2a4a;border-radius:10px;outline:none;flex:1;width:100%;padding:10px 40px 10px 14px;font-family:inherit;font-size:13px;transition:border .2s}.platform-picker-input:focus{border-color:#e94560}.platform-picker-input::placeholder{color:#555}.platform-picker-chev{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.platform-picker-chev:hover{color:#aaa;background:#ffffff0d}.platform-picker-btn{color:#a0a0b8;cursor:pointer;white-space:nowrap;background:#0f0f23;border:1px solid #2a2a4a;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s;display:flex}.platform-picker-btn:hover{border-color:#e94560}.platform-picker-label{align-items:center;gap:8px;display:flex}.platform-picker-placeholder{color:#555;font-style:italic}.platform-picker-dropdown{z-index:100;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;max-height:340px;margin-bottom:4px;padding:6px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #0009}.platform-option{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:background .15s;display:flex}.platform-option:hover{background:#2a2a4a}.platform-option.active{color:#e94560;background:#e9456018}.platform-option svg:last-child{margin-left:auto}.platform-option-divider{background:#2a2a4a;height:1px;margin:4px 8px}.platform-option.platform-clear{color:#888;font-size:12px}.platform-option.platform-clear:hover{color:#e94560}.custom-name-input,.custom-value-input{color:#fff;box-sizing:border-box;background:#0f0f23;border:1px solid #2a2a4a;border-radius:10px;outline:none;width:100%;margin-top:8px;padding:10px 14px;font-family:inherit;font-size:13px;transition:border .2s;display:block}.custom-name-input:focus,.custom-value-input:focus{border-color:#e94560}.custom-name-input::placeholder,.custom-value-input::placeholder{color:#555}