.api-keys-page{--key-transition:#e5bd63}.api-key-notice,.api-key-error-notice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:38px;color:var(--text-muted);align-items:center;gap:10px;margin-bottom:10px;padding:8px 11px;font-size:11px;display:flex}.api-key-notice.is-polling{color:#d8c59c;border-color:#e5bd6347}.api-key-notice.is-delayed{border-color:#e5bd6347}.api-key-notice-copy{flex:1}.api-key-notice-copy strong{color:#d8c59c;margin-bottom:2px;font-weight:600;display:block}.api-key-notice .secondary-action{flex:none;min-height:28px;font-size:10px}.api-key-error-notice{color:#e8abb0;border-color:#f07b854d}.api-key-error-notice code,.api-key-error-surface code{color:var(--text);font-family:var(--mono);font-size:10px}.api-key-spinner{animation:.9s linear infinite api-key-spin}@keyframes api-key-spin{to{transform:rotate(360deg)}}.api-key-table-wrap{overflow-x:auto}.api-key-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:980px}.api-key-table th,.api-key-table td{border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:middle;padding:10px 12px}.api-key-table th{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:650}.api-key-table th:first-child{width:20%}.api-key-table th:nth-child(2){width:14%}.api-key-table th:nth-child(3),.api-key-table th:nth-child(4),.api-key-table th:nth-child(5){width:11%}.api-key-table th:nth-child(6){width:13%}.api-key-table th:last-child{width:19%}.api-key-table tbody tr:last-child td{border-bottom:0}.api-key-table strong,.api-key-table small{display:block}.api-key-table strong{color:var(--text);font-size:12px;font-weight:570}.api-key-table small,.api-key-table time,.api-key-action-complete{color:var(--text-faint);font-size:10px}.api-key-table small{margin-top:3px}.api-key-table td>code{color:var(--text-muted);font-family:var(--mono);font-size:10px}.api-key-status{border:1px solid var(--border);min-height:22px;color:var(--text-muted);font-family:var(--mono);text-transform:capitalize;border-radius:999px;align-items:center;padding:3px 7px;font-size:9px;display:inline-flex}.api-key-status.is-ready,.api-key-status.is-active{color:var(--success);background:#55d6a512;border-color:#55d6a54d}.api-key-status.is-activating,.api-key-status.is-revoking,.api-key-status.is-pending{color:var(--key-transition);background:#e5bd6312;border-color:#e5bd6347}.api-key-status.is-revoked,.api-key-status.is-expired,.api-key-status.is-inactive{color:var(--text-faint)}.api-key-actions-cell{text-align:right!important}.api-key-actions-cell button{width:auto;margin-left:auto}.api-key-revoke{color:#e89ba2;background:#f07b850d;border:1px solid #f07b8547;border-radius:7px;align-items:center;gap:7px;min-height:32px;padding:6px 10px;font-size:11px;display:inline-flex}.api-key-error-surface{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:220px;color:var(--text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:36px;display:flex}.api-key-error-surface h2{color:var(--text);margin:14px 0 0;font-size:14px}.api-key-error-surface p{margin:8px 0 18px;font-size:11px}.api-key-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000ad}.api-key-dialog{background:var(--surface-raised);width:min(520px,100%);max-height:calc(100vh - 40px);color:var(--text);border:1px solid #343438;border-radius:8px;margin:auto;padding:0;overflow-y:auto;box-shadow:0 20px 64px #0000007a}.api-key-dialog>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;min-height:52px;padding:10px 12px 10px 16px;display:flex}.api-key-dialog h2{letter-spacing:-.02em;margin:0;font-size:15px;font-weight:600}.api-key-form,.api-key-secret,.api-key-confirm{padding:16px}.api-key-confirm>p{color:var(--text-muted);margin:0 0 20px;font-size:12px;line-height:1.6}.api-key-confirm>p strong{color:var(--text)}.api-key-field{margin-bottom:17px;display:block}.api-key-field>span{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;font-weight:560;display:flex}.api-key-field>span small{color:var(--text-faint);text-transform:uppercase;font-size:9px;font-weight:450}.api-key-field input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:38px;color:var(--text);border-radius:7px;padding:8px 10px;font-size:12px}.api-key-field input[aria-invalid=true]{border-color:#f07b8599}.api-key-field-error{color:var(--danger);margin-top:5px;font-size:10px;display:block}.api-key-form-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.api-key-secret-warning{color:#ddc99f;background:#e5bd6312;border:1px solid #e5bd634d;border-radius:7px;padding:11px 12px;font-size:11px;line-height:1.5}.api-key-secret-value{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px;display:grid}.api-key-secret-value>code{border:1px solid var(--border);color:var(--text);font-family:var(--mono);white-space:nowrap;background:#0b0b0d;border-radius:7px;padding:11px;font-size:10px;overflow-x:auto}.api-key-secret-value button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-foreground);border-radius:7px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:600;display:inline-flex}.api-key-secret-acknowledge{width:100%;margin-top:18px}@media (width<=760px){.api-key-dialog{border-radius:8px 8px 0 0;width:100%;max-height:92vh;margin:auto 0 0}.api-key-secret-value{grid-template-columns:1fr}.api-key-secret-value button{justify-content:center;min-height:38px}}