.page--keys{max-width:960px;padding:0 clamp(16px,3vw,32px)}.page__main--keys{padding:32px 0 64px}.keys{display:flex;flex-direction:column;gap:28px}.keys__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.keys__title{margin:0 0 8px;font-family:var(--sans);font-weight:600;font-size:clamp(22px,3vw,28px);letter-spacing:-.02em}.keys__lede{margin:0;font-family:var(--sans);font-size:14px;color:var(--fg-dim);max-width:56ch;line-height:1.5}.keys__status{font-family:var(--sans);font-size:14px;color:var(--fg-dim);padding:16px;border:1px dashed var(--rule-2);border-radius:var(--r-md)}.keys__status--error{color:#ff8a8a;border-color:#ff8a8a}.keys__empty{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;border:1px dashed var(--rule-2);border-radius:var(--r-lg);background:var(--bg-elev);font-family:var(--sans);font-size:14px;color:var(--fg-dim)}.keys__empty p{margin:0;line-height:1.5}.keys__groups{display:flex;flex-direction:column;gap:28px}.keys-group{display:flex;flex-direction:column;gap:12px}.keys-group__title{display:flex;align-items:baseline;gap:10px;margin:0;font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted)}.keys-group__count{font-size:11px;color:var(--fg-muted)}.keys-group__empty{margin:0;font-family:var(--mono);font-size:12px;color:var(--fg-muted)}.keys-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.keys-list__row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--rule);border-radius:var(--r-md);background:var(--bg-elev)}@media(max-width:640px){.keys-list__row{grid-template-columns:1fr;align-items:flex-start;gap:8px}}.keys-list__row--skeleton{align-items:center}.keys-skeleton{height:14px;border-radius:2px;background:var(--border);animation:keys-skeleton-pulse 1.2s ease-in-out infinite}.keys-skeleton--label{width:62%}.keys-skeleton--meta{width:96px;justify-self:end}.keys-skeleton--action{width:60px;height:28px;justify-self:end}@keyframes keys-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.85}}@media(prefers-reduced-motion:reduce){.keys-skeleton{animation:none}}.keys-list__main{display:flex;flex-direction:column;gap:4px;min-width:0}.keys-list__label-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.keys-list__type{font-family:var(--mono);font-size:11px;padding:2px 7px;border:1px solid var(--rule-2);border-radius:var(--r-pill);color:var(--fg-dim);background:var(--bg)}.keys-list__type--sk_live{border-color:var(--accent);color:var(--accent)}.keys-list__type--sk_mcp{border-color:#8be9fd;color:#8be9fd}.keys-list__type--pk_live{border-color:var(--fg-dim);color:var(--fg-dim)}.keys-list__label{font-family:var(--mono);font-size:14px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keys-list__last4{font-family:var(--mono);font-size:12px;color:var(--fg-muted)}.keys-list__meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-family:var(--mono);font-size:11px;color:var(--fg-muted)}.keys-list__meta--revoked{color:#ff7b7b}@media(max-width:640px){.keys-list__meta{align-items:flex-start}}.keys-list__revoke{font-family:var(--sans);font-size:12px;font-weight:600;padding:6px 14px;background:transparent;border:1px solid var(--rule-2);border-radius:var(--r-pill);color:var(--fg);cursor:pointer;transition:border-color var(--dur-1) var(--ease-std),color var(--dur-1) var(--ease-std)}.keys-list__revoke:hover{border-color:#e26d6d;color:#e26d6d}.keys-list__revoke:focus-visible{outline:none;box-shadow:var(--ring)}.keys-dialog__backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}.keys-dialog{background:var(--bg-elev);border:1px solid var(--rule-2);border-radius:var(--r-lg);box-shadow:var(--shadow-3);padding:22px;width:min(520px,100%);display:flex;flex-direction:column;gap:14px;font-family:var(--sans)}.keys-dialog__title{margin:0;font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.keys-dialog__title--danger{color:#ff7b7b}.keys-dialog__body{margin:0;font-size:13px;color:var(--fg);line-height:1.5}.keys-dialog__body code{font-family:var(--mono);padding:1px 5px;border-radius:var(--r-xs);background:var(--bg);border:1px solid var(--border)}.keys-dialog__hint{margin:0;font-size:12px;color:var(--fg-muted);line-height:1.5}.keys-dialog__hint code{font-family:var(--mono);color:var(--fg-dim)}.keys-dialog__label{display:flex;flex-direction:column;gap:6px}.keys-dialog__label-text{font-size:12px;color:var(--fg-muted)}.keys-dialog__label input{padding:11px 13px;font-family:var(--mono);font-size:14px;border:1px solid var(--rule-2);border-radius:var(--r-md);background:var(--bg);color:var(--fg);transition:border-color var(--dur-1) var(--ease-std),box-shadow var(--dur-1) var(--ease-std)}.keys-dialog__label input:focus{outline:none;border-color:var(--accent-line);box-shadow:var(--ring)}.keys-dialog__plaintext-row{display:flex;align-items:stretch;gap:8px}.keys-dialog__plaintext{flex:1;font-family:var(--mono);font-size:13px;padding:11px 13px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-md);color:var(--accent);word-break:break-all;user-select:all}.keys-dialog__status{margin:0;font-size:12px;color:var(--fg-muted)}.keys-dialog__status--error{color:#ff7b7b}.keys-dialog__target{display:grid;grid-template-columns:max-content 1fr;gap:6px 12px;margin:0;font-size:12px}.keys-dialog__target div{display:contents}.keys-dialog__target dt{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.keys-dialog__target dd{margin:0;color:var(--fg)}.keys-dialog__target dd code{font-family:var(--mono)}.keys-dialog__actions{display:flex;gap:8px;justify-content:flex-end}