.api-keys[data-v-84b42f1c]{padding:20px;max-width:800px;margin:0 auto}.api-keys__header[data-v-84b42f1c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.api-keys__header h2[data-v-84b42f1c]{margin:0}.api-keys__description[data-v-84b42f1c]{background:#f5f7fa;padding:15px;border-radius:4px;margin-bottom:20px}.api-keys__description p[data-v-84b42f1c]{margin:0;color:#606266}.api-keys__empty[data-v-84b42f1c],.api-keys__loading[data-v-84b42f1c]{text-align:center;padding:40px;color:#909399}.api-keys__list[data-v-84b42f1c]{display:flex;flex-direction:column;gap:15px}.api-key-card[data-v-84b42f1c]{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #e4e7ed;border-radius:4px;background:#fff}.api-key-card__info[data-v-84b42f1c]{flex:1}.api-key-card__name[data-v-84b42f1c]{font-weight:600;font-size:16px;margin-bottom:5px;display:flex;align-items:center;gap:8px}.api-key-card__name .edit-btn[data-v-84b42f1c]{padding:0;color:#909399}.api-key-card__name .edit-btn[data-v-84b42f1c]:hover{color:#409eff}.api-key-card__name-edit[data-v-84b42f1c]{display:flex;align-items:center;gap:8px;margin-bottom:5px}.api-key-card__name-edit .el-input[data-v-84b42f1c]{width:200px}.api-key-card__prefix[data-v-84b42f1c]{font-family:monospace;color:#909399;margin-bottom:5px}.api-key-card__meta[data-v-84b42f1c]{font-size:12px;color:#909399}.api-key-card__meta span[data-v-84b42f1c]{margin-right:15px}.api-key-card__actions[data-v-84b42f1c]{display:flex;align-items:center;gap:10px}.new-key-display .new-key-value[data-v-84b42f1c]{margin-top:20px;padding:15px;background:#f5f7fa;border-radius:4px;display:flex;align-items:center;justify-content:space-between}.new-key-display .new-key-value code[data-v-84b42f1c]{font-size:14px;word-break:break-all;flex:1}