.apikeys-root{display:flex;flex-direction:column;gap:var(--space-4)}.apikeys-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.apikeys-summary{display:flex;align-items:center;gap:var(--space-2)}.apikeys-loading-badge{font-size:var(--text-xs);color:var(--text-tertiary)}.apikeys-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-medium)}.apikeys-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.apikeys-badge--success{background:rgba(var(--color-success-rgb, 34, 197, 94),.1);color:var(--color-success);border:1px solid rgba(var(--color-success-rgb, 34, 197, 94),.2)}.apikeys-badge--muted{background:var(--bg-active);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.apikeys-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgba(var(--color-danger-rgb, 239, 68, 68),.08);border:1px solid rgba(var(--color-danger-rgb, 239, 68, 68),.18);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm)}.apikeys-error__dismiss{background:none;border:none;cursor:pointer;color:inherit;margin-left:auto;opacity:.6;padding:var(--space-1);border-radius:var(--radius-sm);transition:opacity var(--transition-fast),background var(--transition-fast)}.apikeys-error__dismiss:hover{opacity:1;background:rgba(var(--color-danger-rgb, 239, 68, 68),.12)}.apikeys-controls{display:flex;flex-direction:column;gap:var(--space-3)}.apikeys-search{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),background var(--transition-fast)}.apikeys-search:focus-within{border-color:var(--color-brand);background:var(--bg-surface-hover);box-shadow:0 0 0 3px rgba(var(--color-brand-rgb, 249, 115, 22),.12)}.apikeys-search app-icon{color:var(--text-tertiary);flex-shrink:0}.apikeys-search__input{background:none;border:none;outline:none;flex:1;color:var(--text-primary);font-size:var(--text-sm);font-family:inherit}.apikeys-search__input::placeholder{color:var(--text-tertiary)}.apikeys-search__clear{background:none;border:none;cursor:pointer;color:var(--text-tertiary);padding:0;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.apikeys-search__clear:hover{color:var(--text-secondary)}.apikeys-filters{display:flex;gap:var(--space-1);flex-wrap:wrap}.apikeys-filter{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-active);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.apikeys-filter:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-default)}.apikeys-filter--active{background:rgba(var(--color-brand-rgb, 249, 115, 22),.1);color:var(--color-brand);border-color:rgba(var(--color-brand-rgb, 249, 115, 22),.3);font-weight:var(--font-semibold)}.apikeys-filter__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:1px var(--space-1);border-radius:var(--radius-full);font-size:var(--text-2xs)}.apikeys-filter__badge--full{background:rgba(var(--color-success-rgb, 34, 197, 94),.12);color:var(--color-success)}.apikeys-filter__badge--partial{background:var(--bg-elevated);color:var(--text-tertiary)}.apikeys-list{display:flex;flex-direction:column;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.apikey-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.apikey-row:last-child{border-bottom:none}.apikey-row:hover{background:var(--bg-active)}.apikey-row--editing{background:rgba(var(--color-brand-rgb, 249, 115, 22),.04)}.apikey-row--unset{opacity:.65}.apikey-status{width:6px;height:6px;border-radius:50%;margin-top:9px;flex-shrink:0}.apikey-status--ok{background:var(--color-success);box-shadow:0 0 5px rgba(var(--color-success-rgb, 34, 197, 94),.5)}.apikey-status--missing{background:var(--border-default)}.apikey-info{flex:1;min-width:0}.apikey-info__top{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:3px}.apikey-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.apikey-key-name{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-elevated);padding:1px var(--space-2);border-radius:var(--radius-sm)}.apikey-description{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-normal)}.apikey-masked{font-size:var(--text-2xs);font-family:var(--font-mono);color:var(--text-tertiary);margin-top:var(--space-1);letter-spacing:3px;opacity:.6}.apikey-badge{padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--font-semibold)}.apikey-badge--required{background:rgba(var(--color-danger-rgb, 239, 68, 68),.1);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb, 239, 68, 68),.2)}.apikey-badge--source{background:var(--bg-elevated);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.apikey-edit-form{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.apikey-edit-input{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);width:100%;max-width:400px}.apikey-edit-actions{display:flex;gap:var(--space-2)}.apikey-actions{display:flex;gap:var(--space-1);flex-shrink:0;align-items:flex-start;margin-top:2px}.apikey-delete-btn{color:var(--text-tertiary)!important;transition:color var(--transition-fast)!important}.apikey-delete-btn:hover{color:var(--color-danger)!important}.apikeys-loading{display:flex;flex-direction:column;gap:var(--space-2)}.apikeys-skeleton{padding:var(--space-3) var(--space-4);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.apikeys-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);color:var(--text-tertiary);font-size:var(--text-sm)}.apikeys-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-1)}.apikeys-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;background:none;cursor:pointer;color:var(--text-tertiary);font-size:var(--text-sm);font-family:inherit;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.apikeys-tab:hover{color:var(--text-secondary);background:var(--bg-active)}.apikeys-tab--active{color:var(--text-primary);border-bottom-color:var(--color-brand);font-weight:var(--font-medium)}.apikeys-tab-panel{display:flex;flex-direction:column;gap:var(--space-4)}.apikeys-vault-section{padding-top:var(--space-1)}