.user-info-container[data-v-7e97d90d]{padding:20px;max-width:800px;margin:0 auto}.user-card[data-v-7e97d90d]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden;margin-bottom:20px}.user-header[data-v-7e97d90d]{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 30px;display:flex;align-items:center;gap:20px;color:#fff}.avatar-section[data-v-7e97d90d]{position:relative}.user-avatar[data-v-7e97d90d]{border:4px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.2)}.status-badge[data-v-7e97d90d]{position:absolute;bottom:0;right:0;width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #667eea}.status-dot[data-v-7e97d90d]{width:12px;height:12px;background:#67c23a;border-radius:50%;display:block}.user-details[data-v-7e97d90d]{flex:1}.user-name[data-v-7e97d90d]{font-size:24px;font-weight:600;margin:0 0 8px 0;color:#fff}.user-account[data-v-7e97d90d]{font-size:14px;margin:0;opacity:.9;color:#fff}.user-body[data-v-7e97d90d]{padding:30px}.info-item[data-v-7e97d90d]{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0}.info-item[data-v-7e97d90d]:last-child{border-bottom:none}.info-icon[data-v-7e97d90d]{font-size:20px;color:#667eea;margin-right:12px;width:24px}.info-label[data-v-7e97d90d]{font-size:14px;color:#666;min-width:100px}.info-value[data-v-7e97d90d]{font-size:14px;color:#333;font-weight:500;flex:1}.user-footer[data-v-7e97d90d]{padding:20px 30px;background:#f8f9fa;border-top:1px solid #e9ecef}.logout-button[data-v-7e97d90d]{width:100%;height:44px;font-size:16px;border-radius:8px}.token-card[data-v-7e97d90d]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:20px}.card-header[data-v-7e97d90d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3[data-v-7e97d90d]{margin:0;font-size:18px;color:#333}.token-content[data-v-7e97d90d]{display:flex;flex-direction:column;gap:15px}.token-item[data-v-7e97d90d]{display:flex;align-items:center;gap:10px}.token-label[data-v-7e97d90d]{font-size:14px;color:#666;min-width:100px}.token-input[data-v-7e97d90d]{flex:1}.token-value[data-v-7e97d90d]{font-size:14px;color:#333}@media(max-width:768px){.user-header[data-v-7e97d90d]{flex-direction:column;text-align:center;padding:30px 20px}.user-name[data-v-7e97d90d]{font-size:20px}.user-body[data-v-7e97d90d]{padding:20px}.info-item[data-v-7e97d90d]{flex-direction:column;align-items:flex-start;gap:8px}.info-label[data-v-7e97d90d]{min-width:auto}}