.api-keys-page .header-actions{gap:var(--space-3);display:flex}.create-key-btn,.modal-create-btn,.modal-done-btn{justify-content:center;align-items:center;gap:var(--space-2);color:#fff;background:var(--brand-gradient);border-radius:var(--radius-button);cursor:pointer;border:0;min-height:2.75rem;padding:.7rem 1.1rem;font-weight:700;display:inline-flex;box-shadow:0 10px 24px rgba(0,86,255,.22)}.create-key-btn:hover,.modal-create-btn:hover,.modal-done-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.api-keys-info{gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-5);color:var(--color-info);background:var(--color-info-surface);border:1px solid var(--color-info-border);border-radius:var(--radius-md);display:flex}.info-icon-wrapper{flex:0 0 2.25rem;place-items:center;width:2.25rem;height:2.25rem;display:grid}.info-content{min-width:0}.info-content h3{margin:0 0 var(--space-1);color:var(--color-text);font-size:1rem}.info-text,.api-keys-warning{color:var(--color-text-muted);margin:0;line-height:1.55}.api-keys-warning{margin-top:var(--space-2);color:var(--color-warning)}.api-keys-table{min-width:62rem}.api-keys-table .key-name{font-weight:700}.api-keys-table .info-icon{color:var(--color-info);vertical-align:middle}.secret-key-cell{align-items:center;gap:var(--space-2);display:flex}.secret-key{max-width:19rem;color:var(--color-text);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;background:var(--color-bg-band);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.55rem .7rem;font-size:.8rem;display:block;overflow:hidden}.key-actions{gap:var(--space-1);display:flex;position:relative}.key-action-btn,.delete-key-btn,.pagination-btn,.pagination-page,.dashboard-alert-dismiss{min-width:2.5rem;min-height:2.5rem;color:var(--color-text-muted);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;place-items:center;padding:.45rem;display:inline-grid}.key-action-btn:hover,.pagination-btn:hover:not(:disabled),.pagination-page:hover{color:var(--color-info);border-color:var(--color-info-border)}.delete-key-btn{color:var(--color-error);background:var(--color-error-surface);border-color:var(--color-error-border)}.key-unavailable{color:var(--color-text-faint);font-style:italic}.copied-indicator{color:var(--color-success);background:var(--color-success-surface);border:1px solid var(--color-success-border);border-radius:var(--radius-sm);white-space:nowrap;padding:.3rem .55rem;font-size:.75rem;position:absolute;bottom:calc(100% + .45rem);right:0}.loading-container,.empty-state{min-height:20rem;padding:var(--space-7);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);place-items:center;display:grid}.loading-container .spinner,.delete-key-btn .spinner,.modal-create-btn .spinner{color:currentColor}.error-alert,.success-alert{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-md);border:1px solid;display:flex}.error-alert{color:var(--color-error);background:var(--color-error-surface);border-color:var(--color-error-border)}.success-alert{color:var(--color-success);background:var(--color-success-surface);border-color:var(--color-success-border)}.dashboard-alert-content{align-items:center;gap:var(--space-2);min-width:0;display:flex}.dashboard-alert-dismiss{color:currentColor;background:0 0;border-color:currentColor;min-width:2.25rem;min-height:2.25rem}.pagination-container{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-5);display:flex}.pagination-info{color:var(--color-text-muted);font-size:.9rem}.pagination-controls,.pagination-pages{align-items:center;gap:var(--space-2);display:flex}.pagination-page.active{color:#fff;background:var(--brand-gradient);border-color:transparent}.pagination-ellipsis{color:var(--color-text-faint)}.create-key-modal h2{margin:0 0 var(--space-2);color:var(--color-text);font-family:var(--font-display)}.create-key-modal>p{margin:0 0 var(--space-5);color:var(--color-text-muted)}.modal-form label,.generated-key-display label{margin-bottom:var(--space-2);color:var(--color-text);font-weight:700;display:block}.modal-form input{width:100%;min-height:3rem;color:var(--color-text);background:var(--color-bg-band);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:.75rem .9rem}.modal-form input::placeholder{color:var(--color-text-faint)}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.modal-cancel-btn{min-height:2.75rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;padding:.7rem 1.1rem}.modal-warning{padding:var(--space-3);color:var(--color-warning);background:var(--color-warning-surface);border:1px solid var(--color-warning-border);border-radius:var(--radius-md)}.generated-key-display{margin-top:var(--space-4)}.generated-key-value{gap:var(--space-2);align-items:stretch;display:flex}.generated-key-value code{min-width:0;padding:var(--space-3);overflow-wrap:anywhere;color:var(--color-text);background:var(--color-bg-band);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1}.copy-key-btn{color:#fff;background:var(--brand-gradient);border-radius:var(--radius-sm);cursor:pointer;border:0;place-items:center;min-width:3rem;display:inline-grid}@media (max-width:620px){.api-keys-page .header-actions,.create-key-btn{width:100%}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:space-between}.pagination-pages{gap:var(--space-1)}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.create-key-btn:hover,.modal-create-btn:hover,.modal-done-btn:hover{transform:none}}