.mcp-center-card { margin-top: 16px; padding: 24px; background: #fff; border: 1px solid #e6e8ef; border-radius: 16px; box-shadow: 0 4px 16px rgba(24, 39, 75, .05); }
.mcp-center-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.mcp-center-heading h2 { margin: 0 0 8px; color: #1f2937; font-size: 20px; }
.mcp-center-heading p { margin: 0; color: #667085; line-height: 1.6; }
.mcp-guide-link, .mcp-center-footer a { color: #2563eb; font-weight: 600; white-space: nowrap; }
.mcp-token-row { margin-top: 20px; }
.mcp-token-row label { display: block; margin-bottom: 8px; color: #344054; font-weight: 600; }
.mcp-token-actions { display: flex; gap: 10px; }
.mcp-auth-token { min-width: 0; flex: 1; height: 42px; padding: 0 12px; color: #344054; background: #f8fafc; border: 1px solid #d0d5dd; border-radius: 8px; }
.mcp-copy-btn, .mcp-refresh-btn { padding: 0 14px; color: #fff; border: 0; border-radius: 8px; cursor: pointer; background: #2563eb; }
.mcp-copy-btn { background: #475467; }
.mcp-refresh-btn:disabled { cursor: wait; opacity: .65; }
.mcp-center-footer { display: flex; justify-content: space-between; gap: 16px; margin-top: 12px; color: #667085; font-size: 13px; line-height: 1.6; }
.mcp-page { max-width: 1120px; margin: 110px auto 56px; padding: 0 20px; }
.mcp-page h1 { color: #101828; font-size: 34px; }
.mcp-page h2 { margin-top: 32px; color: #1d2939; }
.mcp-page p, .mcp-page li { color: #475467; line-height: 1.8; }
.mcp-panel { padding: 24px; margin: 18px 0; background: #fff; border: 1px solid #e4e7ec; border-radius: 14px; }
.mcp-code { overflow-x: auto; padding: 16px; color: #e5e7eb; background: #111827; border-radius: 10px; line-height: 1.7; }
.mcp-table { width: 100%; border-collapse: collapse; }
.mcp-table th, .mcp-table td { padding: 12px; border-bottom: 1px solid #eaecf0; text-align: left; color: #475467; }
.mcp-table th { color: #344054; background: #f9fafb; }
@media (max-width: 640px) { .mcp-center-heading, .mcp-center-footer { flex-direction: column; } .mcp-token-actions { flex-wrap: wrap; } .mcp-auth-token { flex-basis: 100%; } .mcp-copy-btn, .mcp-refresh-btn { height: 38px; } }