.api-keys-page[data-v-9e691413]{background:var(--surface-ground);min-height:100vh}.page-header[data-v-9e691413]{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-600) 100%);color:#fff;justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.1)}.page-header h1[data-v-9e691413]{align-items:center;gap:1rem;margin:0 0 .5rem;font-size:2rem;display:flex}.page-header p[data-v-9e691413]{opacity:.9;margin:0}.page-content[data-v-9e691413]{max-width:1400px;margin:0 auto;padding:2rem 3rem}.info-message[data-v-9e691413]{margin-bottom:2rem}.info-content[data-v-9e691413]{align-items:flex-start;gap:1rem;display:flex}.info-content i[data-v-9e691413]{margin-top:.25rem;font-size:1.5rem}.info-content p[data-v-9e691413]{margin:0 0 .5rem}.api-keys-table[data-v-9e691413]{margin-top:1rem}.key-name[data-v-9e691413]{align-items:center;gap:.75rem;font-weight:500;display:flex}.key-display[data-v-9e691413]{align-items:center;gap:.5rem;display:flex}.key-display code[data-v-9e691413]{background:var(--surface-ground);color:var(--primary-color);border-radius:4px;padding:.25rem .5rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}.never-used[data-v-9e691413]{color:var(--text-color-secondary);font-style:italic}.actions[data-v-9e691413]{gap:.25rem;display:flex}.usage-card[data-v-9e691413]{margin-top:2rem}.usage-stats[data-v-9e691413]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stat-card[data-v-9e691413]{background:var(--surface-50);border:1px solid var(--surface-border);border-radius:8px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.stat-icon[data-v-9e691413]{background:var(--primary-100);width:48px;height:48px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.stat-content[data-v-9e691413]{flex:1}.stat-value[data-v-9e691413]{color:var(--text-color);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.stat-label[data-v-9e691413]{color:var(--text-color-secondary);font-size:.875rem}.create-key-form[data-v-9e691413],.edit-key-form[data-v-9e691413]{flex-direction:column;gap:1.5rem;display:flex}.field[data-v-9e691413]{flex-direction:column;gap:.5rem;display:flex}.field label[data-v-9e691413]{color:var(--text-color);font-weight:600}.field small[data-v-9e691413]{color:var(--text-color-secondary);font-size:.875rem}.expiration-options[data-v-9e691413]{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.expiration-option[data-v-9e691413]{border:2px solid var(--surface-border);cursor:pointer;text-align:center;border-radius:6px;padding:.75rem;transition:all .2s}.expiration-option[data-v-9e691413]:hover{border-color:var(--primary-color);background:var(--primary-50)}.expiration-option.active[data-v-9e691413]{border-color:var(--primary-color);background:var(--primary-100);color:var(--primary-color);font-weight:600}.delete-confirmation[data-v-9e691413]{padding:1rem 0}@media (max-width:768px){.page-header[data-v-9e691413]{flex-direction:column;align-items:flex-start;gap:1rem}.page-content[data-v-9e691413]{padding:1rem}.usage-stats[data-v-9e691413],.expiration-options[data-v-9e691413]{grid-template-columns:1fr}}