.customer-keys{margin:0 0 32px;padding:22px 23px;border:1px solid #e8e9f0;border-radius:15px;background:#fff}.key-form{display:flex;align-items:end;gap:10px;margin:14px 0}.key-form label{display:grid;gap:6px;flex:1;color:#797d8f;font-size:10px;font-weight:600}.key-form input{height:40px;border:1px solid #e2e3ed;border-radius:8px;padding:0 10px;font:12px 'DM Sans',sans-serif}.key-form button{height:40px;background:#7160dc;color:white;white-space:nowrap;cursor:pointer}.key-list{border:1px solid #eff0f4;border-radius:10px;overflow:hidden}.key-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #f0f0f4}.key-row:last-child{border-bottom:0}.key-row>div{flex:1}.key-row strong,.key-row small{display:block}.key-row strong{font-size:11px}.key-row small{margin-top:4px;color:#9296a4;font:10px ui-monospace,monospace}.key-status{padding:6px 8px;border-radius:20px;background:#eaf7f0;color:#458866;font-size:8px}.key-status.pending{background:#fff4df;color:#9a6a22}.key-status.revoked{background:#f3f3f7;color:#969aa7}.key-row.revoked{opacity:.7}.revoke-key{border:1px solid #eadcda;border-radius:7px;background:white;color:#a45d57;padding:6px 9px;font:10px 'DM Sans',sans-serif;cursor:pointer}.key-footnote{margin:10px 0 0;color:#9296a4;font-size:9px;line-height:1.5}.key-dialog{width:min(92vw,490px);border:1px solid #e7e7ef;border-radius:17px;padding:27px;background:#fff;color:#22253a;box-shadow:0 25px 100px #17152d3d}.key-dialog::backdrop{background:#15142c88;backdrop-filter:blur(3px)}.key-dialog form{position:absolute;right:15px;top:10px}.dialog-close{border:0;background:transparent;color:#74788a;font-size:24px;cursor:pointer}.key-dialog h3{font:700 22px Manrope,sans-serif;margin:0 0 7px}.key-dialog p:not(.eyebrow){color:#85899a;font-size:12px;line-height:1.65}.new-key-value{width:100%;height:44px;border:1px solid #deddea;border-radius:8px;padding:0 11px;color:#4e43a4;background:#f8f7ff;font:11px ui-monospace,monospace}.copy-key{width:100%;margin-top:11px;background:#7160dc;color:white;cursor:pointer}.key-dialog small{display:block;min-height:17px;margin-top:8px;color:#58916f;font-size:10px}@media(max-width:520px){.key-form{align-items:stretch;flex-direction:column}.key-row small{font-size:8px}.key-row{gap:7px;padding:10px}}