.user-profile-page[data-v-84013370]{min-height:100vh;background:#f8f9fa}.loading-container[data-v-84013370]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.profile-header[data-v-84013370]{position:relative;margin-bottom:32px;overflow:hidden}.header-background[data-v-84013370]{height:240px;background:linear-gradient(135deg,#e31e23,#c3092d 50%,#a0071e);position:relative}.header-background[data-v-84013370]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,hsla(0,0%,100%,.1) 0,transparent 50%)}.header-content[data-v-84013370]{position:absolute;bottom:20px;left:0;right:0;padding:0 32px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}.profile-avatar-section[data-v-84013370]{display:flex;align-items:flex-end;gap:24px;flex:1;min-width:300px}.avatar-container[data-v-84013370]{position:relative}.profile-avatar-preview[data-v-84013370],.profile-avatar[data-v-84013370]{width:120px;height:120px;border-radius:20px;background:#e31e23;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;border:4px solid #fff;box-shadow:0 8px 32px rgba(0,0,0,.15);transition:all .3s ease}.profile-avatar-preview[data-v-84013370]{width:80px;height:80px;font-size:24px;margin:0 auto}.avatar-edit-btn[data-v-84013370]{position:absolute;bottom:4px;right:4px;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #e31e23;color:#e31e23;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:14px}.avatar-edit-btn[data-v-84013370]:hover{background:#e31e23;color:#fff;transform:scale(1.1)}.profile-basic-info[data-v-84013370]{color:#fff;flex:1}.profile-name[data-v-84013370]{font-size:32px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-email[data-v-84013370]{font-size:16px;margin:0 0 12px;opacity:.9}.profile-badges[data-v-84013370]{display:flex;gap:8px;flex-wrap:wrap}.role-badge[data-v-84013370],.status-badge[data-v-84013370]{font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px}.header-actions[data-v-84013370]{display:flex;gap:16px;align-items:center;flex-shrink:0}.action-btn[data-v-84013370]{min-width:140px;height:48px;border:2px solid hsla(0,0%,100%,.8)!important;background:hsla(0,0%,100%,.1)!important;backdrop-filter:blur(10px);font-weight:600;font-size:14px;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:24px!important}.action-btn[data-v-84013370]:hover{background:hsla(0,0%,100%,.2)!important;border-color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.action-btn[data-v-84013370]:focus{outline:none;box-shadow:0 0 0 3px hsla(0,0%,100%,.3)}.action-btn i[data-v-84013370]{font-size:16px}.btn-text[data-v-84013370]{font-weight:600}.profile-content[data-v-84013370]{padding:0 32px 32px}.profile-sidebar[data-v-84013370]{position:sticky;top:20px}.contact-card[data-v-84013370],.security-card[data-v-84013370],.stats-card[data-v-84013370]{border:none;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden}.card-subtitle[data-v-84013370]{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 16px;display:flex;align-items:center;border-bottom:1px solid #f0f0f0;padding-bottom:12px}.stats-grid[data-v-84013370]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-item[data-v-84013370]{text-align:center;padding:16px 8px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.stat-item[data-v-84013370]:hover{background:#e9ecef;transform:translateY(-2px)}.stat-value[data-v-84013370]{font-size:16px;font-weight:700;color:#e31e23;margin-bottom:4px;word-break:break-word}.stat-label[data-v-84013370]{font-size:12px;color:#6c757d;font-weight:500}.contact-list[data-v-84013370]{display:flex;flex-direction:column;gap:16px}.contact-item[data-v-84013370]{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.contact-item[data-v-84013370]:hover{background:#e9ecef;transform:translateX(4px)}.contact-item i[data-v-84013370]{width:20px;text-align:center;font-size:16px}.contact-details[data-v-84013370]{flex:1;display:flex;flex-direction:column;gap:2px}.contact-label[data-v-84013370]{font-size:12px;color:#6c757d;font-weight:500}.contact-value[data-v-84013370]{font-size:14px;color:#2d3748;font-weight:500;word-break:break-word}.security-list[data-v-84013370]{display:flex;flex-direction:column;gap:12px}.security-item[data-v-84013370]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:8px}.security-check[data-v-84013370]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#2d3748}.profile-main[data-v-84013370]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden}.tab-content[data-v-84013370]{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-top:-1px}.tab-content-padding[data-v-84013370]{padding:40px 32px 32px 32px}.info-section[data-v-84013370]{border-bottom:1px solid #f0f0f0;padding:32px 24px 24px 24px;margin-bottom:24px}.info-section[data-v-84013370]:last-child{border-bottom:none;padding-bottom:24px;margin-bottom:0}.section-title[data-v-84013370]{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 24px 0;display:flex;align-items:center;padding-left:8px}.info-field[data-v-84013370]{margin-bottom:20px;padding:12px 16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #e31e23}.info-field label[data-v-84013370]{font-size:12px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.info-value[data-v-84013370]{font-size:16px;color:#2d3748;font-weight:500;padding:4px 0;word-break:break-word;line-height:1.5}.modal-footer-actions[data-v-84013370]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e9ecef}.avatar-options[data-v-84013370]{text-align:center;padding:16px}.color-picker[data-v-84013370]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.color-option[data-v-84013370]{width:40px;height:40px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .3s ease;margin:0 auto}.color-option[data-v-84013370]:hover{transform:scale(1.1)}.color-option.active[data-v-84013370]{border-color:#2d3748;transform:scale(1.15)}.nav-tabs[data-v-84013370]{border-bottom:2px solid #e9ecef;margin-bottom:0;background:#f8f9fa;border-radius:16px 16px 0 0;padding:8px 8px 0 8px}.nav-tabs .nav-link[data-v-84013370]{border:none;border-radius:12px 12px 0 0;color:#6c757d;font-weight:600;font-size:14px;padding:16px 24px;margin:0 4px;transition:all .3s ease;text-align:center;display:flex;align-items:center;justify-content:center;min-height:50px;background:transparent;border-bottom:3px solid transparent}.nav-tabs .nav-link.active[data-v-84013370]{background:linear-gradient(135deg,#e31e23,#c3092d);color:#fff;border:none;border-bottom:3px solid #a0071e;transform:translateY(-2px);box-shadow:0 4px 12px rgba(227,30,35,.3)}.nav-tabs .nav-link[data-v-84013370]:hover:not(.active){border:none;background:rgba(227,30,35,.1);color:#e31e23;border-bottom:3px solid rgba(227,30,35,.3);transform:translateY(-1px)}.nav-tabs .nav-link[data-v-84013370]:focus{outline:none;box-shadow:0 0 0 3px rgba(227,30,35,.2)}@media (max-width:768px){.profile-header .header-content[data-v-84013370]{padding:0 16px;flex-direction:column;align-items:center;gap:16px}.profile-avatar-section[data-v-84013370]{flex-direction:column;align-items:center;text-align:center;min-width:auto}.header-actions[data-v-84013370]{order:-1;width:100%;justify-content:center;flex-wrap:wrap;gap:12px}.action-btn[data-v-84013370]{min-width:120px;height:44px;font-size:13px}.action-btn .btn-text[data-v-84013370]{display:none}.action-btn i[data-v-84013370]{font-size:18px}.profile-content[data-v-84013370]{padding:0 16px 32px}.stats-grid[data-v-84013370]{grid-template-columns:1fr}.color-picker[data-v-84013370]{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.header-actions[data-v-84013370]{flex-direction:column;width:100%}.action-btn[data-v-84013370]{width:100%;max-width:200px}.action-btn .btn-text[data-v-84013370]{display:inline}}