.face-update-container[data-v-bc08a04e]{width:100%;background-color:#fff;overflow:hidden;height:85vh}.error[data-v-bc08a04e]{color:red;background:#ffe6e6;padding:10px;border:1px solid red;border-radius:4px}.content[data-v-bc08a04e]{display:flex;gap:30px}@media (max-width:968px){.content[data-v-bc08a04e]{flex-direction:column}}.user-section[data-v-bc08a04e]{flex:1;display:flex;flex-direction:column;gap:25px}.user-card[data-v-bc08a04e]{background-color:#f9fafc;padding:15px;box-shadow:0 5px 15px rgba(0,0,0,.03)}.user-card h3[data-v-bc08a04e]{font-size:18px;margin-bottom:20px;color:#333;display:flex;align-items:center;gap:10px}.user-card h3 i[data-v-bc08a04e]{color:#336fff}.user-info[data-v-bc08a04e]{display:flex;flex-direction:column;gap:15px}.info-item[data-v-bc08a04e]{display:flex;gap:10px}.info-label[data-v-bc08a04e]{font-weight:600;color:#555;min-width:80px}.info-value[data-v-bc08a04e]{color:#333}.current-face[data-v-bc08a04e]{width:100%;height:450px;background-color:#f0f2f5;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-top:10px}.current-face img[data-v-bc08a04e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.current-face-placeholder[data-v-bc08a04e]{text-align:center;color:#7a7a7a}.current-face-placeholder i[data-v-bc08a04e]{font-size:50px;margin-bottom:10px;color:#b8b8b8}.camera-section[data-v-bc08a04e]{flex:1.5}.camera-preview[data-v-bc08a04e]{width:100%;height:500px;background-color:#f0f2f5;border-radius:15px;overflow:hidden;position:relative;margin-bottom:20px;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 15px rgba(0,0,0,.05)}.camera-placeholder[data-v-bc08a04e]{text-align:center;color:#7a7a7a}.camera-placeholder i[data-v-bc08a04e]{font-size:60px;margin-bottom:15px;color:#b8b8b8}.camera-controls[data-v-bc08a04e]{display:flex;justify-content:center;gap:15px;margin-top:20px}.btn[data-v-bc08a04e]{padding:12px 25px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-primary[data-v-bc08a04e]{background:linear-gradient(135deg,#336fff,#2b5fd9);color:#fff;box-shadow:0 4px 10px rgba(51,111,255,.3)}.btn-primary[data-v-bc08a04e]:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(51,111,255,.4)}.btn-secondary[data-v-bc08a04e]{background-color:#f0f2f5;color:#555}.btn-secondary[data-v-bc08a04e]:hover{background-color:#e4e6e9}.info-card[data-v-bc08a04e]{background-color:#f9fafc;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.03);padding-top:5px;padding-bottom:5px}.info-card h3[data-v-bc08a04e]{font-size:18px;margin-bottom:15px;color:#333;display:flex;align-items:center;gap:10px}.info-card h3 i[data-v-bc08a04e]{color:#336fff}.info-card ul[data-v-bc08a04e]{padding-left:20px;color:#555;line-height:1.6}.info-card li[data-v-bc08a04e]{margin-bottom:8px}.status-indicator[data-v-bc08a04e]{display:flex;align-items:center;gap:10px;margin-top:15px;padding:12px 15px;background-color:#e8f4fd;border-radius:10px;color:#0a6ebd}.status-indicator i[data-v-bc08a04e]{font-size:20px}.captured-image[data-v-bc08a04e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}.footer[data-v-bc08a04e]{text-align:center;padding:20px;color:#6c757d;font-size:14px;border-top:1px solid #eaeaea}[data-v-bc08a04e] .el-upload{width:100%;height:100%}