Midnight Neon API Key Manager UI with Dynamic Highlights

1<section class="gs-stage">
2  <div class="gs-orb gs-orb-1" aria-hidden="true"></div>
3  <div class="gs-orb gs-orb-2" aria-hidden="true"></div>
4  <div class="gs-card">
5    <div class="gs-card-inner">
6      <h2 class="mb-4">API Key Manager</h2>
7      <div class="api-key">
8        <div class="api-key-header">
9          <span class="key-label">Key ID</span>
10          <button class="btn-generate">Generate New</button>
11        </div>
12        <div class="api-key-content">
13          <div class="key-block">
14            <div class="key-info">
15              <span class="key-name">Production Key</span>
16              <span class="key-value">ABCD-1234-EFGH-5678</span>
17            </div>
18            <div class="key-actions">
19              <button class="btn-copy">Copy</button>
20              <button class="btn-revoke">Revoke</button>
21            </div>
22          </div>
23          <div class="key-block">
24            <div class="key-info">
25              <span class="key-name">Staging Key</span>
26              <span class="key-value">IJKL-9101-MNOP-1121</span>
27            </div>
28            <div class="key-actions">
29              <button class="btn-copy">Copy</button>
30              <button class="btn-revoke">Revoke</button>
31            </div>
32          </div>
33        </div>
34      </div>
35    </div>
36  </div>
37</section>