.account-page.svelte-8i5vi8{display:flex;justify-content:center;min-height:calc(100vh - var(--header-height));padding:var(--space-8) var(--space-6);background:var(--color-bg-secondary)}.account-card.svelte-8i5vi8{width:100%;max-width:620px;background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);height:fit-content}.account-header.svelte-8i5vi8{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.avatar-large.svelte-8i5vi8{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:700;flex-shrink:0}.account-header-info.svelte-8i5vi8 h1:where(.svelte-8i5vi8){font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.account-header-info.svelte-8i5vi8 p:where(.svelte-8i5vi8){font-size:var(--text-sm);color:var(--color-text-secondary)}.tabs.svelte-8i5vi8{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.tab.svelte-8i5vi8{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.tab.svelte-8i5vi8:hover{color:var(--color-text-primary)}.tab.active.svelte-8i5vi8{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-danger.active.svelte-8i5vi8{color:var(--color-red-500);border-bottom-color:var(--color-red-500)}.error-banner.svelte-8i5vi8{background:#fef2f2;border:1px solid #fecaca;color:var(--color-red-500);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.success-banner.svelte-8i5vi8{background:var(--color-green-50);border:1px solid #bbf7d0;color:var(--color-green-500);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.field.svelte-8i5vi8{margin-bottom:var(--space-4)}.field.svelte-8i5vi8 label:where(.svelte-8i5vi8){display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-1)}.field.svelte-8i5vi8 input:where(.svelte-8i5vi8){width:100%;padding:10px 12px;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.field.svelte-8i5vi8 input:where(.svelte-8i5vi8)::placeholder{color:var(--color-text-tertiary)}.field.svelte-8i5vi8 input:where(.svelte-8i5vi8):focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.save-btn.svelte-8i5vi8{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px;margin-top:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-white);background:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.save-btn.svelte-8i5vi8:hover:not(:disabled){background:var(--color-accent-hover)}.save-btn.svelte-8i5vi8:disabled{opacity:.7;cursor:not-allowed}.danger-section.svelte-8i5vi8 h2:where(.svelte-8i5vi8){font-size:var(--text-lg);font-weight:600;color:var(--color-red-500);margin-bottom:var(--space-2)}.danger-section.svelte-8i5vi8 p:where(.svelte-8i5vi8){font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.delete-btn.svelte-8i5vi8{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px;margin-top:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-white);background:var(--color-red-500);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.delete-btn.svelte-8i5vi8:hover:not(:disabled){background:#dc2626}.delete-btn.svelte-8i5vi8:disabled{opacity:.5;cursor:not-allowed}.spinner.svelte-8i5vi8{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-8i5vi8-spin .6s linear infinite}@keyframes svelte-8i5vi8-spin{to{transform:rotate(360deg)}}.apikeys-intro.svelte-8i5vi8{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-5)}.apikeys-intro.svelte-8i5vi8 code:where(.svelte-8i5vi8){font-family:Fira Code,Cascadia Code,monospace;font-size:var(--text-xs);padding:1px 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary)}.create-key-form.svelte-8i5vi8{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.create-key-form.svelte-8i5vi8 input:where(.svelte-8i5vi8){flex:1;padding:10px 12px;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.create-key-form.svelte-8i5vi8 input:where(.svelte-8i5vi8)::placeholder{color:var(--color-text-tertiary)}.create-key-form.svelte-8i5vi8 input:where(.svelte-8i5vi8):focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.create-key-btn.svelte-8i5vi8{width:auto;padding:10px 20px;margin-top:0;white-space:nowrap;flex-shrink:0}.new-key-banner.svelte-8i5vi8{background:var(--color-bg-tertiary);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.new-key-header.svelte-8i5vi8{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.new-key-header.svelte-8i5vi8 strong:where(.svelte-8i5vi8){font-size:var(--text-sm);color:var(--color-text-primary)}.new-key-warning.svelte-8i5vi8{font-size:var(--text-xs);color:var(--color-red-500);font-weight:500}.new-key-value.svelte-8i5vi8{display:flex;align-items:center;gap:var(--space-3);background:var(--color-gray-900);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.new-key-value.svelte-8i5vi8 code:where(.svelte-8i5vi8){flex:1;font-family:Fira Code,Cascadia Code,monospace;font-size:var(--text-xs);color:var(--color-green-500);word-break:break-all}.copy-btn.svelte-8i5vi8{padding:6px 14px;font-size:var(--text-xs);font-weight:600;color:var(--color-white);background:var(--color-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.copy-btn.svelte-8i5vi8:hover{background:var(--color-accent-hover)}.keys-table-wrap.svelte-8i5vi8{overflow-x:auto}.keys-table.svelte-8i5vi8{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.keys-table.svelte-8i5vi8 th:where(.svelte-8i5vi8){text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);border-bottom:2px solid var(--color-border)}.keys-table.svelte-8i5vi8 td:where(.svelte-8i5vi8){padding:var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:middle}.key-name.svelte-8i5vi8{font-weight:500;color:var(--color-text-primary)}.key-prefix.svelte-8i5vi8{font-family:Fira Code,Cascadia Code,monospace;font-size:var(--text-xs);padding:1px 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.key-date.svelte-8i5vi8{font-size:var(--text-xs);white-space:nowrap}.revoke-btn.svelte-8i5vi8{padding:4px 12px;font-size:var(--text-xs);font-weight:500;color:var(--color-red-500);background:none;border:1px solid var(--color-red-500);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.revoke-btn.svelte-8i5vi8:hover{background:var(--color-red-500);color:var(--color-white)}.confirm-delete.svelte-8i5vi8{display:flex;gap:var(--space-2)}.confirm-yes.svelte-8i5vi8{padding:4px 12px;font-size:var(--text-xs);font-weight:600;color:var(--color-white);background:var(--color-red-500);border:none;border-radius:var(--radius-sm);cursor:pointer}.confirm-no.svelte-8i5vi8{padding:4px 12px;font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.no-keys.svelte-8i5vi8{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;padding:var(--space-6) 0}@media(max-width:480px){.account-card.svelte-8i5vi8{padding:var(--space-6)}.account-header.svelte-8i5vi8{flex-direction:column;text-align:center}.create-key-form.svelte-8i5vi8{flex-direction:column}.create-key-btn.svelte-8i5vi8{width:100%}}