.api-keys-page.svelte-1dbnxka{max-width:var(--mgmt-shell-max-width);padding:var(--mgmt-body-pad);box-sizing:border-box;margin:0 auto}.header.svelte-1dbnxka{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header.svelte-1dbnxka h1:where(.svelte-1dbnxka){margin-bottom:.5rem;font-size:2rem;font-weight:700}.subtitle.svelte-1dbnxka{color:#ffffffb3}.btn-create.svelte-1dbnxka{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-create.svelte-1dbnxka:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.api-keys-list.svelte-1dbnxka{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.api-key-card.svelte-1dbnxka{background:linear-gradient(135deg,#1e2139 0%,#252a47 100%);border:1px solid #ffffff1a;border-radius:1rem;padding:2rem}.key-header.svelte-1dbnxka{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.key-info.svelte-1dbnxka h3:where(.svelte-1dbnxka){margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.key-value.svelte-1dbnxka{background:#0000004d;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem;display:flex}.key-value.svelte-1dbnxka code:where(.svelte-1dbnxka){color:#667eea;font-family:monospace}.copy-btn.svelte-1dbnxka{color:#fff;cursor:pointer;background:#667eea33;border:1px solid #667eea;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.875rem;line-height:0;display:inline-flex}.status-badge.svelte-1dbnxka{border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.status-badge.active.svelte-1dbnxka{color:#5ec8eb;background:#4ade8033}.status-badge.inactive.svelte-1dbnxka{color:#f87171;background:#f8717133}.key-details.svelte-1dbnxka{margin-bottom:1.5rem}.detail-row.svelte-1dbnxka{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.detail-item.svelte-1dbnxka{margin-bottom:1rem}.detail-item.svelte-1dbnxka .label:where(.svelte-1dbnxka){color:#fff9;margin-bottom:.5rem;font-size:.875rem;display:block}.detail-item.svelte-1dbnxka .value:where(.svelte-1dbnxka){font-weight:600}.permissions.svelte-1dbnxka{flex-wrap:wrap;gap:.5rem;display:flex}.permission-badge.svelte-1dbnxka{background:#667eea33;border:1px solid #667eea;border-radius:.5rem;padding:.25rem .75rem;font-size:.875rem}.key-actions.svelte-1dbnxka{gap:1rem;display:flex}.btn-toggle.svelte-1dbnxka,.btn-delete.svelte-1dbnxka{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-toggle.svelte-1dbnxka{color:#fff;background:#ffffff1a}.btn-toggle.svelte-1dbnxka:hover{background:#ffffff26}.btn-delete.svelte-1dbnxka{color:#f87171;background:#f8717133;border:1px solid #f87171}.btn-delete.svelte-1dbnxka:hover{background:#f871714d}.modal-overlay.svelte-1dbnxka{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content.svelte-1dbnxka{background:linear-gradient(135deg,#1e2139 0%,#252a47 100%);border:1px solid #ffffff1a;border-radius:1rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header.svelte-1dbnxka{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:2rem;display:flex}.modal-header.svelte-1dbnxka h2:where(.svelte-1dbnxka){font-size:1.5rem;font-weight:700}.modal-close.svelte-1dbnxka{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;font-size:1.25rem}.modal-body.svelte-1dbnxka{padding:2rem}.form-group.svelte-1dbnxka{margin-bottom:1.5rem}.form-group.svelte-1dbnxka label:where(.svelte-1dbnxka){margin-bottom:.5rem;font-weight:600;display:block}.form-group.svelte-1dbnxka input[type=text]:where(.svelte-1dbnxka){color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:.5rem;width:100%;padding:.75rem;font-size:1rem}.permissions-select.svelte-1dbnxka{flex-direction:column;gap:1rem;display:flex}.permission-option.svelte-1dbnxka{cursor:pointer;background:#0003;border-radius:.75rem;align-items:flex-start;gap:1rem;padding:1rem;transition:all .2s;display:flex}.permission-option.svelte-1dbnxka:hover{background:#ffffff0d}.permission-option.svelte-1dbnxka input[type=checkbox]:where(.svelte-1dbnxka){margin-top:.25rem}.permission-info.svelte-1dbnxka{flex:1}.permission-label.svelte-1dbnxka{margin-bottom:.25rem;font-weight:600}.permission-description.svelte-1dbnxka{color:#fff9;font-size:.875rem}.warning-box.svelte-1dbnxka{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:.75rem;padding:1rem}.warning-box-title.svelte-1dbnxka{align-items:center;gap:8px;margin-bottom:.5rem;line-height:1.2;display:flex}.warning-box.svelte-1dbnxka ul:where(.svelte-1dbnxka){color:#fffc;margin:0;padding-left:1.5rem;font-size:.875rem}.warning-box.svelte-1dbnxka li:where(.svelte-1dbnxka){margin-bottom:.25rem}.modal-footer.svelte-1dbnxka{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:1rem;padding:2rem;display:flex}.btn-primary.svelte-1dbnxka,.btn-secondary.svelte-1dbnxka{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 2rem;font-weight:600;transition:all .2s}.btn-primary.svelte-1dbnxka{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-primary.svelte-1dbnxka:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-secondary.svelte-1dbnxka{color:#fff;background:#ffffff1a}.btn-secondary.svelte-1dbnxka:hover{background:#ffffff26}.api-docs-banner.svelte-1dbnxka{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1rem;justify-content:space-between;align-items:center;padding:2rem;display:flex}.banner-content.svelte-1dbnxka h3:where(.svelte-1dbnxka){margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.api-docs-h3.svelte-1dbnxka{align-items:center;gap:10px;line-height:1.2;display:flex}.banner-content.svelte-1dbnxka p:where(.svelte-1dbnxka){opacity:.9}.btn-docs.svelte-1dbnxka{color:#fff;background:#fff3;border-radius:.75rem;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-docs.svelte-1dbnxka:hover{background:#ffffff4d}@media (width<=768px){.detail-row.svelte-1dbnxka{grid-template-columns:1fr}.key-actions.svelte-1dbnxka{flex-direction:column}.api-docs-banner.svelte-1dbnxka{text-align:center;flex-direction:column;gap:1rem}}