.api-key-page-heading{align-items:center}.api-key-summary-grid{margin-bottom:20px}.api-key-secret-reveal{padding:20px;margin-bottom:20px;background:linear-gradient(135deg,rgba(57,217,138,.12),rgba(18,42,55,.78));box-shadow:0 18px 44px rgba(0,0,0,.14)}.secret-reveal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.secret-reveal-heading strong{font-size:18px;margin-top:5px}.api-key-workspace{padding:22px}.api-key-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:18px}.api-key-card{border:1px solid var(--border);border-radius:15px;padding:16px;background:linear-gradient(180deg,rgba(13,29,49,.98),rgba(8,19,33,.98));box-shadow:0 10px 28px rgba(0,0,0,.12);transition:transform .15s,border-color .15s,box-shadow .15s}.api-key-card:hover{transform:translateY(-1px);border-color:rgba(74,163,255,.38);box-shadow:0 16px 36px rgba(0,0,0,.18)}.api-key-card-muted{opacity:.7}.api-key-card-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:11px}.api-key-card-head strong,.api-key-card-head span{display:block}.api-key-card-head strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-key-card-head div>span{font-size:12px;color:var(--muted);margin-top:4px}.api-key-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(74,163,255,.2);font-size:16px}.api-key-icon-test{color:#6ddda4;background:rgba(57,217,138,.1);border-color:rgba(57,217,138,.2)}.api-key-icon-live{color:#b69aff;background:rgba(151,110,255,.1);border-color:rgba(151,110,255,.22)}.api-key-hint{margin:16px 0 14px;padding:12px;border:1px solid rgba(45,66,97,.82);border-radius:11px;background:rgba(5,15,27,.66)}.api-key-hint span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.api-key-hint code{color:#cfe4ff;font-size:12px;word-break:break-all}.api-key-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.api-key-meta>div{padding:10px 11px;border-radius:10px;background:rgba(18,35,57,.58);border:1px solid rgba(35,55,84,.62)}.api-key-meta span,.api-key-meta strong{display:block}.api-key-meta span{color:var(--muted);font-size:10px;margin-bottom:4px}.api-key-meta strong{font-size:12px}.api-key-card-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid rgba(35,55,84,.72)}.api-key-card-footer .field-help{max-width:220px}.api-key-empty-state{text-align:center;padding:42px 20px;color:var(--muted)}.api-key-empty-state h2{color:var(--text);margin:12px 0 7px}.api-key-empty-state p{max-width:520px;margin:0 auto 18px}.api-key-quickstart{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(380px,1.2fr);gap:22px;align-items:center}.api-key-quickstart h2{margin:7px 0 8px}.api-key-quickstart pre{margin:0;background:#07101c;padding:16px;border-radius:12px;border:1px solid #182b45;color:#c7d8ec;overflow:auto}.api-key-security-note{display:grid;gap:4px;padding:12px 13px;border-radius:11px;border:1px solid rgba(74,163,255,.22);background:rgba(74,163,255,.07)}.api-key-security-note strong{font-size:12px;color:#b9dcff}.api-key-security-note span{color:var(--muted);font-size:12px;line-height:1.5}@media(max-width:900px){.api-key-quickstart{grid-template-columns:1fr}}@media(max-width:640px){.api-key-grid{grid-template-columns:1fr}.api-key-card-head{grid-template-columns:38px minmax(0,1fr)}.api-key-card-head>.status-pill{grid-column:2;justify-self:start}.api-key-meta{grid-template-columns:1fr}.api-key-card-footer{align-items:stretch;flex-direction:column}.api-key-card-footer form,.api-key-card-footer button{width:100%}.secret-reveal-heading{flex-direction:column}}